:root{--bg:#090710;--panel:#12101d;--panel2:#171323;--text:#f7f4ff;--muted:#a6a0b7;--purple:#a855f7;--violet:#7c3aed;--line:rgba(191,153,255,.16);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.16;pointer-events:none}.ambient-one{background:#7c3aed;top:80px;left:-230px}.ambient-two{background:#c026d3;top:850px;right:-260px}.site-header{height:82px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(9,7,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:11px;font:700 13px var(--display);letter-spacing:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#a855f7,#6d28d9);font-size:12px;letter-spacing:-1px;box-shadow:0 5px 25px #8b5cf64a}.brand-dot{color:#bd78ff}.nav-links{display:flex;align-items:center;gap:34px;color:#b8b1c7;font-size:13px}.nav-links a{transition:.25s}.nav-links a:hover,.nav-links a.active{color:white}.nav-cta{border:1px solid #8b5cf66b;border-radius:30px;padding:11px 17px;color:white!important}.nav-cta span,.button span{margin-left:10px;color:#d8b4fe}.menu-toggle{display:none;background:none;border:0}.section{max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:55px;padding-bottom:100px}.eyebrow,.section-kicker,.muted-label,.hero-meta,.scroll-hint{font-size:10px;letter-spacing:2px;font-weight:700;color:#a99fba}.eyebrow{display:flex;align-items:center;gap:10px;color:#d6c6ed}.status-dot,.live{color:#a78bfa}.status-dot{width:7px;height:7px;background:#a78bfa;border-radius:50%;box-shadow:0 0 13px #a78bfa}.hello{margin:34px 0 5px;color:#c2b9d2;font-size:20px}.hero h1{font:700 clamp(52px,7vw,86px)/.98 var(--display);letter-spacing:-5px;margin:0}.hero h1 span,.section-heading h2 span,.section-title-row h2 span,.contact-panel h2 span{background:linear-gradient(95deg,#c084fc,#8b5cf6 65%,#d8b4fe);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2{font:600 25px var(--display);margin:22px 0 14px;color:#e8dcf8}.cursor{color:#c084fc;animation:blink 1s steps(2) infinite}.hero-text{max-width:470px;color:var(--muted);line-height:1.85;font-size:15px}.hero-actions{display:flex;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:8px;font-size:13px;font-weight:700;transition:.25s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,#9333ea,#6d28d9);box-shadow:0 10px 30px #7c3aed38}.secondary{border:1px solid var(--line);color:#e8def7}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:55px;font-size:9px}.hero-meta b{color:#e4d9f4;margin-left:6px}.meta-line{height:1px;width:35px;background:#8b5cf6}.hero-art{height:430px;display:grid;place-items:center;position:relative}.hero-glow{position:absolute;width:300px;height:300px;background:#8b5cf6;filter:blur(110px);opacity:.22}.orbit{position:absolute;border:1px solid #a855f72c;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:440px;height:260px}.orbit-b{width:340px;height:440px;transform:rotate(35deg)}.code-card{position:relative;z-index:2;width:min(100%,440px);background:linear-gradient(145deg,#1c1729,#100d19);border:1px solid #b98aff40;border-radius:15px;box-shadow:0 30px 100px #0009,0 0 50px #9333ea20;transform:rotate(-3deg)}.code-top{height:46px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;padding:0 17px;gap:7px}.code-top>span{width:8px;height:8px;border-radius:50%;background:#fb7185}.code-top>span:nth-child(2){background:#fbbf24}.code-top>span:nth-child(3){background:#4ade80}.code-top small{margin-left:auto;color:#8e849f;font-size:10px}.code-lines{padding:22px 20px 27px;font:12px/2.25 monospace;color:#e8def7}.code-lines p{margin:0}.code-lines i{font-style:normal;color:#625875;margin-right:15px}.code-lines b{color:#c084fc;font-weight:500}.code-lines em{color:#86efac;font-style:normal}.code-call{padding-top:12px!important}.blink{color:#d8b4fe;animation:blink .8s infinite}.code-footer{border-top:1px solid #ffffff12;padding:13px 18px;display:flex;justify-content:space-between;color:#887f9c;font-size:8px;letter-spacing:1.4px}.floating-chip{position:absolute;z-index:3;background:#1a1427;border:1px solid #b98aff45;padding:11px 14px;border-radius:8px;font-size:9px;letter-spacing:1px;color:#e9d5ff;box-shadow:0 10px 30px #0005}.chip-top{top:55px;right:0}.chip-bottom{bottom:45px;left:-5px}.scroll-hint{position:absolute;bottom:35px;left:28px;display:flex;align-items:center;gap:12px;font-size:9px}.scroll-hint span{height:30px;width:18px;border:1px solid #8d6db7;border-radius:20px;position:relative}.scroll-hint span:after{content:'';position:absolute;width:3px;height:6px;background:#c084fc;left:7px;top:6px;border-radius:3px;animation:scroll 1.5s infinite}
.about-section,.skills-section,.projects-section{padding-top:105px;padding-bottom:105px;border-top:1px solid #ffffff0b}.section-kicker{color:#a78bfa}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.muted-label{color:#9388a7;font-size:9px}.section-heading h2,.section-title-row h2,.contact-panel h2{font:700 clamp(34px,4vw,50px)/1.12 var(--display);letter-spacing:-2px;margin:15px 0}.about-copy{color:var(--muted);line-height:1.9;font-size:14px}.about-copy strong{color:#f0e7fb}.about-facts{display:flex;gap:35px;margin-top:30px}.about-facts div{display:flex;flex-direction:column;gap:6px}.about-facts strong{font:700 25px var(--display);color:#c084fc}.about-facts span{font-size:11px;color:#a69bb6}.section-title-row{display:flex;align-items:end;justify-content:space-between;margin:35px 0 35px}.section-title-row h2{margin-bottom:0}.section-note{max-width:250px;color:var(--muted);font-size:13px;line-height:1.7}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.skill-card{padding:27px;background:linear-gradient(145deg,#171323,#100d18);border:1px solid var(--line);border-radius:12px;transition:.3s}.skill-card:hover,.project-card:hover{transform:translateY(-6px);border-color:#a855f76b}.skill-icon{width:42px;height:42px;border-radius:10px;background:#8b5cf626;color:#c084fc;display:grid;place-items:center;font-size:22px}.skill-card h3,.project-info h3{font:600 17px var(--display);margin:22px 0 9px}.skill-card p,.project-info p{font-size:12px;line-height:1.7;color:var(--muted);min-height:42px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tags span{font-size:9px;color:#c9b6e4;border:1px solid #a78bfa35;background:#a78bfa0c;padding:6px 9px;border-radius:4px}.small-note{font-size:10px;color:#756d83;margin-top:20px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{padding:12px 12px 20px;border:1px solid var(--line);background:#110e1a;border-radius:12px;transition:.3s}.project-visual{height:220px;border-radius:8px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-one{background:radial-gradient(circle at 70% 20%,#6437a2,#1a102b 60%,#100c19)}.browser-frame{width:72%;height:75%;background:#f5f1fa;border-radius:7px;box-shadow:0 15px 40px #0008;overflow:hidden}.browser-bar{height:15px;background:#ded6e8;display:flex;gap:4px;align-items:center;padding-left:8px}.browser-bar i{width:5px;height:5px;background:#9b8ba9;border-radius:50%}.mock-site{padding:14px;color:#241b32}.mock-site b{font-size:7px;letter-spacing:2px}.mock-hero{font:700 25px/1 var(--display);margin-top:20px}.mock-hero span{color:#8b5cf6}.mock-button{width:48px;height:10px;background:#8b5cf6;border-radius:8px;margin-top:15px}.visual-two{background:radial-gradient(circle at 30% 20%,#4a2a73,#171021 70%)}.dashboard{width:78%;height:68%;background:#f3eff8;border-radius:7px;display:flex;overflow:hidden;box-shadow:0 15px 40px #0008}.dash-side{width:20%;background:#291a40}.dash-content{flex:1;padding:15px}.dash-heading{height:10px;width:48%;background:#4b326b;border-radius:4px}.dash-stats{display:flex;gap:6px;margin-top:14px}.dash-stats i{height:35px;flex:1;background:#d7c5ee;border-radius:4px}.dash-chart{height:55px;margin-top:10px;background:linear-gradient(160deg,transparent 40%,#a78bfa 41%,#a78bfa 44%,transparent 45%),#e7def2;border-radius:4px}.visual-three{background:radial-gradient(circle at 70% 20%,#7231a5,#1b1029 70%)}.landing-card{width:70%;height:76%;background:#171020;border:1px solid #b78be85c;border-radius:7px;padding:20px;box-shadow:0 15px 40px #0008}.landing-card small{font-size:7px;letter-spacing:2px;color:#c4a4ef}.landing-card strong{display:block;font:700 26px/1.05 var(--display);margin-top:17px}.landing-card em{font-style:normal;color:#c084fc}.landing-lines{height:5px;width:70%;background:#6e5b80;margin-top:16px;box-shadow:0 10px #463653}.landing-pill{height:14px;width:55px;border-radius:10px;background:#8b5cf6;margin-top:26px}.project-number{position:absolute;right:12px;top:12px;font:600 11px var(--display);color:#fff9}.project-info{display:flex;justify-content:space-between;align-items:start;margin:8px 5px 0}.project-info h3{margin:12px 0 5px}.project-info p{margin:0;max-width:260px;min-height:0}.project-arrow{color:#c084fc;margin-top:15px}.contact-section{padding-top:60px;padding-bottom:100px}.contact-panel{padding:60px;border:1px solid #a855f747;border-radius:18px;background:radial-gradient(ellipse at 90% 0%,#6d28d929,transparent 45%),linear-gradient(135deg,#171122,#0f0c18)}.contact-panel .section-kicker{margin-bottom:40px}.contact-panel h2{font-size:clamp(38px,5vw,58px)}.contact-intro{color:var(--muted);font-size:14px;line-height:1.8;max-width:470px;margin:20px 0 27px}.contact-details{display:flex;gap:55px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:55px;padding-top:25px}.contact-details a,.contact-details div{font-size:12px;color:#e8def7;display:flex;flex-direction:column;gap:8px}.contact-details span{font-size:9px;letter-spacing:1.5px;color:#968aa9}footer{max-width:1200px;margin:auto;padding:25px 28px 35px;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;color:#81788f;font-size:10px}footer .brand{color:#f7f4ff} .back-top{position:fixed;bottom:22px;right:22px;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#1b1428;color:white;font-size:20px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.back-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes scroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:80px;gap:20px}.hero-art{height:380px;max-width:560px;width:100%;margin:auto}.hero-meta{margin-top:35px}.about-grid{gap:25px}.projects-grid{grid-template-columns:1fr 1fr}.projects-grid .project-card:last-child{grid-column:span 2}.nav-links{gap:18px}}
@media(max-width:600px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px}.menu-toggle span{width:22px;height:2px;background:#eee;border-radius:2px}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;padding:20px;background:#100d19;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 8px}.nav-cta{text-align:center;margin-top:8px}.section{padding-left:21px;padding-right:21px}.hero{min-height:auto;padding-top:75px;padding-bottom:100px}.hero h1{font-size:58px;letter-spacing:-3px}.hero h2{font-size:21px}.hero-text{font-size:13px}.hero-art{height:320px}.code-card{width:95%;transform:rotate(-2deg)}.code-lines{font-size:10px;padding:17px 12px}.orbit-a{width:320px;height:220px}.orbit-b{width:270px;height:350px}.chip-top{right:-4px;top:22px}.chip-bottom{bottom:20px;left:-3px;font-size:8px}.scroll-hint{left:21px}.about-section,.skills-section,.projects-section{padding-top:75px;padding-bottom:75px}.about-grid{grid-template-columns:1fr;gap:15px;margin-top:28px}.section-heading h2,.section-title-row h2{font-size:36px}.about-copy{font-size:13px}.about-facts{gap:20px}.about-facts strong{font-size:21px}.section-title-row{display:block;margin:25px 0}.section-note{margin-top:15px}.skills-grid,.projects-grid{grid-template-columns:1fr}.projects-grid .project-card:last-child{grid-column:auto}.project-visual{height:210px}.contact-section{padding-top:20px;padding-bottom:65px}.contact-panel{padding:28px 22px}.contact-panel h2{font-size:39px}.contact-panel .section-kicker{margin-bottom:30px}.contact-details{gap:22px;margin-top:35px}.contact-details a,.contact-details div{min-width:100%}footer{padding:22px 20px;flex-wrap:wrap;gap:14px}footer p{order:3;width:100%;margin:0}.hero-meta{font-size:8px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}