@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050508;--bg2:#0d0d14;--surface:#12121c;--border:#ffffff12;--text:#a0a0b8;--text-h:#f0f0ff;--accent:#7c3aed;--accent2:#06b6d4;--accent3:#f59e0b;--glow:#7c3aed66;--glow2:#06b6d44d}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100svh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050508b3;justify-content:space-between;align-items:center;padding:1.2rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text);letter-spacing:.05em;font-size:.9rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-h)}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-mountain{z-index:0;will-change:transform;background:url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2070&q=80) 50%/cover no-repeat;position:absolute;inset:-20% 0}.hero-overlay{z-index:1;background:linear-gradient(#0505088c 0%,#0505084d 40%,#050508bf 100%),radial-gradient(80% 50% at 50% 0,#7c3aed4d 0%,#0000 70%);position:absolute;inset:0}.hero-grid{z-index:2;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.wisp{z-index:3;pointer-events:none;filter:blur(60px);will-change:transform;border-radius:50%;position:absolute}.wisp-1{background:#ffffff0f;width:70vw;height:30vh;animation:18s ease-in-out infinite wispDrift1;top:55%;left:-10%}.wisp-2{background:#a78bfa14;width:50vw;height:20vh;animation:22s ease-in-out infinite wispDrift2;top:65%;right:-5%}.wisp-3{background:#ffffff0a;width:40vw;height:15vh;animation:28s ease-in-out infinite wispDrift3;top:45%;left:20%}.wisp-4{background:#06b6d40f;width:30vw;height:12vh;animation:20s ease-in-out infinite reverse wispDrift1;top:70%;left:40%}@keyframes wispDrift1{0%,to{opacity:.6;transform:translate(0)scaleX(1)}33%{opacity:1;transform:translate(8%)scaleX(1.08)}66%{opacity:.7;transform:translate(-5%)scaleX(.95)}}@keyframes wispDrift2{0%,to{opacity:.5;transform:translate(0)scaleX(1)}40%{opacity:.9;transform:translate(-10%)scaleX(1.1)}70%{opacity:.6;transform:translate(6%)scaleX(.92)}}@keyframes wispDrift3{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.7;transform:translate(12%)}}.hero-content{z-index:4;max-width:800px;position:relative}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed66;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.badge-dot{background:#a78bfa;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero-title{color:var(--text-h);letter-spacing:-.03em;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.05}.hero-title .gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#06b6d4 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;animation:4s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-sub{color:var(--text);max-width:520px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{cursor:pointer;background:linear-gradient(135deg, var(--accent), #5b21b6);color:#fff;box-shadow:0 0 30px var(--glow);border:none;border-radius:8px;padding:.85rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{box-shadow:0 0 50px var(--glow);transform:translateY(-2px)}.btn-outline{cursor:pointer;border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;padding:.85rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-block}.btn-outline:hover{background:#7c3aed0d;border-color:#7c3aed80}section{max-width:1100px;margin:0 auto;padding:7rem 2rem}.section-label{letter-spacing:.2em;text-transform:uppercase;color:#a78bfa;margin-bottom:1rem;font-size:.75rem}.section-title{color:var(--text-h);letter-spacing:-.02em;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-sub{color:var(--text);max-width:500px;margin-bottom:4rem;line-height:1.7}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-image-wrap{aspect-ratio:4/5;background:linear-gradient(135deg, var(--surface), var(--bg2));border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.about-image-wrap:before{content:"";z-index:-1;background:linear-gradient(135deg,#7c3aed80,#06b6d44d,#0000);border-radius:20px;position:absolute;inset:-1px}.about-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;display:flex}.about-stats{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.stat-num{color:var(--text-h);background:linear-gradient(135deg,#a78bfa,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.stat-label{color:var(--text);margin-top:.25rem;font-size:.85rem}#projects{max-width:1100px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;transition:border-color .3s;position:relative;overflow:hidden}.project-card:hover{border-color:#7c3aed66}.project-card-img{background:linear-gradient(135deg, var(--bg2), var(--surface));justify-content:center;align-items:center;height:200px;font-size:3rem;display:flex;position:relative;overflow:hidden}.project-card-img:after{content:"";background:linear-gradient(to bottom, transparent 50%, var(--surface));position:absolute;inset:0}.project-card-body{padding:1.5rem}.project-tag{letter-spacing:.1em;text-transform:uppercase;color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:999px;margin-bottom:.75rem;padding:.2rem .7rem;font-size:.7rem;display:inline-block}.project-card h3{color:var(--text-h);margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.project-card p{font-size:.9rem;line-height:1.6}.project-links{gap:.75rem;margin-top:1.25rem;display:flex}.project-link{color:var(--text);align-items:center;gap:.3rem;font-size:.8rem;text-decoration:none;transition:color .2s;display:flex}.project-link:hover{color:#a78bfa}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.skill-pill{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:border-color .2s,transform .2s}.skill-pill:hover{border-color:#7c3aed66;transform:translateY(-3px)}.skill-icon{margin-bottom:.5rem;font-size:1.8rem}.skill-name{color:var(--text-h);font-size:.85rem;font-weight:500}.mountain-banner{justify-content:center;align-items:center;height:420px;display:flex;position:relative;overflow:hidden}.mountain-banner-bg{will-change:transform;background:url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2070&q=80) 50% 60%/cover no-repeat;position:absolute;inset:-20% 0}.mountain-banner-overlay{background:linear-gradient(#050508b3 0%,#1e0a3c80 50%,#050508cc 100%);position:absolute;inset:0}.mountain-banner-content{z-index:1;text-align:center;padding:2rem;position:relative}.mountain-banner-content .section-label{margin-bottom:1rem}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:3rem 0;overflow:hidden}.marquee-track{gap:3rem;width:max-content;animation:25s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{color:var(--text);white-space:nowrap;align-items:center;gap:.75rem;padding:0 1rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;display:flex}.marquee-item span{color:var(--accent);font-size:1.2rem}.contact-wrap{text-align:center;max-width:600px;margin:0 auto}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:3rem;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;background:radial-gradient(#7c3aed14 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.contact-link{border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:flex}.contact-link:hover{color:var(--text-h);background:#7c3aed0d;border-color:#7c3aed80}footer{text-align:center;border-top:1px solid var(--border);color:var(--text);padding:2rem;font-size:.85rem}.mouse-wisp{z-index:9999;pointer-events:none;filter:blur(6px);mix-blend-mode:screen;background:radial-gradient(circle,#a78bfa99 0%,#7c3aed26 60%,#0000 100%);border-radius:50%;width:40px;height:40px;position:fixed}.mouse-trail{z-index:9998;pointer-events:none;filter:blur(4px);mix-blend-mode:screen;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.orb{pointer-events:none;z-index:-1;filter:blur(80px);opacity:.15;border-radius:50%;position:fixed}.orb-1{background:var(--accent);width:500px;height:500px;top:-100px;right:-100px}.orb-2{background:var(--accent2);width:400px;height:400px;bottom:20%;left:-100px}@media (width<=768px){nav{padding:1rem 1.5rem}.nav-links{display:none}.about-grid{grid-template-columns:1fr;gap:3rem}.about-image-wrap{aspect-ratio:1;max-width:300px;margin:0 auto}.mouse-wisp,.mouse-trail{display:none}}