:root{--bg: #07070a;--bg-soft: #0d0d12;--card: rgba(255,255,255,.055);--card-hover: rgba(255,255,255,.09);--text: #f5f5f7;--muted: #a6a6b0;--line: rgba(255,255,255,.1);--accent: #a78bfa;--accent-2: #67e8f9;--accent-3: #c084fc;--max: 1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}body::selection{background:var(--accent);color:#07070a}a{color:inherit;text-decoration:none}button{font:inherit}.section{position:relative;max-width:var(--max);margin:auto;padding:120px 28px}.section-alt{max-width:none;padding-left:max(28px,calc((100% - var(--max)) / 2));padding-right:max(28px,calc((100% - var(--max)) / 2));background:linear-gradient(180deg,#ffffff05,#ffffff09);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1240px)/2));background:#07070ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s ease}.navbar.scrolled{border-color:var(--line)}.logo{font-family:Space Grotesk;font-size:24px;font-weight:700;letter-spacing:-.7px}.logo span:first-child{display:inline-grid;place-items:center;width:33px;height:33px;margin-right:3px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#08080b}.logo .dot,h1 .accent,.section-heading h2 span,.contact-card h2 span{color:var(--accent)}nav{display:flex;gap:30px}nav a{position:relative;color:var(--muted);font-size:14px;font-weight:500;transition:color .25s ease}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;margin:auto;width:4px;height:4px;border-radius:50%;background:var(--accent)}.menu-toggle{display:none;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px;transition:.3s}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-top:145px;overflow:hidden}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.26;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;opacity:.17}.orb-1{width:450px;height:450px;background:var(--accent);top:-130px;right:-80px}.orb-2{width:330px;height:330px;background:var(--accent-2);bottom:-120px;left:-140px}.hero-content{position:relative;z-index:2}.availability{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;color:#bdbdc8;font-size:12px;background:#ffffff08;margin-bottom:25px}.availability span{width:7px;height:7px;border-radius:50%;background:#7cf29a;box-shadow:0 0 12px #7cf29a}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:3px;font-weight:700;margin-bottom:14px}.hero h1{font-family:Space Grotesk;font-size:clamp(68px,10vw,120px);line-height:.9;letter-spacing:-6px;margin-bottom:18px}.hero h2{font-family:Space Grotesk;font-size:clamp(24px,3vw,38px);letter-spacing:-1px;color:#d9d9df}.typing{color:var(--accent-2)}.caret{color:var(--accent);animation:blink .8s infinite}.hero-text{max-width:610px;margin:24px 0 30px;color:var(--muted);font-size:16px}.hero-text strong{color:#dedee4}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:15px;padding:13px 19px;border-radius:12px;font-size:13px;font-weight:700;transition:.3s ease}.btn-primary{color:#08080b;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 35px #a78bfa2e}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 45px #a78bfa45}.btn-ghost{border:1px solid var(--line);color:#ddd;background:#ffffff08}.btn-ghost:hover{background:#ffffff14;transform:translateY(-3px)}.socials{display:flex;gap:9px;margin-top:30px}.socials a{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;font-weight:700;transition:.25s}.socials a:hover{color:var(--text);border-color:#a78bfa8c;transform:translateY(-3px)}.hero-card-wrap{position:relative;height:480px;display:grid;place-items:center;perspective:1000px}.code-card{width:min(470px,100%);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#ffffff17,#ffffff06);box-shadow:0 35px 90px #00000073,inset 0 1px #ffffff14;transform:rotateY(-7deg) rotateX(4deg);animation:float 6s ease-in-out infinite}.window-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);color:#777782;font-size:11px}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#45454d}.code-card pre{padding:30px;font:14px/2 SFMono-Regular,Consolas,monospace;color:#d2d2db;overflow:auto}.purple{color:#c084fc}.blue{color:#67e8f9}.green{color:#86efac}.mini-badge{position:absolute;padding:10px 14px;border:1px solid var(--line);background:#0e0e13d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;font-size:12px;box-shadow:0 12px 35px #00000059;animation:float 5s ease-in-out infinite}.badge-1{top:65px;right:8px;animation-delay:-1s}.badge-2{bottom:75px;left:0;animation-delay:-3s}.badge-3{bottom:20px;right:55px;animation-delay:-2s}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#686872;font-size:11px}.scroll-down span{width:7px;height:7px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg);animation:bounce 1.3s infinite}.section-heading{max-width:700px;margin-bottom:60px}.section-heading h2{font-family:Space Grotesk;font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2.8px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center}.about-copy>p{color:var(--muted);font-size:17px;margin-bottom:20px;max-width:680px}.about-copy strong{color:#ededf1}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.info-row div{padding:15px;border-left:1px solid var(--accent);background:#ffffff06}.info-row span{display:block;font-size:10px;letter-spacing:1px;color:#6e6e79;text-transform:uppercase;margin-bottom:3px}.info-row strong{font-size:12px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{min-height:150px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--card);display:flex;flex-direction:column;justify-content:flex-end;transition:.3s}.stat-card:hover{transform:translateY(-5px);background:var(--card-hover);border-color:#a78bfa40}.stat-card strong{font-family:Space Grotesk;font-size:40px;line-height:1;color:#fff}.stat-card span{margin-top:7px;font-size:12px;color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-group{border:1px solid var(--line);border-radius:18px;padding:30px;background:#ffffff09;transition:.35s}.skill-group:hover{transform:translateY(-6px);border-color:#a78bfa4d}.skill-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#a78bfa2b,#67e8f917);color:var(--accent-2);font-size:22px;margin-bottom:20px}.skill-group h3{font-family:Space Grotesk;font-size:20px;margin-bottom:17px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span,.project-tags span{border:1px solid var(--line);padding:5px 9px;border-radius:7px;color:#b7b7c0;font-size:11px;background:#ffffff06}.skill-marquee{overflow:hidden;margin-top:65px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-track{display:flex;gap:25px;align-items:center;width:max-content;animation:marquee 25s linear infinite;color:#5f5f69;font-family:Space Grotesk;font-size:14px;font-weight:700;letter-spacing:2px}.marquee-track b{color:var(--accent)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card{min-height:330px;position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#ffffff0e,#ffffff05);transition:.35s ease}.project-card:before{content:"";position:absolute;inset:auto -20% -65% -20%;height:240px;background:radial-gradient(circle,rgba(167,139,250,.13),transparent 65%);transition:.4s}.project-card:hover{transform:translateY(-7px);border-color:#a78bfa52}.project-card:hover:before{transform:scale(1.2)}.project-number{position:absolute;top:25px;right:28px;color:#41414b;font:700 12px Space Grotesk}.project-top{display:flex;align-items:center;gap:12px;margin-bottom:45px}.project-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#ffffff0f;font-size:21px}.project-type{color:#73737d;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.project-card h3{position:relative;font-family:Space Grotesk;font-size:25px;line-height:1.15;max-width:450px;letter-spacing:-.8px}.project-card p{position:relative;margin:14px 0 24px;color:var(--muted);font-size:13px;max-width:500px}.project-tags{position:relative;display:flex;gap:7px;flex-wrap:wrap}.project-arrow{position:absolute;right:28px;bottom:28px;font-size:21px;color:#777;transition:.3s}.project-card:hover .project-arrow{color:var(--accent);transform:translate(3px,-3px)}.featured{min-height:380px}.timeline{max-width:850px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--accent),rgba(167,139,250,.05))}.timeline-item{position:relative;display:grid;grid-template-columns:50px 1fr;padding-bottom:45px}.timeline-dot{width:15px;height:15px;margin-top:4px;border-radius:50%;border:3px solid var(--bg);background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 20px #a78bfa66;z-index:2}.timeline-content{padding:0 0 0 25px}.timeline-content span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px}.timeline-content h3{font-family:Space Grotesk;font-size:25px;margin:6px 0}.timeline-content p{color:var(--muted);font-size:14px}.contact-section{padding-bottom:90px}.contact-card{position:relative;overflow:hidden;text-align:center;padding:90px 25px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#a78bfa1a,#67e8f90a)}.contact-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:var(--accent);filter:blur(100px);opacity:.12;left:50%;top:45%;transform:translate(-50%,-50%);pointer-events:none}.contact-card>*:not(.contact-glow){position:relative;z-index:2}.contact-card h2{font-family:Space Grotesk;font-size:clamp(38px,6vw,72px);letter-spacing:-3px;line-height:1;margin-bottom:20px}.contact-card>p:not(.eyebrow){color:var(--muted);max-width:540px;margin:0 auto 28px;font-size:14px}.email-link{display:inline-flex;align-items:center;gap:15px;font-family:Space Grotesk;font-size:clamp(16px,2.5vw,24px);font-weight:600;border-bottom:1px solid rgba(167,139,250,.5);padding-bottom:7px;transition:.3s}.email-link:hover{color:var(--accent-2);border-color:var(--accent-2)}.contact-links{display:flex;justify-content:center;gap:10px;margin-top:35px}.contact-links a{padding:9px 14px;border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted);transition:.25s}.contact-links a:hover{color:#fff;background:#ffffff0f}footer{display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:auto;padding:25px 28px 35px;border-top:1px solid var(--line);color:#5e5e68;font-size:11px}footer a{color:#aaa}.cursor-glow{position:fixed;width:240px;height:240px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(167,139,250,.1),transparent 65%);transform:translate(-50%,-50%);z-index:-1}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}@keyframes float{0%,to{transform:translateY(0) rotateY(-7deg) rotateX(4deg)}50%{transform:translateY(-12px) rotateY(-4deg) rotateX(2deg)}}@keyframes blink{50%{opacity:0}}@keyframes bounce{50%{transform:rotate(45deg) translate(4px,4px)}}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:130px}.hero-card-wrap{height:410px}.about-grid{grid-template-columns:1fr;gap:45px}.skills-grid{grid-template-columns:1fr}}@media(max-width:700px){.section{padding:85px 20px}.section-alt{padding-left:20px;padding-right:20px}nav{position:absolute;top:76px;left:15px;right:15px;display:flex;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:#0c0c10f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(-15px);opacity:0;pointer-events:none;transition:.3s}nav.open{transform:none;opacity:1;pointer-events:auto}nav a{padding:13px}nav a.active:after{display:none}.menu-toggle{display:block}.hero{min-height:auto;padding-top:130px;padding-bottom:100px}.hero h1{letter-spacing:-4px}.hero-card-wrap{height:350px}.code-card{width:100%}.code-card pre{font-size:11px;padding:20px}.badge-1{right:-4px;top:45px}.badge-2{left:-5px;bottom:45px}.projects-grid{grid-template-columns:1fr}.project-card,.featured{min-height:320px}.info-row{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.stat-card{min-height:120px}footer{flex-direction:column;gap:12px;text-align:center}.contact-card{padding:65px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}