*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07090d;--surface:#0e1219;--surface2:#131923;--text:#f5f7fb;--muted:#8d98a9;--line:rgba(255,255,255,.09);--accent:#b8ff6a;--accent2:#78a7ff;--shadow:0 25px 90px rgba(0,0,0,.3)}
body.light{--bg:#f5f7f3;--surface:#fff;--surface2:#eef2ec;--text:#0a0d0b;--muted:#637064;--line:rgba(0,0,0,.11);--shadow:0 25px 70px rgba(28,43,32,.12)}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;transition:background .35s,color .35s}
a{color:inherit;text-decoration:none}
.progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:99}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(184,255,106,.09),transparent 65%);transform:translate(-50%,-50%);z-index:-1}
.nav{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.logo{font-family:"Space Grotesk";font-size:25px;font-weight:800;letter-spacing:-2px}.logo span{color:var(--accent)}.logo i{font-style:normal;color:var(--accent2)}
.nav nav{display:flex;gap:30px}.nav nav a{font-size:13px;color:var(--muted);transition:.2s}.nav nav a:hover{color:var(--text)}
.theme-toggle,.menu{border:1px solid var(--line);background:var(--surface);color:var(--text);width:40px;height:40px;border-radius:50%;cursor:pointer}.menu{display:none}
.section{max-width:1250px;margin:auto;padding:120px 6.5%}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}
.availability{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--muted);font-size:11px;margin-bottom:25px}.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);font-weight:800;margin-bottom:13px}
h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(46px,6.2vw,82px);line-height:.98;letter-spacing:-4px;max-width:820px}h1 em,h2 span{font-style:normal;color:var(--accent)}
.hero-text{max-width:670px;color:var(--muted);font-size:17px;margin:27px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;gap:18px;align-items:center;padding:14px 19px;border-radius:10px;border:1px solid var(--line);font-size:13px;font-weight:800;transition:.25s}.btn b{font-size:17px}.btn.primary{background:var(--accent);color:#0a1006;border-color:var(--accent)}.btn.secondary{background:var(--surface)}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.social-row{display:flex;gap:23px;margin-top:25px}.social-row a{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px}.social-row a:hover{color:var(--accent)}
.hero-visual{display:flex;justify-content:center;position:relative}.profile-shell{position:relative;width:min(390px,85vw);aspect-ratio:1/1.08;border-radius:38px;padding:15px;background:linear-gradient(145deg,rgba(184,255,106,.16),rgba(120,167,255,.12));border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(2deg)}
.profile-shell:after{content:"";position:absolute;inset:25px;border:1px solid rgba(184,255,106,.18);border-radius:26px;pointer-events:none}.profile-shell img{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block;filter:saturate(.9)}
.orbit{position:absolute;border:1px solid rgba(184,255,106,.16);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:470px;height:470px}.orbit-two{width:550px;height:550px;animation-direction:reverse;animation-duration:27s}.floating-card{position:absolute;z-index:3;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:10px 13px;display:flex;flex-direction:column;line-height:1.2}.floating-card strong{font-size:12px}.floating-card small{font-size:9px;color:var(--muted);margin-top:4px}.fc-one{left:-25px;top:23%}.fc-two{right:-30px;top:55%}.fc-three{left:12%;bottom:-20px}
.code-line{position:absolute;height:1px;background:var(--accent);opacity:.35}.line-a{width:80px;left:-70px;top:18%}.line-b{width:55px;right:-55px;bottom:25%}.line-c{width:35px;left:45%;bottom:-40px}
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:20px 0;color:var(--muted);white-space:nowrap}.marquee div{display:flex;justify-content:center;gap:28px;align-items:center;font-family:"Space Grotesk";font-weight:700;letter-spacing:2px;font-size:12px}.marquee i{font-style:normal;color:var(--accent)}
.section-head{max-width:850px;margin-bottom:55px}.section-head h2{font-size:clamp(36px,5vw,61px);line-height:1.02;letter-spacing:-3px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{font-size:17px;color:var(--muted);max-width:650px}.about-copy p+p{margin-top:20px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--surface);padding:27px}.stat strong{font-family:"Space Grotesk";font-size:30px;display:block;color:var(--text)}.stat span{font-size:11px;color:var(--muted)}
.skills-section{max-width:none;background:var(--surface2)}.skills-wrap{max-width:1050px;display:grid;grid-template-columns:1fr 1fr;gap:25px 70px}.skill-item{position:relative}.skill-item>div:first-child{display:flex;justify-content:space-between;padding-right:45px}.skill-item b{font-size:14px}.skill-item small{color:var(--muted);font-size:10px}.skill-item>strong{position:absolute;right:0;top:0;color:var(--accent);font-size:11px}.bar{height:4px;background:var(--line);margin-top:10px;border-radius:9px;overflow:hidden}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.skill-note{margin-top:35px;color:var(--muted);font-size:10px}
.project-card{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:25px;margin-bottom:75px;border-top:1px solid var(--line)}.project-card.reverse{grid-template-columns:.9fr 1.1fr}.project-card.reverse .project-visual{order:2}.project-visual{height:390px;border-radius:24px;background:var(--surface2);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow);position:relative}
.browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.5}.browser-bar span{margin-left:10px}.mock-nav{display:flex;justify-content:space-between;padding:24px 28px;font-size:10px}.mock-nav b{font-family:"Space Grotesk";letter-spacing:2px}.mock-nav span{color:var(--muted);font-size:8px}.fashion-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;height:280px;padding:0 28px;gap:9px}.fashion-tile{background:linear-gradient(145deg,#272c32,#080a0c);display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk";font-size:30px;letter-spacing:5px}.fashion-tile.light{background:#c9c8c1;color:#171914;font-size:13px;letter-spacing:1px;grid-row:span 2;text-align:center}.fashion-tile.dark{font-size:12px;letter-spacing:1px}
.project-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:10px;letter-spacing:1.5px;font-weight:800}.project-info h3{font-size:35px;line-height:1.05;margin:20px 0 14px;letter-spacing:-1.5px}.project-info p{color:var(--muted);font-size:14px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:21px 0}.tags span{font-size:9px;padding:5px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}.project-link{color:var(--accent);font-size:12px;font-weight:800}.project-link b{font-size:15px}.mobile-preview{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(120,167,255,.17),transparent 55%),var(--surface2)}.phone{height:350px;width:180px;border:5px solid #191f29;border-radius:25px;background:#0a111b;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:13px;color:white;position:relative}.phone-top{font-size:8px;display:flex;justify-content:space-between;margin-bottom:13px}.app-hero{padding:17px 10px;background:linear-gradient(145deg,#17324a,#10201f);border-radius:13px}.app-hero small{font-size:6px;color:var(--accent)}.app-hero b{display:block;font-family:"Space Grotesk";font-size:16px;line-height:1.1;margin-top:7px}.app-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.app-cards div{background:#131c28;border-radius:9px;padding:10px;font-size:15px}.app-cards small{display:block;color:#9ba8b8;font-size:6px;margin-top:4px}.phone-nav{position:absolute;bottom:10px;left:13px;right:13px;display:flex;justify-content:space-around;color:#9ba8b8;font-size:13px}
.travel-preview{padding:25px;background:#d9e8e5;color:#16231f}.travel-top{display:flex;justify-content:space-between;font-size:9px}.travel-top b{font-family:"Space Grotesk";font-size:12px}.destination{height:275px;margin-top:18px;position:relative;overflow:hidden;border-radius:17px;background:linear-gradient(#91b8d2 0 52%,#6b9f9a 52%);}.sun{width:55px;height:55px;background:#f2c56d;border-radius:50%;position:absolute;right:25px;top:30px}.mountain{position:absolute;bottom:70px;width:0;height:0;border-left:95px solid transparent;border-right:95px solid transparent;border-bottom:120px solid #476d69}.m1{left:0}.m2{left:100px;border-bottom-color:#365956}.water{position:absolute;bottom:0;height:70px;width:100%;background:#4c8a91}.destination-label{position:absolute;left:20px;bottom:88px;font-size:9px;letter-spacing:2px;color:white}.destination-label b{font-size:20px;letter-spacing:0}.travel-tabs{display:flex;justify-content:space-around;margin-top:12px;font-size:8px}.travel-tabs span:first-child{font-weight:800}
.preview-note{text-align:center;color:var(--muted);font-size:10px;margin-top:-25px}
.journey{background:var(--surface2);max-width:none}.timeline{max-width:900px;border-left:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:0 0 35px 25px;position:relative}.timeline-row:before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px rgba(184,255,106,.35)}.timeline-row time{font-size:11px;color:var(--accent);font-weight:800}.timeline-row h3{font-size:18px}.timeline-row p{font-size:12px;color:var(--muted);margin-top:4px}
.hire{padding:125px 6.5%;background:linear-gradient(130deg,#0b1510,#0a101b)}body.light .hire{background:linear-gradient(130deg,#e8f1e4,#e8edf6)}.hire-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.hire h2{font-size:clamp(48px,7vw,85px);line-height:.92;letter-spacing:-4px}.hire h2 em{font-style:normal;color:var(--accent)}.hire-text{max-width:610px;color:var(--muted);margin:25px 0 30px;font-size:15px}.hire-contact{border-left:1px solid var(--line);padding-left:35px;display:flex;flex-direction:column;gap:28px}.hire-contact div{display:flex;flex-direction:column}.hire-contact small{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:4px}.hire-contact a{color:var(--accent);font-size:14px}.hire-contact span{font-size:13px;color:var(--muted)}
footer{max-width:none;padding:25px 6.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}footer b{color:var(--accent)}footer a{color:var(--accent)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}.floating-card{animation:float 4s ease-in-out infinite}.fc-two{animation-delay:1s}.fc-three{animation-delay:2s}
@media(max-width:900px){.nav nav{display:none}.menu{display:block;margin-left:auto;margin-right:10px}.nav.open nav{display:flex;position:absolute;top:76px;left:0;right:0;padding:18px 6.5%;background:var(--bg);flex-direction:column;gap:15px;border-bottom:1px solid var(--line)}.hero,.about-grid,.hire-inner{grid-template-columns:1fr}.hero{padding-top:80px;gap:60px}.hero-visual{order:-1}.skills-wrap{grid-template-columns:1fr}.project-card,.project-card.reverse{grid-template-columns:1fr;gap:35px}.project-card.reverse .project-visual{order:0}.project-visual{height:350px}.hire-inner{gap:60px}.hire-contact{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.section{padding:90px 6.5%}}
@media(max-width:560px){h1{letter-spacing:-2.5px}.profile-shell{width:290px}.orbit-one{width:340px;height:340px}.orbit-two{width:390px;height:390px}.floating-card{transform:scale(.85)}.fc-one{left:-8px}.fc-two{right:-8px}.project-visual{height:300px}.fashion-grid{height:205px}.timeline-row{grid-template-columns:65px 1fr}.section-head{margin-bottom:38px}.nav{padding:0 5%}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:100%;justify-content:center}}