@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1020;--panel:#11182b;--panel2:#151e34;--text:#f2f5ff;--muted:#9aa6c2;--line:rgba(184,198,235,.13);--purple:#9b8cff;--mint:#61e6c1;--blue:#86a5ff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:360px;height:360px;background:#6955ff;top:120px;left:-180px}.ambient-two{width:340px;height:340px;background:#1cbbac;top:420px;right:-220px}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--purple),#5f75e8);font-size:16px;color:#fff}.brand-dot{color:var(--mint)}.nav-links{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700;color:#b9c3da}.nav-links a{transition:color .2s}.nav-links a:hover,.social-links a:hover{color:var(--mint)}.nav-contact{border:1px solid var(--line);padding:9px 14px;border-radius:8px;color:var(--text)!important}.nav-contact span{color:var(--mint);margin-left:9px}.menu-toggle{display:none}.section-wrap{max-width:var(--max);margin:0 auto;padding-left:28px;padding-right:28px}.hero{min-height:670px;padding-top:105px;padding-bottom:76px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative}.availability,.eyebrow,.project-type,.project-number,.visual-chip,.scroll-hint,.chart-label,.hostel-caption,.browser-kicker{font-family:'DM Mono',monospace;letter-spacing:1.5px;font-size:10px}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:30px;padding:8px 13px;color:#c6d1e9;background:rgba(255,255,255,.025);letter-spacing:1px}.status-dot,.chip-dot{height:7px;width:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 13px #61e6c188}.eyebrow{color:var(--mint);margin:0 0 18px}.hero .eyebrow{margin-top:35px;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,76px);line-height:1.08;letter-spacing:-4px;margin-bottom:24px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#a69bff 5%,#80a5ff 48%,#64e6c2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:480px;font-size:15px;color:#aab5cd;line-height:1.9}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 17px;border-radius:9px;font-size:12px;font-weight:800;transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(115deg,#a497ff,#7e9bff);color:#0c1020;box-shadow:0 8px 28px #8b8aff22}.button-primary span{font-size:16px}.button-ghost{border:1px solid var(--line);background:#ffffff04}.button-ghost span{color:var(--mint);font-size:16px}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px;font-size:10px;color:#8997b5}.meta-icon{color:var(--mint);margin-right:6px}.hero-visual{min-height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(156,161,255,.16);border-radius:50%;transform:rotate(-22deg)}.orbit-outer{width:420px;height:300px}.orbit-inner{width:350px;height:240px;transform:rotate(28deg);border-color:rgba(97,230,193,.15)}.code-window{width:min(390px,100%);background:linear-gradient(145deg,#151e33,#101626);border:1px solid #aeb9f022;border-radius:14px;box-shadow:0 25px 70px #0007;position:relative;z-index:1;overflow:hidden;transform:rotate(-2deg)}.window-bar{height:43px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid var(--line);color:#65718c;font-family:'DM Mono',monospace;font-size:10px}.window-bar i,.browser-top i{width:7px;height:7px;border-radius:50%;background:#ef7788}.window-bar i:nth-child(2),.browser-top i:nth-child(2){background:#e7bd65}.window-bar i:nth-child(3),.browser-top i:nth-child(3){background:#60d7a8}.window-bar span{margin-left:auto}.code-lines{padding:23px 13px 25px;font-family:'DM Mono',monospace;font-size:11px;line-height:2.4;color:#c9d1e8;white-space:nowrap}.line-no{color:#56617d;display:inline-block;width:26px;text-align:right;margin-right:14px}.purple{color:#b5a5ff}.green{color:#83e8c3}.blue{color:#86b8ff}.yellow{color:#f1cb83}.code-last{margin-bottom:0}.cursor{display:inline-block;height:13px;width:2px;background:var(--mint);vertical-align:middle;margin-left:4px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.floating-badge{position:absolute;z-index:2;background:#171f34;border:1px solid #b6c3ef20;box-shadow:0 12px 35px #0005;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:8px}.floating-badge span{font-size:15px;color:var(--mint)}.badge-react{top:72px;left:12px}.badge-node{right:2px;top:144px}.badge-ai{left:30px;bottom:70px}.visual-chip{position:absolute;color:#aab5cd;background:#10182a;border:1px solid var(--line);padding:9px 12px;border-radius:6px;font-size:8px}.chip-top{right:20px;top:47px}.chip-top .chip-dot{display:inline-block;margin-right:7px}.chip-bottom{right:16px;bottom:56px;color:var(--mint)}.scroll-hint{position:absolute;bottom:22px;left:28px;display:flex;align-items:center;gap:12px;color:#75829f;font-size:8px}.scroll-line{width:35px;height:1px;background:var(--mint)}.about-section{padding-top:100px;padding-bottom:120px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.section-heading h2,.contact-inner h2{font-size:clamp(32px,4vw,48px);line-height:1.22;letter-spacing:-2px;margin:0;font-weight:800}.muted-heading{color:#7886a6}.about-content{padding-top:38px}.about-lead{font-size:20px;font-weight:700;line-height:1.6;max-width:560px}.body-copy{color:var(--muted);font-size:13px;line-height:1.95}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:29px}.fact-card{padding:16px 13px;background:#ffffff03;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:5px}.fact-symbol{color:var(--mint);font-size:19px;margin-bottom:5px}.fact-card strong{font-size:11px}.fact-card>span:last-child{font-size:9px;color:#8997b5;line-height:1.6}.projects-section{background:#0e1425;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:100px 0 94px}.projects-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.heading-note{color:var(--muted);font-size:12px;max-width:300px;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.project-card{background:linear-gradient(150deg,#151d31,#111727);border:1px solid var(--line);border-radius:14px;padding:20px;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#9b8cff55}.project-featured{grid-row:span 2}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.project-number{color:#7482a1;font-size:10px}.project-type{color:var(--mint);font-size:8px;letter-spacing:1px}.project-art{height:180px;border:1px solid #ffffff0c;border-radius:9px;margin-bottom:20px;position:relative;overflow:hidden;background:#10182b}.gridcast-art{padding:19px 18px 12px;background:radial-gradient(ellipse at 75% 20%,#5864bd20,transparent 55%),#10182b}.chart-label{color:#d9e0f6;font-size:10px}.chart-label span{display:block;font-size:7px;color:#8290b1;margin-top:5px}.gridcast-art svg{position:absolute;left:0;bottom:22px;width:100%;height:105px;color:#9aa6c2}.chart-legend{position:absolute;bottom:10px;right:12px;display:flex;gap:12px;font-size:7px;color:#8895b3}.chart-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b9cff;margin-right:4px}.chart-legend span+span i{background:var(--mint)}.project-card h3{font-size:21px;letter-spacing:-.7px;margin:0 0 5px}.project-subtitle{font-size:11px;color:#c5cee4;font-weight:700;margin-bottom:12px}.project-description{font-size:11px;color:#929fba;line-height:1.9}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag-list span,.skill-pills span{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:9px;color:#aebbd5;background:#ffffff02}.project-footer{border-top:1px solid var(--line);margin-top:22px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#7482a1;font-size:9px}.project-arrow{font-size:18px;color:var(--mint)}.hostel-art{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding:20px;background:radial-gradient(ellipse at 50% 30%,#1f806e30,transparent 60%),#10182b}.building{width:53px;height:93px;background:linear-gradient(180deg,#263954,#17233a);border:1px solid #79d6be44;border-radius:3px 3px 0 0;padding:9px 7px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;box-shadow:0 0 25px #61e6c10a}.building-two{height:125px;width:63px}.building-three{height:78px}.building i{background:#67dfc2;opacity:.65;border-radius:1px}.building i:nth-child(3n){opacity:.15}.hostel-caption{position:absolute;top:15px;left:15px;color:#e0e9f7;font-size:9px}.hostel-caption span{display:block;font-size:7px;color:#8d9bb8;margin-top:4px}.editorial-art{display:grid;place-items:center;padding:13px;background:radial-gradient(ellipse at 20% 80%,#7e65ff18,transparent 50%),#10182b}.browser-mini{width:85%;height:140px;border:1px solid #ffffff21;border-radius:5px;background:#171f32;overflow:hidden;transform:rotate(2deg)}.browser-top{height:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding-left:7px}.browser-top i{width:4px;height:4px}.browser-content{padding:12px 14px}.browser-kicker{font-size:6px;color:var(--mint)}.browser-content b{display:block;font-size:13px;line-height:1.4;margin-top:7px}.browser-lines{width:90%;height:4px;border-radius:4px;background:#65718b55;margin-top:9px}.browser-lines.short{width:60%;margin-top:5px}.project-note{font-size:10px;color:#7886a6;margin:20px 0 0}.skills-section{padding-top:110px;padding-bottom:120px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.skills-content{padding-top:9px}.skills-content>.body-copy{max-width:500px;margin-bottom:30px}.skill-group{padding:18px 0;border-top:1px solid var(--line)}.skill-group h3{font-size:12px;margin:0 0 14px}.skill-group h3 span{font-family:'DM Mono',monospace;color:var(--mint);font-size:10px;margin-right:12px}.skill-pills{display:flex;flex-wrap:wrap;gap:7px}.skill-pills span{padding:7px 10px;font-size:10px}.contact-section{background:radial-gradient(ellipse at 50% 100%,#4c4fa32a,transparent 55%),#101729;border-top:1px solid var(--line);padding:90px 0 70px;text-align:center}.contact-inner h2{font-size:clamp(43px,6vw,65px);margin-bottom:20px}.contact-inner>.eyebrow{margin-bottom:17px}.contact-description{max-width:510px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.9}.contact-actions{justify-content:center;margin-top:27px}.social-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:40px;font-size:10px;color:#93a0ba}.social-links span{color:#6f7d99}.site-footer{max-width:var(--max);margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#72809e;font-size:9px}.footer-brand{font-size:14px;color:var(--text)}.footer-brand .brand-mark{width:25px;height:25px;font-size:13px;border-radius:7px}
@media(min-width:1300px){.hero{min-height:720px}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:75px;gap:15px}.hero-copy{max-width:600px}.hero-visual{min-height:390px;margin-top:10px}.orbit-outer{width:370px;height:280px}.orbit-inner{width:300px;height:220px}.badge-react{left:calc(50% - 210px)}.badge-node{right:calc(50% - 210px)}.badge-ai{left:calc(50% - 190px)}.chip-top{right:calc(50% - 205px)}.chip-bottom{right:calc(50% - 205px)}.scroll-hint{display:none}.about-section,.skills-section{grid-template-columns:1fr;gap:25px;padding-top:80px;padding-bottom:85px}.about-content{padding-top:0}.skills-content{padding-top:0}.projects-section{padding:80px 0}.project-grid{gap:12px}.projects-heading{align-items:start;gap:20px}.heading-note{max-width:220px}.fact-grid{max-width:650px}}@media(max-width:560px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px}.menu-toggle span{height:2px;width:22px;background:#e7edff;display:block}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;padding:20px;background:#0f1628;border-bottom:1px solid var(--line);flex-direction:column;gap:20px;align-items:stretch}.nav-links.open{display:flex}.nav-contact{text-align:center}.section-wrap{padding-left:20px;padding-right:20px}.hero{padding-top:65px;padding-bottom:55px}.availability{font-size:8px}h1{font-size:53px;letter-spacing:-3px}.hero-description{font-size:13px}.hero-meta{gap:12px;font-size:9px}.hero-visual{min-height:340px}.code-window{width:min(340px,95%)}.code-lines{font-size:9px;padding:17px 8px 20px}.line-no{margin-right:8px;width:20px}.orbit-outer{width:300px;height:235px}.orbit-inner{width:260px;height:190px}.floating-badge{font-size:9px;padding:8px 10px}.badge-react{left:0;top:40px}.badge-node{right:0;top:125px}.badge-ai{left:0;bottom:45px}.chip-top{right:0;top:20px}.chip-bottom{right:0;bottom:25px}.section-heading h2{font-size:35px}.about-lead{font-size:17px}.fact-grid{grid-template-columns:1fr;gap:8px}.fact-card{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:12px}.fact-symbol{grid-row:span 2;margin:0}.fact-card>span:last-child{grid-column:2}.projects-heading{display:block}.heading-note{margin-top:17px}.project-grid{grid-template-columns:1fr}.project-featured{grid-row:auto}.project-art{height:165px}.project-card{padding:17px}.skills-section{padding-top:80px;padding-bottom:85px}.contact-section{padding-top:75px}.contact-inner h2{font-size:48px}.site-footer{padding:22px 20px;flex-wrap:wrap;justify-content:center;text-align:center}.site-footer>span{width:100%}.footer-brand{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}