.gallery-toolbar{display:grid;gap:1rem;margin:1.5rem 0 1.8rem}.gallery-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.gallery-category-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.gallery-filter-chip{display:inline-flex;align-items:center;gap:.55rem;min-height:38px;padding:.48rem .8rem;border:1px solid var(--border, rgba(148, 163, 184, .25));border-radius:999px;background:var(--surface, rgba(148, 163, 184, .06));color:var(--text-secondary, inherit);font:inherit;font-size:.84rem;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.gallery-filter-chip:hover{transform:translateY(-1px);border-color:var(--accent, #8b5cf6)}.gallery-filter-chip.is-active{color:var(--text, #fff);border-color:var(--accent, #8b5cf6);background:color-mix(in srgb,var(--accent, #8b5cf6) 15%,transparent)}.gallery-chip-count{display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;padding:0 .25rem;border-radius:999px;background:#94a3b81f;color:inherit;font-size:.7rem;line-height:1}.gallery-result-count{white-space:nowrap}.gallery-controls{display:flex;align-items:stretch;gap:.7rem;flex-wrap:wrap}.gallery-search,.gallery-tech-filter{display:flex;align-items:center;gap:.65rem;min-height:46px;padding:0 .9rem;border:1px solid var(--border, rgba(148, 163, 184, .25));border-radius:12px;background:var(--surface, rgba(148, 163, 184, .06));color:var(--text-secondary, inherit)}.gallery-search{flex:1 1 280px;min-width:220px}.gallery-search:focus-within,.gallery-tech-filter:focus-within{border-color:var(--accent, #8b5cf6);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #8b5cf6) 13%,transparent)}.gallery-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text, inherit);font:inherit;font-size:.88rem}.gallery-search input::placeholder{color:var(--muted, #94a3b8)}.gallery-search-clear,.gallery-reset{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;background:transparent;color:var(--text-secondary, inherit);cursor:pointer}.gallery-search-clear{padding:.2rem}.gallery-tech-filter{position:relative;flex:0 1 235px}.gallery-tech-label{font-size:.78rem;white-space:nowrap}.gallery-tech-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:95px;padding:.3rem 1.2rem .3rem 0;border:0;outline:0;background:transparent;color:var(--text, inherit);font:inherit;font-size:.84rem;cursor:pointer}.gallery-tech-filter option{background:var(--background, #111827);color:var(--text, #fff)}.gallery-select-chevron{position:absolute;right:.75rem;pointer-events:none}.gallery-reset{padding:.7rem .45rem;font:inherit;font-size:.82rem;white-space:nowrap}.gallery-reset:hover{color:var(--accent, #8b5cf6)}.gallery-projects-grid>div{min-width:0}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;margin-top:1rem;padding:2rem;text-align:center;border:1px dashed var(--border, rgba(148, 163, 184, .3));border-radius:18px;background:var(--surface, rgba(148, 163, 184, .04))}.gallery-empty-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:.8rem;border-radius:15px;color:var(--accent, #8b5cf6);background:color-mix(in srgb,var(--accent, #8b5cf6) 13%,transparent)}.gallery-empty h3{margin:0 0 .4rem;color:var(--text, inherit)}.gallery-empty p{margin:0;color:var(--text-secondary, #94a3b8);font-size:.9rem}.gallery-reset-empty{margin-top:1rem;padding:.6rem .85rem;border:1px solid var(--border, rgba(148, 163, 184, .25));border-radius:9px}@media(max-width:640px){.gallery-toolbar{gap:.85rem}.gallery-toolbar-top{align-items:flex-start}.gallery-category-filters{gap:.45rem}.gallery-filter-chip{min-height:35px;padding:.4rem .65rem;font-size:.78rem}.gallery-controls{display:grid;grid-template-columns:1fr}.gallery-search,.gallery-tech-filter{min-width:0;width:100%;box-sizing:border-box}.gallery-tech-filter{flex-wrap:wrap}.gallery-reset{justify-self:start}}:root{font-family:Manrope,sans-serif;color:#f3f4fa;background:#080a12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#080a12;--bg-soft:#0d101b;--panel:#101421;--panel-2:#121727;--text:#f3f4fa;--muted:#969db1;--line:rgba(174,185,219,.13);--accent:#9b7bff;--accent2:#58b9ff;--green:#6ce4ba;--shadow:0 22px 70px rgba(0,0,0,.25)}:root[data-theme=light]{--bg:#f6f7fb;--bg-soft:#fff;--panel:#fff;--panel-2:#f0f2f9;--text:#141827;--muted:#646b7e;--line:rgba(27,38,72,.13);--shadow:0 22px 70px rgba(31,43,85,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);transition:background .25s,color .25s}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent2);outline-offset:4px}::selection{background:#9b7bff59}.site-shell{overflow:hidden;min-height:100vh}.section-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.navbar{height:82px;width:min(1240px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{height:36px;width:36px;display:grid;place-items:center;border:1px solid rgba(155,123,255,.6);border-radius:11px;font-size:20px;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#9b7bff33,#58b9ff12);box-shadow:inset 0 0 18px #9b7bff17}.brand-mark span,.brand-name span{color:var(--accent)}.brand-name{font-weight:800;letter-spacing:-.7px;font-size:16px}.brand-name span{font-weight:500}.nav-links{display:flex;align-items:center;gap:27px}.nav-links>a{font-size:12px;color:var(--muted);font-weight:700;transition:color .2s;position:relative}.nav-links>a:hover,.nav-links>a.active{color:var(--text)}.nav-links>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.nav-contact,.theme-toggle,.mobile-toggle{border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;cursor:pointer}.nav-contact{padding:10px 13px;font-size:12px;font-weight:800}.nav-contact svg{width:15px;height:15px}.nav-tools{display:flex;gap:9px}.theme-toggle{width:38px;height:38px;color:var(--muted)}.mobile-toggle{display:none;width:38px;height:38px}.hero{min-height:640px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;padding-top:40px;padding-bottom:72px}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,black,transparent 90%);mask-image:linear-gradient(90deg,black,transparent 90%)}.hero-copy{position:relative;z-index:2;padding:15px 0 0 12px}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(108,228,186,.2);background:#6ce4ba0e;padding:8px 12px;border-radius:50px;color:var(--green);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.status-pulse,.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #6ce4ba1a}.hero-intro{color:var(--muted);font-size:16px;margin:32px 0 8px}.hero h1{font-size:clamp(58px,7.2vw,88px);line-height:.98;letter-spacing:-.085em;margin:0;font-weight:800}.hero h1>span{color:var(--text)}.accent-dot{color:var(--accent)!important}.hero-role{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:18px;font-weight:700;letter-spacing:-.5px;min-height:27px}.role-prefix{color:var(--muted);font-weight:500}.role-changing{color:var(--accent2)}.hero-description{max-width:470px;color:var(--muted);font-size:14px;line-height:1.9;margin:18px 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button-primary,.button-secondary{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 17px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.button-primary{border:1px solid transparent;background:linear-gradient(105deg,#9b7bff,#648eff 75%,#58b9ff);color:#fff;box-shadow:0 8px 24px #7870ff2b}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #7870ff45}.button-secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.button-secondary:hover{border-color:#9b7bff80;transform:translateY(-2px)}.hero-socials{display:flex;align-items:center;gap:14px;margin-top:40px}.hero-socials>span{font:9px DM Mono,monospace;color:var(--muted);letter-spacing:.11em;margin-right:4px}.social-link{height:30px;width:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);transition:all .2s}.social-link:hover{color:var(--accent2);border-color:var(--accent2);transform:translateY(-2px)}.hero-art-wrap{height:440px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(155,123,255,.15);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:430px;height:300px}.orbit-two{width:340px;height:430px;border-color:#58b9ff21;transform:rotate(35deg)}.hero-art{position:relative;width:min(390px,90%);border:1px solid rgba(160,169,214,.2);background:linear-gradient(145deg,#161b2ef5,#0a0d18f7);border-radius:17px;box-shadow:0 30px 90px #00000059,0 0 80px #775dff17;padding:17px;z-index:2}.hero-art-top,.hero-art-bottom{display:flex;align-items:center;justify-content:space-between;color:#778099;font:9px DM Mono,monospace;letter-spacing:.1em}.hero-art-top{padding-bottom:16px;border-bottom:1px solid rgba(174,185,219,.1)}.hero-art-top .live-dot{width:6px;height:6px}.code-card{font:12px/2.15 DM Mono,monospace;color:#e2e5f6;padding:24px 6px 28px;position:relative}.code-line{white-space:nowrap}.code-num{color:#555f7b;margin-right:17px}.indent{padding-left:33px}.indent2{padding-left:61px}.code-purple{color:#bd9cff}.code-blue{color:#77c6ff}.code-pink{color:#f1a7d7}.code-green{color:#9be6c6}.code-cursor{height:15px;width:2px;background:var(--accent2);position:absolute;bottom:12px;left:14px;animation:blink 1s steps(2,start) infinite}.hero-art-bottom{border-top:1px solid rgba(174,185,219,.1);padding-top:14px;letter-spacing:.04em;font-size:8px}.hero-art-bottom span:first-child{display:flex;align-items:center;gap:8px}.hero-art-bottom i{height:5px;width:5px;border-radius:50%;background:var(--green)}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#131829f2;border:1px solid rgba(166,175,220,.18);border-radius:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.floating-chip b{display:block;font-size:11px}.floating-chip small{display:block;font-size:9px;color:#929bb4;margin-top:3px}.chip-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;color:#bba4ff;background:#9b7bff21;font-size:22px}.chip-api{right:-4px;top:75px}.chip-react{left:-3px;bottom:70px}.chip-api .chip-icon{color:#7fd0ff;background:#58b9ff1f}.hero-index{position:absolute;right:0;bottom:7px;font:11px DM Mono,monospace;color:var(--accent)}.hero-index span{color:var(--muted)}.scroll-cue{position:absolute;bottom:15px;left:12px;border:0;background:none;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;cursor:pointer}.scroll-mouse{width:15px;height:21px;border:1px solid var(--muted);border-radius:9px;position:relative}.scroll-mouse:after{content:"";position:absolute;width:2px;height:4px;left:5px;top:4px;background:var(--accent2);border-radius:3px;animation:scroll 1.3s infinite}.section-block{padding-top:105px;padding-bottom:18px}.section-heading{max-width:670px;margin-bottom:42px}.section-heading.center{text-align:center;margin-inline:auto}.eyebrow{font:10px DM Mono,monospace;color:var(--accent2);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.eyebrow-dot{height:6px;width:6px;background:var(--accent);border-radius:2px;box-shadow:0 0 14px #9b7bff80}.section-heading h2{font-size:clamp(31px,4.2vw,46px);line-height:1.17;letter-spacing:-.055em;margin:17px 0 13px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#b79aff,#72bfff);-webkit-background-clip:text;background-clip:text;color:transparent}.section-heading p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;max-width:550px}.center p{margin-inline:auto}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-statement{padding:35px 33px;background:linear-gradient(145deg,#9b7bff17,#58b9ff06);border:1px solid rgba(155,123,255,.19);border-radius:17px;position:relative;min-height:275px;display:flex;flex-direction:column;justify-content:space-between}.quote-mark{font-size:55px;line-height:.7;color:var(--accent);font-weight:800}.about-statement>p{font-size:21px;line-height:1.6;letter-spacing:-.7px;font-weight:700;margin:20px 0 28px}.signature-line{display:flex;align-items:center;gap:12px}.signature-avatar{height:38px;width:38px;border-radius:12px;background:linear-gradient(135deg,#9275ff,#58b9ff);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}.signature-line b,.signature-line small{display:block}.signature-line b{font-size:12px}.signature-line small{color:var(--muted);font-size:10px;margin-top:4px}.about-details>p{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 15px}.about-details strong{color:var(--text)}.about-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.about-highlights>div{display:flex;align-items:center;gap:11px}.highlight-icon{height:37px;width:37px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--accent2);flex-shrink:0}.about-highlights b,.about-highlights small{display:block}.about-highlights b{font-size:10px}.about-highlights small{font-size:9px;color:var(--muted);margin-top:4px}.text-action{display:inline-flex;align-items:center;gap:9px;border:0;background:none;padding:0;color:var(--accent2);font-size:11px;font-weight:800;cursor:pointer}.about-link{margin-top:25px}.skills-section{padding-top:120px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.skill-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--bg-soft));border-radius:14px;padding:21px 18px;min-height:198px;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:#9b7bff61;transform:translateY(-3px)}.skill-card-head{display:flex;align-items:center;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:17px}.skill-index{font:9px DM Mono,monospace;color:var(--accent)}.skill-card h3{font-size:13px;margin:0;font-weight:800;flex:1}.skill-card-icon{color:var(--muted);display:grid;place-items:center}.skill-pills{display:flex;flex-wrap:wrap;gap:7px}.skill-pills span,.tag-list span{font-size:9px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#969db109}.projects-section{padding-top:125px}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.project-filters{display:flex;gap:7px;flex-wrap:wrap}.project-filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.project-filters button:hover,.project-filters button.selected{background:#9b7bff1f;border-color:#9b7bff73;color:var(--text)}.project-count{font:9px DM Mono,monospace;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.project-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:#9b7bff59;box-shadow:var(--shadow)}.project-visual{display:block;width:100%;border:0;padding:0;position:relative;cursor:pointer;aspect-ratio:1.85/1;background:#101526;overflow:hidden;text-align:left}.project-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.project-card:hover .project-visual img{transform:scale(1.04)}.project-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 20%,rgba(155,123,255,.17),transparent 40%),linear-gradient(140deg,#11182b,#0b0e19)}.accent-blue .project-art{background:radial-gradient(ellipse at 80% 20%,rgba(88,185,255,.19),transparent 45%),linear-gradient(140deg,#11182b,#0b0e19)}.accent-cyan .project-art{background:radial-gradient(ellipse at 80% 20%,rgba(74,227,226,.14),transparent 45%),linear-gradient(140deg,#11182b,#0b0e19)}.accent-pink .project-art{background:radial-gradient(ellipse at 80% 20%,rgba(244,121,202,.14),transparent 45%),linear-gradient(140deg,#11182b,#0b0e19)}.accent-green .project-art{background:radial-gradient(ellipse at 80% 20%,rgba(108,228,186,.14),transparent 45%),linear-gradient(140deg,#11182b,#0b0e19)}.accent-orange .project-art{background:radial-gradient(ellipse at 80% 20%,rgba(255,173,101,.15),transparent 45%),linear-gradient(140deg,#11182b,#0b0e19)}.art-window{width:66%;height:73%;border:1px solid rgba(164,175,218,.23);border-radius:7px;background:#090d18d1;transform:perspective(700px) rotateY(-8deg) rotateX(3deg);box-shadow:0 17px 40px #00000059;overflow:hidden;z-index:1}.window-top{height:22px;border-bottom:1px solid rgba(164,175,218,.15);display:flex;align-items:center;gap:4px;padding:0 8px}.window-top i{width:4px;height:4px;border-radius:50%;background:#777f9c}.window-top span{margin-left:auto;color:#7e89a8;font:6px DM Mono,monospace}.art-layout{display:flex;height:calc(100% - 22px)}.art-sidebar{width:19%;border-right:1px solid rgba(164,175,218,.12);padding:12px 6px;display:flex;flex-direction:column;gap:8px}.art-sidebar b{height:4px;border-radius:4px;background:#9b7bff61}.art-sidebar b:nth-child(2){width:70%}.art-sidebar b:nth-child(3){width:85%;background:#58b9ff5c}.art-sidebar b:nth-child(4){width:50%}.art-content{flex:1;padding:13px 12px}.art-heading{width:40%;height:6px;border-radius:4px;background:#c1c9e5;margin-bottom:12px}.art-metrics{display:flex;gap:7px}.art-metrics i{height:25px;flex:1;border:1px solid rgba(155,123,255,.24);border-radius:3px;background:#9b7bff14}.art-metrics i:nth-child(2){border-color:#58b9ff3d;background:#58b9ff14}.art-lines{display:flex;flex-direction:column;gap:6px;margin-top:12px}.art-lines i{height:3px;width:90%;background:#96a1c040;border-radius:3px}.art-lines i:nth-child(2){width:76%}.art-lines i:nth-child(3){width:85%}.art-lines i:nth-child(4){width:59%}.art-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:#9b7bff1a;filter:blur(45px);right:8%;top:3%}.art-number{position:absolute;bottom:14px;right:19px;color:#cdd2ed40;font:11px DM Mono,monospace}.visual-open{position:absolute;right:13px;top:13px;height:30px;width:30px;display:grid;place-items:center;border-radius:8px;background:#0c0f1acc;border:1px solid rgba(255,255,255,.15);color:#fff;opacity:0;transform:translateY(4px);transition:all .2s}.project-card:hover .visual-open{opacity:1;transform:translateY(0)}.diagonal-arrow{transform:rotate(45deg)}.project-copy{padding:21px 22px 19px}.project-kicker{display:flex;gap:8px;align-items:center;color:var(--accent2);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.project-kicker span{color:var(--muted)}.project-copy h3{font-size:18px;letter-spacing:-.5px;margin:10px 0 8px}.project-copy>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0;min-height:40px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tag-list span{font-size:9px;padding:6px 8px}.project-actions{display:flex;align-items:center;gap:12px;margin-top:19px;padding-top:14px;border-top:1px solid var(--line)}.icon-action{height:28px;width:28px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:var(--muted);margin-left:auto}.icon-action+.icon-action{margin-left:-6px}.icon-action:hover{color:var(--accent2);border-color:var(--accent2)}.experience-section{padding-top:130px}.experience-list{max-width:850px;margin-left:8px}.experience-item{display:grid;grid-template-columns:42px 1fr;gap:19px}.experience-rail{display:flex;align-items:center;flex-direction:column}.experience-node{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(155,123,255,.3);background:#9b7bff17;color:var(--accent);border-radius:12px;z-index:1}.rail-line{flex:1;width:1px;background:linear-gradient(var(--accent),var(--line));min-height:35px;margin-top:8px}.experience-content{padding:0 0 43px}.experience-meta{display:flex;gap:13px;flex-wrap:wrap;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2)}.experience-meta span+span{color:var(--muted)}.experience-content h3{font-size:20px;letter-spacing:-.5px;margin:12px 0 3px}.experience-content h4{font-size:12px;color:var(--accent);margin:0 0 13px}.experience-content>p{font-size:12px;color:var(--muted);line-height:1.9;max-width:720px;margin:0 0 14px}.experience-content ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.experience-content li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px}.experience-content li svg{color:var(--green);flex-shrink:0;margin-top:1px}.edit-note,.config-note{font-size:10px;line-height:1.8;color:var(--muted);border:1px dashed var(--line);border-radius:9px;padding:10px 13px;display:inline-block}.edit-note code,.config-note code{color:var(--accent2);font-family:DM Mono,monospace}.services-section{padding-top:115px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-card{position:relative;min-height:195px;padding:23px 21px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),var(--bg-soft));transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#9b7bff66}.service-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(155,123,255,.2);background:#9b7bff17;color:var(--accent);border-radius:11px}.service-number{position:absolute;right:19px;top:24px;font:10px DM Mono,monospace;color:var(--muted);opacity:.6}.service-card h3{font-size:13px;margin:19px 0 8px;letter-spacing:-.2px}.service-card p{font-size:10px;line-height:1.8;color:var(--muted);margin:0;max-width:260px}.service-arrow{position:absolute;right:17px;bottom:16px;border:0;background:none;color:var(--accent2);cursor:pointer;opacity:.7}.service-arrow:hover{opacity:1}.stats-strip{display:flex;align-items:center;justify-content:space-around;gap:15px;padding:34px 20px;margin-top:100px;border-block:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(155,123,255,.045),transparent)}.stat-item{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}.stat-value{font-size:31px;font-weight:800;letter-spacing:-1.5px;background:linear-gradient(110deg,var(--text),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:10px;color:var(--muted)}.stat-divider{width:1px;height:43px;background:var(--line)}.stat-note .stat-value{height:36px;display:grid;place-items:center}.contact-section{position:relative;padding-top:130px;padding-bottom:100px}.contact-glow{position:absolute;left:-10%;bottom:0;width:480px;height:300px;background:#7057ff17;filter:blur(90px);pointer-events:none}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;position:relative}.contact-copy .section-heading{margin-bottom:30px}.contact-copy .section-heading h2{font-size:clamp(33px,4vw,45px)}.contact-details{display:flex;flex-direction:column;gap:9px}.contact-details>a{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);transition:border-color .2s}.contact-details>a:hover{border-color:#9b7bff66}.contact-details>a>span{height:37px;width:37px;border-radius:10px;background:#9b7bff1a;display:grid;place-items:center;color:var(--accent)}.contact-details>a div{flex:1}.contact-details small,.contact-details b{display:block}.contact-details small{font:8px DM Mono,monospace;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.contact-details b{font-size:11px}.contact-details>a>svg{color:var(--muted);width:15px}.contact-form{padding:27px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--bg-soft));border-radius:16px;box-shadow:var(--shadow)}.form-heading{margin-bottom:23px}.form-heading>span{font:9px DM Mono,monospace;letter-spacing:.12em;color:var(--accent2)}.form-heading h3{font-size:20px;letter-spacing:-.6px;margin:9px 0 0}.form-heading h3 span{color:var(--accent)}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:800;color:var(--muted);margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px 13px;border-radius:8px;font-size:11px;outline:none;resize:vertical;transition:border-color .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#697188;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{border-color:#9b7bffb3}.submit-button{width:100%;margin-top:2px}.submit-button:disabled{opacity:.6;cursor:wait}.form-feedback{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.7;padding:10px;border-radius:8px}.form-feedback.error{color:#ff9aab;background:#ff688314;border:1px solid rgba(255,104,131,.2)}.form-feedback.success{color:var(--green);background:#6ce4ba14;border:1px solid rgba(108,228,186,.2)}.form-feedback svg{flex-shrink:0;margin-top:1px}.form-privacy{font-size:9px;text-align:center;color:var(--muted);margin:13px 0 0}.footer{border-top:1px solid var(--line);padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand-mark{width:31px;height:31px;font-size:17px}.footer .brand-name{font-size:13px}.footer>p,.footer-right>span{font-size:10px;color:var(--muted)}.footer-right{display:flex;align-items:center;gap:18px}.footer-right button{width:32px;height:32px;border-radius:9px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer}.footer-right button:hover{border-color:var(--accent);color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03050cb8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:22px}.project-modal{position:relative;width:min(560px,100%);max-height:min(85vh,800px);overflow:auto;padding:33px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 35px 100px #00000080}.modal-close{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;cursor:pointer}.project-modal h2{font-size:29px;letter-spacing:-1px;margin:20px 0 10px}.project-modal>p{font-size:12px;line-height:1.9;color:var(--muted)}.project-modal h4{font-size:11px;margin:24px 0 12px}.modal-features{list-style:none;padding:0;display:grid;gap:10px}.modal-features li{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.modal-features svg{color:var(--green)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.unavailable-link{font-size:10px;color:var(--muted);padding:12px 0}@keyframes blink{to{visibility:hidden}}@keyframes scroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(7px);opacity:0}}@media(min-width:1400px){.hero{min-height:710px}.hero-art-wrap{transform:scale(1.06)}}@media(max-width:1000px){.navbar{width:calc(100% - 44px)}.nav-links{gap:16px}.nav-links>a{font-size:11px}.section-wrap{width:calc(100% - 52px)}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero h1{font-size:clamp(56px,7vw,74px)}.hero-art-wrap{transform:scale(.92)}.about-grid{gap:38px}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:35px}.project-copy{padding:18px}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.navbar{height:72px;width:calc(100% - 36px)}.mobile-toggle{display:inline-flex}.nav-links{position:absolute;top:63px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:var(--shadow)}.nav-links.open{display:flex;flex-direction:column}.nav-links>a{padding:13px 12px;font-size:12px}.nav-links>a.active:after{left:0;top:10px;bottom:10px;right:auto;width:2px;height:auto}.nav-contact{margin-top:6px;justify-content:center}.section-wrap{width:calc(100% - 38px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:60px;padding-bottom:66px;min-height:unset}.hero-copy{padding-left:0}.hero-intro{margin-top:25px}.hero h1{font-size:clamp(60px,13vw,84px)}.hero-description{font-size:13px;max-width:530px}.hero-art-wrap{height:370px;margin-top:28px;transform:none}.hero-art{width:min(390px,88%)}.orbit-one{width:340px;height:250px}.orbit-two{width:280px;height:370px}.chip-api{right:0;top:45px}.chip-react{left:0;bottom:42px}.scroll-cue{bottom:5px;left:0}.hero-index{bottom:2px}.section-block{padding-top:82px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(31px,7vw,41px)}.about-grid{grid-template-columns:1fr;gap:27px}.about-statement{min-height:245px}.about-statement>p{font-size:20px}.about-highlights{gap:15px}.skills-section,.projects-section,.experience-section,.services-section{padding-top:95px}.skills-grid{gap:10px}.skill-card{padding:17px 14px;min-height:185px}.skill-card h3{font-size:12px}.projects-grid{grid-template-columns:1fr;gap:15px}.project-visual{aspect-ratio:1.8/1}.project-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.project-count{align-self:flex-end;margin-top:-25px}.experience-list{margin-left:0}.experience-item{grid-template-columns:35px 1fr;gap:13px}.experience-node{width:33px;height:33px}.experience-content h3{font-size:18px}.services-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{padding:18px 15px;min-height:200px}.service-card h3{font-size:12px}.service-card p{font-size:10px}.stats-strip{margin-top:75px;display:grid;grid-template-columns:1fr 1fr;row-gap:28px;padding:30px 12px}.stat-divider{display:none}.stat-value{font-size:28px}.stat-label{font-size:9px}.contact-section{padding-top:90px;padding-bottom:70px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-form{padding:22px 18px}.footer{flex-wrap:wrap}.footer>p{order:3;width:100%;margin:0}.footer-right{margin-left:auto}.project-modal{padding:27px 22px}.project-modal h2{font-size:25px}}@media(max-width:420px){.section-wrap,.navbar{width:calc(100% - 30px)}.hero h1{font-size:59px}.hero-role{font-size:15px;gap:6px}.hero-actions{gap:9px}.button-primary,.button-secondary{padding:12px 13px;font-size:11px}.hero-art-wrap{height:340px}.hero-art{padding:13px}.code-card{font-size:10px}.floating-chip{padding:9px}.chip-react{left:-4px}.chip-api{right:-4px}.about-highlights{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.skill-pills{gap:5px}.skill-pills span{font-size:8px;padding:6px}.services-grid{grid-template-columns:1fr}.service-card{min-height:175px}.form-row{grid-template-columns:1fr;gap:0}.footer-right>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
