@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#050505;--bg-gradient:radial-gradient(circle at top right, #1a0b2e, #050505);--text-primary:#f8f9fa;--text-secondary:#adb5bd;--accent-color:#7928ca;--accent-glow:#7928ca80;--accent-secondary:#ff0080;--glass-bg:#19192399;--glass-border:#ffffff14;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-body);scroll-behavior:smooth;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000004d}.text-gradient{background:linear-gradient(to right, var(--accent-secondary), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding-top:4rem;padding-bottom:4rem;display:flex}.hero h1{letter-spacing:-.04em;max-width:900px;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem)}.hero p{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;font-size:clamp(1.125rem,3vw,1.35rem)}.btn{background:linear-gradient(135deg, var(--accent-color), var(--accent-secondary));color:#fff;font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-block}.btn:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)scale(1.02)}.projects-section{padding:6rem 0}.projects-header{text-align:center;margin-bottom:4rem}.projects-header h2{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem)}.projects-header p{color:var(--text-secondary);font-size:1.125rem}.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;display:grid}.project-card{cursor:pointer;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:0 20px 40px #0006, 0 0 20px var(--accent-glow);border-color:#fff3;transform:translateY(-10px)}.project-image-container{border-bottom:1px solid var(--glass-border);background:#00000080;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.image-overlay{background:linear-gradient(to top, var(--bg-color) 0%, #05050533 100%);z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.project-image-container img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .6s}.project-card:hover .project-image-container img{transform:scale(1.05)}.project-content{flex-direction:column;flex-grow:1;padding:1.75rem;display:flex}.project-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem}.project-link{color:var(--accent-secondary);font-weight:600;font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:.95rem;transition:color .3s;display:inline-flex}.project-card:hover .project-link{color:#fff}footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);padding:3rem 0}@media (width<=768px){.grid{grid-template-columns:1fr}}