*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:#070707;color:#f5f5f5;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:20;height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,7,7,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.logo{font-size:25px;font-weight:800;letter-spacing:-1px}.logo span{color:#8b5cf6}.nav nav{display:flex;gap:28px;font-size:13px;color:#aaa}.nav nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.section{padding:120px 9vw}.hero{min-height:100vh;padding-top:160px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;background:radial-gradient(circle at 80% 35%,rgba(124,58,237,.18),transparent 32%),radial-gradient(circle at 10% 80%,rgba(37,99,235,.12),transparent 30%)}.eyebrow,.tag{font-size:11px;letter-spacing:2px;color:#a78bfa;font-weight:700}.hero h1{font-size:clamp(48px,6.5vw,88px);line-height:1.02;letter-spacing:-4px;margin:18px 0}.hero h1 span,.about-text span,.contact h2 span{color:#a78bfa}.lead{max-width:680px;color:#aaa;font-size:18px}.actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;padding:13px 20px;border-radius:9px;font-weight:700;font-size:13px;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:#fff;color:#090909}.secondary{border:1px solid #333;color:#ddd}.mini-stats{display:flex;gap:42px;margin-top:45px}.mini-stats div{display:grid;gap:3px}.mini-stats strong{font-size:20px}.mini-stats span{font-size:11px;color:#777}.hero-card{position:relative;min-height:480px;display:grid;place-items:center}.orb{position:absolute;width:340px;height:340px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);filter:blur(45px);opacity:.35}.code-window{position:relative;width:min(100%,460px);padding:26px;border:1px solid #292929;border-radius:16px;background:rgba(13,13,13,.82);box-shadow:0 30px 100px rgba(0,0,0,.45);transform:rotate(2deg)}.dots{display:flex;gap:7px;margin-bottom:20px}.dots i{width:8px;height:8px;border-radius:50%;background:#444}.code-window pre{font:13px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#bbb;white-space:pre-wrap}.purple{color:#c084fc}.green{color:#86efac}.blue{color:#60a5fa}.section-head{display:flex;align-items:center;gap:18px;margin-bottom:55px}.section-head span{font-size:11px;color:#8b5cf6;font-weight:800}.section-head h2{font-size:38px;letter-spacing:-1.5px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-text h3{font-size:43px;line-height:1.1;letter-spacing:-2px;margin-bottom:28px}.about-text p{color:#999;margin:0 0 18px;max-width:600px}.facts{border-top:1px solid #292929}.facts div{padding:20px 0;border-bottom:1px solid #292929;display:flex;justify-content:space-between;gap:20px}.facts span{color:#666;font-size:12px}.facts strong{text-align:right;font-size:13px;max-width:65%}.dark-section{background:#0c0c0c;border-top:1px solid #171717;border-bottom:1px solid #171717}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card{padding:30px;border:1px solid #252525;border-radius:12px;background:#101010;transition:.3s}.skill-card:hover{transform:translateY(-5px);border-color:#4c1d95}.skill-card b{font-size:11px;color:#777}.skill-card h3{margin:35px 0 8px;font-size:20px}.skill-card p,.project p,.time-item p{color:#858585;font-size:13px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:32px;border:1px solid #252525;border-radius:13px;background:#0b0b0b;transition:.3s}.project:hover{transform:translateY(-4px);border-color:#444}.project-num{font-size:12px;color:#8b5cf6;font-weight:800}.project h3{font-size:25px;margin:8px 0}.project p:not(.tag){color:#888;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chips span{font-size:10px;border:1px solid #292929;padding:5px 8px;border-radius:20px;color:#aaa}.timeline{max-width:900px}.time-item{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #222}.time-item>span{color:#8b5cf6;font-size:11px;font-weight:800}.time-item h3{font-size:18px}.contact{text-align:center;padding-bottom:110px}.contact-box{max-width:850px;margin:auto}.contact h2{font-size:clamp(45px,6vw,75px);line-height:1.03;letter-spacing:-3px;margin:18px 0}.contact p:not(.eyebrow){color:#888;margin:0 auto 28px;max-width:550px}.socials{display:flex;justify-content:center;gap:22px;margin-top:30px;color:#888;font-size:12px}.socials a:hover{color:#fff}footer{padding:25px 9vw;border-top:1px solid #222;display:flex;justify-content:space-between;color:#555;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.cursor-glow{position:fixed;width:250px;height:250px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(139,92,246,.09),transparent 65%);transform:translate(-50%,-50%);z-index:0}@media(max-width:800px){.nav{padding:0 5vw}.menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 5vw;background:#090909;flex-direction:column}.nav nav.open{display:flex}.hero,.about-grid,.projects{grid-template-columns:1fr}.hero{padding-top:130px}.hero-card{min-height:330px}.skills-grid{grid-template-columns:1fr 1fr}.section{padding:90px 6vw}.hero h1{letter-spacing:-2.5px}.mini-stats{gap:20px}.about-grid{gap:45px}}@media(max-width:520px){.skills-grid{grid-template-columns:1fr}.mini-stats{display:grid;grid-template-columns:1fr 1fr}.facts div{display:grid}.facts strong{text-align:left;max-width:100%}footer{display:grid;gap:8px}.project{grid-template-columns:1fr}.project-num{margin-bottom:-10px}}
