@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-void:#050508;--bg-panel:#08080eb8;--bg-panel-solid:#0c0c14e0;--bg-card:#ffffff06;--bg-card-hover:#ffffff0e;--text-primary:#f0f0f5;--text-secondary:#f0f0f58c;--text-tertiary:#f0f0f54d;--accent:#73bfc4;--accent-purple:#8da0ce;--accent-orange:#ff810a;--border:#ffffff0f;--border-hover:#ffffff1f;--glow-blue:#73bfc426;--glow-purple:#8da0ce1f;--gradient:linear-gradient(135deg, #73bfc4 0%, #8da0ce 50%, #ff810a 100%);--font-display:"Space Grotesk", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg-void)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.canvas-container canvas{pointer-events:none}.grain-overlay{z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}.scroll-content{z-index:2;position:relative}.nav{z-index:100;transition:all .5s var(--ease-out);padding:20px 0;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#050508b3;padding:14px 0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,60px);display:flex}.nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:17px;font-weight:600;text-decoration:none}.nav-logo span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.01em;font-size:13px;font-weight:400;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.nav-cta-btn{border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:100px;padding:7px 18px;color:var(--text-primary)!important;transition:all .3s var(--ease-out)!important;font-size:12px!important;font-weight:500!important}.nav-cta-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.04)}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;padding:4px;display:none}.nav-toggle span{background:var(--text-primary);width:22px;height:1.5px;transition:all .3s var(--ease-out);margin:5px 0;display:block}.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-content{text-align:center;max-width:850px;padding:0 clamp(20px,5vw,60px);position:relative}.hero-badge{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:11px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-content h1{font-family:var(--font-display);letter-spacing:-.035em;margin-bottom:22px;font-size:clamp(34px,5.5vw,68px);font-weight:700;line-height:1.05}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto 36px;font-size:clamp(14px,1.6vw,17px);font-weight:400;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-primary{background:var(--text-primary);color:var(--bg-void);font-family:var(--font-body);cursor:pointer;transition:all .3s var(--ease-out);letter-spacing:-.01em;border:none;border-radius:100px;align-items:center;gap:8px;padding:13px 30px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 40px #ffffff1f}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);font-family:var(--font-body);cursor:pointer;transition:all .3s var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:100px;align-items:center;gap:8px;padding:13px 30px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.scroll-indicator{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;animation:2.5s ease-in-out infinite float-indicator;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator-line{background:linear-gradient(180deg, var(--accent) 0%, transparent 100%);width:1px;height:40px;animation:2s ease-in-out infinite scroll-line}@keyframes float-indicator{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes scroll-line{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform-origin:bottom;transform:scaleY(0)}}.immersive-section{perspective:1200px;justify-content:center;align-items:center;min-height:100vh;padding:clamp(80px,10vh,120px) 0;display:flex}.floating-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);width:100%;max-width:1100px;transform-style:preserve-3d;will-change:transform, opacity;border-radius:24px;margin:0 auto;padding:clamp(32px,5vw,56px);position:relative;overflow:hidden}.floating-panel:before{content:"";background:var(--gradient);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.panel-inner{padding:0 clamp(0px,2vw,16px)}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--accent);opacity:.5;width:20px;height:1px}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(26px,3.5vw,44px);font-weight:700;line-height:1.1}.section-desc{color:var(--text-secondary);max-width:500px;font-size:15px;line-height:1.7}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:40px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);transition:all .4s var(--ease-out);color:inherit;border-radius:14px;padding:28px;text-decoration:none;display:block;position:relative;overflow:hidden}.project-card:after{content:"";background:var(--gradient);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.project-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-3px)}.project-card:hover:after{opacity:1}.project-icon{background:var(--glow-blue);border:1px solid #73bfc41f;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;font-size:22px;display:inline-flex}.project-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:18px;font-weight:600}.project-problem{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.55}.project-solution{color:var(--accent);margin-bottom:18px;font-size:13px;line-height:1.55}.tech-tags{flex-wrap:wrap;gap:5px;display:flex}.tech-tag{border:1px solid var(--border);color:var(--text-tertiary);letter-spacing:.02em;background:#ffffff08;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:500}.recognition-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:36px;display:grid}.recognition-card{background:var(--bg-card);border:1px solid var(--border);transition:all .3s var(--ease-out);border-radius:12px;padding:20px}.recognition-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.recognition-icon{margin-bottom:10px;font-size:22px}.recognition-card h4{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:3px;font-size:14px;font-weight:600}.recognition-card p{color:var(--text-tertiary);font-size:12px;line-height:1.5}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:36px;display:grid}.showcase-card{background:var(--bg-card);border:1px solid var(--border);transition:all .4s var(--ease-out);border-radius:16px;overflow:hidden}.showcase-card:hover{border-color:var(--border-hover);transform:translateY(-4px)scale(1.01)}.showcase-visual{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;font-size:48px;display:flex;position:relative}.showcase-visual:after{content:"";background:linear-gradient(180deg, transparent 50%, var(--bg-card) 100%);position:absolute;inset:0}.showcase-info{padding:20px 24px}.showcase-info h3{font-family:var(--font-display);margin-bottom:5px;font-size:17px;font-weight:600}.showcase-info p{color:var(--text-secondary);font-size:13px}.showcase-info p span{color:var(--accent)}.why-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;display:grid}.why-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;transition:all .3s var(--ease-out);border-radius:14px;padding:32px 24px}.why-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.why-icon{margin-bottom:14px;font-size:28px}.why-card h4{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:600}.why-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.personal-section{text-align:center;justify-content:center;align-items:center;min-height:50vh;padding:60px clamp(20px,5vw,60px);display:flex}.personal-quote{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.02em;font-size:clamp(20px,3vw,36px);font-style:italic;font-weight:500;position:relative}.personal-quote:before{content:"";background:var(--gradient);width:48px;height:1px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.cta-section{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:80px clamp(20px,5vw,60px);display:flex}.cta-content h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(30px,5vw,52px);font-weight:700}.cta-subtitle{color:var(--text-secondary);max-width:420px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:15px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-btn{font-size:13px;font-weight:500;font-family:var(--font-body);transition:all .3s var(--ease-out);cursor:pointer;border:1px solid var(--border-hover);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:inline-flex}.cta-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.cta-btn.primary{background:var(--text-primary);color:var(--bg-void);border-color:var(--text-primary)}.cta-btn.primary:hover{box-shadow:0 8px 40px #ffffff1f}.cta-btn svg{width:16px;height:16px}.footer{text-align:center;border-top:1px solid var(--border);z-index:2;padding:36px 0;position:relative}.footer p{color:var(--text-tertiary);font-size:12px}@media (width<=900px){.projects-grid,.showcase-grid,.why-grid{grid-template-columns:1fr}.recognition-grid{grid-template-columns:repeat(2,1fr)}.floating-panel{margin:0 16px}}@media (width<=768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#050508f5;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.nav-links.open a{color:var(--text-primary);font-size:20px}.hero-buttons{flex-direction:column;align-items:center}.recognition-grid{grid-template-columns:1fr}.floating-panel{border-radius:18px;padding:24px 20px}.scroll-indicator{display:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--glow-blue), 0 0 60px var(--glow-purple)}50%{box-shadow:0 0 40px var(--glow-blue), 0 0 80px var(--glow-purple)}}