@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap);.portfolio-navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--color-background);background:color-mix(in srgb,var(--color-background) 88%,#0000);border-bottom:var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:80}.portfolio-navbar .navbar-bar{align-items:center;display:flex;gap:var(--space-8);justify-content:space-between;min-height:77px}.portfolio-navbar .navbar-brand{align-items:center;color:var(--color-text);display:inline-flex;font-family:var(--font-heading);font-size:28px;font-weight:700;gap:var(--space-3);letter-spacing:-1.5px;min-height:44px;white-space:nowrap}.navbar-mark{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-button);color:var(--color-accent);display:grid;font-family:var(--font-mono);font-size:21px;height:33px;place-items:center;transform:rotate(-10deg);width:33px}.navbar-mark span{transform:rotate(10deg)}.navbar-dot{color:var(--color-accent)}.navbar-desktop,.navbar-links{align-items:center;display:flex;gap:var(--space-8)}.navbar-desktop{margin-left:auto}.portfolio-navbar .navbar-links a{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;font-weight:600;min-height:44px;position:relative;transition:var(--transition-control)}.portfolio-navbar .navbar-links a:hover,.portfolio-navbar .navbar-links a[aria-current=page]{color:var(--color-text)}.navbar-links a:after{background:var(--color-accent);bottom:3px;content:"";height:2px;inset-inline:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:var(--transition-control)}.navbar-links a:hover:after,.navbar-links a[aria-current=page]:after{transform:scaleX(1)}.portfolio-navbar .navbar-cta{align-items:center;border:1px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-accent);display:inline-flex;font-size:13px;font-weight:600;gap:var(--space-2);justify-content:center;min-height:44px;padding:10px 18px;transition:var(--transition-control);white-space:nowrap}.portfolio-navbar .navbar-cta:hover{background:var(--color-accent);color:var(--color-on-accent)}.navbar-toggle{align-items:center;background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-accent);cursor:pointer;display:none;font-size:26px;height:44px;justify-content:center;width:44px}.navbar-mobile{display:none}@media (max-width:800px){.portfolio-navbar{background:var(--color-background);background:color-mix(in srgb,var(--color-background) 83%,#0000)}.portfolio-navbar .page-container{padding-inline:28px}.portfolio-navbar .navbar-bar{gap:var(--space-4)}.portfolio-navbar .navbar-brand{gap:10px;letter-spacing:-.085em;line-height:1}.navbar-mark{background:color-mix(in srgb,var(--color-accent) 12%,#0000);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000);letter-spacing:-.1em}.navbar-desktop{display:none}.navbar-toggle{background:color-mix(in srgb,var(--color-text) 3.5%,#0000);border-radius:50%;color:var(--color-text);display:inline-flex;flex-shrink:0;font-size:20px}.navbar-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--color-accent) 12%,#0000);border-color:var(--color-accent)}.navbar-mobile:not([hidden]){border-top:var(--border-subtle);display:block;max-height:calc(100dvh - 77px);overflow-y:auto;padding-block:0}.navbar-mobile .navbar-links{display:block}.portfolio-navbar .navbar-mobile .navbar-links a{border-bottom:var(--border-subtle);color:var(--color-text);display:block;font-size:17px;font-weight:700;line-height:1.55;min-height:44px;padding-block:14px}.portfolio-navbar .navbar-mobile li:last-child a{border-bottom:0;color:var(--color-accent)}.navbar-mobile .navbar-links a:after{bottom:0}}@media (max-width:620px){.portfolio-navbar .page-container{padding-inline:18px}.portfolio-navbar .navbar-bar{min-height:68px}.portfolio-navbar .navbar-brand{font-size:24px}.navbar-mobile:not([hidden]){max-height:calc(100dvh - 68px)}}.portfolio-navbar .navbar-skip{background:var(--color-accent);border-radius:var(--radius-button);color:var(--color-on-accent);font:600 14px/1.5 var(--font-body);left:16px;min-height:44px;padding:12px 20px;position:fixed;top:-100px;z-index:100}.portfolio-navbar .navbar-skip:focus{top:12px}.home-concept{color:var(--color-text)}.home-concept .page-container{max-width:calc(var(--container-max) + 84px);padding-inline:42px}.home-concept h1,.home-concept h2,.home-concept h3{font-weight:700}.home-concept em{color:var(--color-accent-purple);font-family:var(--font-decorative);font-weight:400}.home-concept p{color:var(--color-text-muted)}.home-concept strong{color:var(--color-text)}.home-concept a{transition:var(--transition-control)}.home-concept .home-label,.home-concept .home-mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.home-concept .home-label{align-items:center;color:var(--color-accent);display:flex;gap:11px;margin-bottom:var(--space-6)}.home-label:before{background:var(--color-accent);content:"";flex-shrink:0;height:1px;width:24px}.home-hero{background:radial-gradient(ellipse at 84% 38%,color-mix(in srgb,var(--color-accent-purple) 13%,#0000),#0000 43%);isolation:isolate;overflow:clip;padding:71px 0 95px;position:relative}.home-hero:before{background-image:linear-gradient(to right,var(--color-border) 1px,#0000 1px),linear-gradient(to bottom,var(--color-border) 1px,#0000 1px);background-size:96px 96px;content:"";inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%);opacity:.38;position:absolute;z-index:-1}.home-hero-grid{grid-gap:var(--space-6);align-items:center;display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:604px}.home-hero-copy{position:relative;z-index:3}.home-hero h1{font-size:clamp(59px,6.5vw,96px);letter-spacing:-.075em;line-height:.98;margin-bottom:27px}.home-hero h1>em,.home-hero h1>span{display:block;white-space:nowrap}.home-hero h1 em{letter-spacing:-.085em;line-height:1.15;padding-right:.12em;position:relative;width:-webkit-fit-content;width:fit-content}.home-hero h1 em:after{border-bottom:3px solid var(--color-accent);border-radius:50%;bottom:-5px;content:"";height:10px;left:2%;position:absolute;transform:rotate(-3deg);width:95%}.home-description{font-size:17px;line-height:1.8;margin-bottom:var(--space-8);max-width:475px}.home-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:var(--space-4)}.home-concept .home-button{align-items:center;border:var(--border-subtle);border-radius:var(--radius-pill);display:inline-flex;font-size:13px;font-weight:700;gap:13px;justify-content:center;min-height:50px;padding:15px 23px;width:-webkit-fit-content;width:fit-content}.home-concept .home-button-primary{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 12px 34px color-mix(in srgb,var(--color-accent) 13%,#0000);color:var(--color-on-accent)}.home-concept .home-button-ghost{background:color-mix(in srgb,var(--color-text) 2.5%,#0000);color:var(--color-text)}.home-concept .home-button:hover{border-color:var(--color-accent);transform:translateY(-3px)}.home-concept .home-cv{align-items:center;background:#0000;border:0;color:var(--color-text);display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:var(--space-4);min-height:44px;padding-block:4px;width:-webkit-fit-content;width:fit-content}.home-cv svg{color:var(--color-accent);font-size:17px;transition:transform .2s ease}.home-cv span{text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;text-decoration-thickness:1px;text-underline-offset:5px;transition:-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease;transition:text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.home-cv:hover span{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.home-cv:hover svg{transform:translateY(2px)}.home-socials{align-items:center;display:flex;flex-wrap:wrap;gap:18px}.home-socials>span{color:var(--color-text-muted);width:100%}.home-socials a{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:12px;gap:var(--space-2);min-height:44px}.home-footer a:hover,.home-socials a:hover{color:var(--color-accent)}.home-visual{display:grid;height:570px;min-width:0;place-items:center;position:relative}.home-portrait-stage{display:grid;height:534px;place-items:center;position:relative;width:min(100%,560px)}.home-portrait-stage:before{aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent-purple) 14%,#0000),#0000 66%);border:1px solid color-mix(in srgb,var(--color-accent-purple) 23%,#0000);border-radius:48%;content:"";position:absolute;transform:rotate(-13deg);width:92%}.home-portrait-stage:after{border:1px dashed color-mix(in srgb,var(--color-accent) 26%,#0000);border-radius:49%;content:"";inset:39px 31px 25px 34px;pointer-events:none;position:absolute;transform:rotate(10deg)}.home-portrait{height:auto;-webkit-mask-image:linear-gradient(180deg,#000 82%,#0000);mask-image:linear-gradient(180deg,#000 82%,#0000);max-height:530px;object-fit:contain;position:relative;width:100%;z-index:2}.home-orb{animation:home-orb-pulse 3.6s ease-in-out infinite;border-radius:50%;pointer-events:none;position:absolute}.home-orb-mint{background:var(--color-accent);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent) 65%,#0000);height:10px;right:28%;top:43px;width:10px}.home-orb-purple{animation-delay:-1.4s;animation-duration:4s;background:var(--color-accent-purple);bottom:75px;box-shadow:0 0 16px color-mix(in srgb,var(--color-accent-purple) 65%,#0000);height:7px;left:9%;width:7px}.home-float{background:color-mix(in srgb,var(--color-surface-elevated) 92%,#0000);border:var(--border-subtle);border-radius:var(--radius-dialog);box-shadow:var(--shadow-elevated);padding:15px 18px;position:absolute;z-index:4}.home-float .home-mono{color:var(--color-text-muted);display:block;font-size:10px}.home-float strong{display:block;font-size:13px}.home-float-top{--home-float-rotation:-4deg;align-items:center;animation:home-card-float 5.5s ease-in-out infinite;display:flex;gap:var(--space-3);left:0;top:61px;transform:rotate(-4deg)}.home-code-tile{background:color-mix(in srgb,var(--color-accent) 13%,#0000);border-radius:var(--radius-button);color:var(--color-accent);display:grid;height:33px;place-items:center;width:33px}.home-float-bottom{--home-float-rotation:4deg;animation:home-card-float 6.2s ease-in-out -2s infinite;bottom:32px;min-width:196px;right:0;transform:rotate(4deg)}.home-float code{color:var(--color-accent);font-size:11px;line-height:1.95}.home-float code>span{color:var(--color-accent-purple)}.home-focus-strip{background:var(--color-surface);border-block:var(--border-subtle);overflow:hidden;position:relative}.home-ticker-track{animation:home-marquee 36s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.home-ticker-group{align-items:center;display:flex;flex-shrink:0;gap:36px;padding:18px 36px 18px 0}.home-ticker-group li{align-items:center;display:flex;gap:36px;white-space:nowrap}.home-focus-strip span{color:var(--color-text-muted);font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.home-focus-strip i{color:var(--color-accent);font-size:19px;font-style:normal}.home-focus-strip:focus-within .home-ticker-track,.home-focus-strip:hover .home-ticker-track{animation-play-state:paused}@keyframes home-marquee{to{transform:translateX(-25%)}}@keyframes home-orb-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes home-card-float{0%,to{transform:translateY(0) rotate(var(--home-float-rotation))}50%{transform:translateY(-8px) rotate(var(--home-float-rotation))}}.home-section{padding-block:110px}.home-section h2{font-size:clamp(37px,4.6vw,63px);letter-spacing:-.068em;line-height:1.07}.home-section-head{align-items:end;display:flex;gap:var(--space-8);justify-content:space-between;margin-bottom:42px}.home-section-head p{font-size:14px;line-height:1.75;max-width:300px}.home-project-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-project-card{background:linear-gradient(140deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:var(--radius-card);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:border-color var(--motion-fast) ease}.home-project-card:focus-within,.home-project-card:hover{border-color:var(--color-accent)}.home-project-media{background:var(--color-surface-elevated);display:grid;height:290px;overflow:hidden;place-items:center;position:relative}.home-project-media img{display:block;height:100%;object-fit:cover;width:100%}.home-project-media>p{padding:var(--space-6)}.home-project-id{background:var(--color-background-deep);border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text);font:500 11px var(--font-mono);left:22px;padding:7px 11px;position:absolute;top:18px}.home-project-content{display:flex;flex:1 1;flex-direction:column;gap:13px;overflow-wrap:anywhere;padding:25px 28px 29px}.home-project-content h3{font-size:28px;letter-spacing:-.05em;line-height:1.15}.home-project-content p{font-size:14px;line-height:1.65}.home-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:7px}.home-tags li{border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font:500 10px var(--font-mono);padding:7px 11px}.home-project-links{display:flex;flex-wrap:wrap;gap:var(--space-6)}.home-project-links a,.home-text-link{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:var(--space-2);min-height:44px}.home-work-all{margin-top:var(--space-6)}.home-data-status{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-8)}.home-about{background:linear-gradient(180deg,var(--color-surface),var(--color-background));border-block:var(--border-subtle)}.home-about-grid{grid-gap:10%;align-items:start;display:grid;gap:10%;grid-template-columns:.83fr 1.17fr}.home-about h2{font-size:clamp(38px,4.3vw,58px);line-height:1.12;margin-bottom:23px}.home-bio{font-size:15px;line-height:1.9;margin-bottom:var(--space-4);max-width:410px}.home-practice-list{border-top:var(--border-subtle)}.home-practice-list>div{grid-gap:17px;align-items:center;border-bottom:var(--border-subtle);display:grid;gap:17px;grid-template-columns:100px 1fr;padding-block:26px}.home-practice-list dt{color:var(--color-accent);font:500 11px var(--font-mono)}.home-practice-list strong{display:block;font-family:var(--font-heading);font-size:18px;line-height:1.3}.home-practice-list dd>span{color:var(--color-text-muted);display:block;font-size:12px;margin-top:var(--space-1)}.home-contact{padding-bottom:100px}.home-contact-card{grid-gap:30px;align-items:end;background:linear-gradient(125deg,var(--color-surface-elevated),var(--color-surface) 70%);border:var(--border-subtle);border-radius:var(--radius-card);display:grid;gap:30px;grid-template-columns:1fr auto;overflow:hidden;padding:66px 70px;position:relative}.home-contact-card .home-contact-art{color:color-mix(in srgb,var(--color-accent) 8.5%,#0000);font-size:260px;line-height:1;pointer-events:none;position:absolute;right:8%;top:-80px;z-index:0}.home-contact-card>*{position:relative;z-index:1}.home-contact-card h2{font-size:clamp(39px,5.7vw,78px);letter-spacing:-.075em;line-height:1.02;margin:6px 0 22px}.home-contact-card h2 em{color:var(--color-accent)}.home-contact-card p:not(.home-label){font-size:14px;line-height:1.8;max-width:570px}.home-footer{border-top:var(--border-subtle);padding-block:25px 35px}.home-footer>div,.home-footer>div>div{align-items:center;display:flex;gap:20px;justify-content:space-between}.home-footer a,.home-footer p{color:var(--color-text-muted);font-size:12px}.home-footer a{align-items:center;display:inline-flex;min-height:44px}@media (max-width:1100px){.home-concept .page-container{padding-inline:28px}.home-hero{padding:55px 0 70px}.home-hero-grid{gap:0;min-height:530px}.home-hero h1{font-size:clamp(54px,7vw,78px)}.home-visual{height:495px}.home-portrait-stage{height:470px}.home-contact-card{padding:var(--space-12)}.home-project-media{height:255px}}@media (max-width:800px){.home-hero-grid{gap:var(--space-3);grid-template-columns:1fr}.home-hero{padding:52px 0 65px}.home-hero h1{font-size:clamp(56px,9vw,82px)}.home-description{max-width:575px}.home-visual{height:480px;margin-inline:auto;max-width:520px;width:100%}.home-section{padding-block:85px}.home-section-head{align-items:start;flex-direction:column;gap:var(--space-4)}.home-section-head p{max-width:590px}.home-about-grid{gap:40px;grid-template-columns:1fr}.home-bio{max-width:660px}.home-contact-card{grid-template-columns:1fr}}@media (max-width:620px){.home-concept .page-container{padding-inline:18px}.home-hero{padding:44px 0 54px}.home-hero h1{font-size:clamp(40px,12.2vw,71px);letter-spacing:-.075em}.home-hero h1>em,.home-hero h1>span{white-space:normal}.home-description{font-size:15px;line-height:1.75}.home-concept .home-label{font-size:9px;gap:7px;margin-bottom:19px}.home-actions{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-concept .home-actions .home-button{font-size:12px;gap:6px;line-height:1.3;min-height:48px;min-width:0;padding:12px 8px;width:100%}.home-actions .home-button span{flex-shrink:0}.home-concept .home-button{font-size:12px;min-height:47px;padding:13px 18px}.home-socials{gap:5px 18px}.home-visual{height:350px;max-width:385px}.home-portrait-stage{height:350px}.home-portrait-stage:after{inset:32px 14px 20px}.home-portrait{max-height:300px}.home-float{padding:10px 12px}.home-float-top{left:0;top:34px}.home-float-bottom{bottom:14px;min-width:158px;right:0}.home-float .home-mono{font-size:8px}.home-float strong{font-size:11px}.home-code-tile{height:27px;width:27px}.home-float code{font-size:9px}.home-ticker-group{padding-block:15px}.home-focus-strip span{font-size:10px}.home-section{padding-block:73px}.home-section-head{margin-bottom:28px}.home-section h2{font-size:clamp(35px,9vw,49px)}.home-project-grid{grid-template-columns:1fr}.home-project-media{height:235px}.home-project-content{padding:22px}.home-project-content h3{font-size:25px}.home-practice-list>div{gap:10px;grid-template-columns:80px 1fr}.home-practice-list strong{font-size:15px}.home-contact-card{padding:34px 22px}.home-contact-card h2{font-size:clamp(36px,10vw,58px)}.home-footer>div{align-items:center;flex-direction:column;gap:var(--space-3);text-align:center}.home-footer>div>div{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.home-concept a:hover{transform:none}.home-concept .home-cv,.home-cv span,.home-cv svg{transition:none}.home-cv:hover svg{transform:none}.home-float,.home-orb,.home-ticker-track{animation:none}.home-ticker-track{width:auto}.home-ticker-group{flex-wrap:wrap;gap:12px 24px;justify-content:center;padding-inline:18px;width:100%}.home-ticker-group li{gap:12px;white-space:normal}.home-ticker-group[aria-hidden=true]{display:none}}.contact-concept{color:var(--color-text)}.contact-concept section{padding:0}.contact-hero{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1.1fr .9fr;padding:80px 0 64px!important}.contact-kicker{color:var(--color-accent);font:11px var(--font-mono);letter-spacing:.08em;margin-bottom:24px}.contact-hero h1{font-size:clamp(48px,5.5vw,80px);letter-spacing:-.065em;line-height:1.03;margin-bottom:28px}.contact-hero h1 span{color:var(--color-accent)}.contact-concept em{color:var(--color-accent-purple);font-family:var(--font-decorative);font-weight:400}.contact-lead{color:var(--color-text-muted);font-size:17px;max-width:560px}.contact-location{align-items:center;color:var(--color-text-muted);display:flex;font:12px var(--font-mono);gap:10px;margin-top:24px}.contact-art{background:radial-gradient(ellipse,#a495fb1a,#0000 70%);height:380px;overflow:clip;place-items:center}.contact-art,.contact-orbit{display:grid;position:relative}.contact-orbit{aspect-ratio:1;border-radius:50%;place-items:center;transform:rotate(-9deg);width:min(100%,350px)}.contact-orbit:after{border:1px dashed var(--color-border);border-radius:50%;content:"";inset:0;position:absolute}.contact-orbit:before{border:1px solid var(--color-border);border-radius:44%;content:"";inset:30px;position:absolute;transform:rotate(35deg)}.contact-orbit svg{background:var(--color-surface-elevated);border:var(--border-subtle);border-radius:30px;color:var(--color-accent);height:120px;padding:28px;transform:rotate(9deg);width:120px}.contact-code,.contact-note{background:var(--color-surface);border:var(--border-subtle);border-radius:14px;font:12px/1.7 var(--font-mono);padding:16px 20px;position:absolute}.contact-note{left:0;top:25px;transform:rotate(-5deg)}.contact-code{bottom:25px;right:0;transform:rotate(5deg)}.contact-code span,.contact-note strong{color:var(--color-accent)}.contact-layout{grid-gap:42px;align-items:start;display:grid;gap:42px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.contact-methods h2,.contact-panel h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin-bottom:16px}.contact-methods>p:not(.contact-kicker),.contact-panel-head>p:last-child{color:var(--color-text-muted);font-size:14px;margin-bottom:24px}.contact-concept .contact-card{grid-gap:12px;align-items:center;background:linear-gradient(145deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:16px;color:var(--color-text);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) 20px;margin-bottom:12px;padding:18px;transition:var(--transition-control)}.contact-card>svg:first-child{background:#2ce6af14;border-radius:12px;color:var(--color-accent);height:44px;padding:12px;width:44px}.contact-card small{color:var(--color-text-muted);display:block;font:10px var(--font-mono);margin-bottom:6px}.contact-card strong{font-size:14px;overflow-wrap:anywhere}.contact-card>svg:last-child{color:var(--color-accent)}.contact-concept a.contact-card:hover{border-color:var(--color-accent)}.contact-profiles{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.contact-profiles a{align-items:center;border:var(--border-subtle);border-radius:var(--radius-pill);display:inline-flex;font-size:13px;gap:8px;min-height:44px;padding:10px 18px}.contact-panel{background:linear-gradient(145deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}.contact-panel-head{border-bottom:var(--border-subtle);border-top:3px solid var(--color-accent);padding:32px 32px 20px}.contact-panel-head .contact-kicker{margin-bottom:12px}.contact-panel-head>p:last-child{margin-bottom:0}.contact-panel form{padding:28px 32px}.contact-topic-label{font-size:13px;margin-bottom:12px}.contact-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.contact-topics button{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font:12px var(--font-body);min-height:44px;padding:10px 15px;transition:var(--transition-control)}.contact-topics button:hover,.contact-topics button[aria-pressed=true]{background:#2ce6af14;border-color:var(--color-accent);color:var(--color-accent)}.contact-fields{grid-gap:20px 16px;display:grid;gap:20px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-field{min-width:0}.contact-field-wide{grid-column:1/-1}.contact-field label{display:flex;flex-wrap:wrap;font-size:13px;gap:4px;justify-content:space-between;margin-bottom:8px}.contact-field label span{color:var(--color-text-muted);font-size:10px}.contact-field input,.contact-field textarea{background:var(--color-background-deep);border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-text);font:14px/1.6 var(--font-body);min-height:49px;min-width:0;padding:13px 14px;transition:var(--transition-control);width:100%}.contact-field textarea{resize:vertical}.contact-field [aria-invalid=true]{border-color:var(--color-error)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--color-accent)}.contact-field [readonly]{opacity:.75}.contact-error{color:var(--color-error);font-size:12px;margin-top:8px}.contact-counter{color:var(--color-text-muted);font:11px var(--font-mono);margin-top:8px;text-align:right}.contact-send-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.contact-send-row>span{color:var(--color-text-muted);font-size:11px}.contact-send{align-items:center;background:var(--color-accent);border:0;border-radius:var(--radius-pill);color:var(--color-on-accent);display:flex;font:600 13px var(--font-body);gap:16px;min-height:50px;padding:14px 22px;transition:var(--transition-control)}.contact-send:hover:not(:disabled){box-shadow:0 0 0 4px #2ce6af1f}.contact-feedback:not(:empty){border:var(--border-subtle);border-radius:12px;color:var(--color-text-muted);font-size:13px;margin-top:20px;padding:14px}.contact-feedback.error{color:var(--color-error)}.contact-feedback.success{color:var(--color-accent)}.contact-direct{align-items:center;background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);display:flex;gap:28px;justify-content:space-between;margin:72px 0;padding:40px!important}.contact-direct h2{font-size:clamp(28px,3.5vw,44px);margin-bottom:12px}.contact-direct p:last-child{color:var(--color-text-muted);font-size:14px}.contact-direct a{align-items:center;display:inline-flex;gap:12px;min-height:44px;white-space:nowrap}.contact-footer{border-top:var(--border-subtle);color:var(--color-text-muted);display:flex;font-size:12px;gap:24px;justify-content:space-between;padding:24px 0 32px}.contact-footer>div{display:flex;flex-wrap:wrap;gap:20px}.contact-footer a{align-items:center;color:var(--color-text-muted);display:inline-flex;min-height:44px;transition:var(--transition-control)}.contact-footer a:hover{color:var(--color-accent)}@media(max-width:920px){.contact-hero{gap:24px}.contact-art{height:320px}.contact-layout{grid-template-columns:1fr}.contact-methods{max-width:none}}@media(max-width:760px){.contact-hero{grid-template-columns:1fr;padding:48px 0!important}.contact-art{height:280px;justify-self:center;max-width:380px;width:100%}.contact-orbit{width:260px}.contact-direct{align-items:flex-start;flex-direction:column;padding:24px!important}.contact-footer{align-items:center;flex-direction:column;gap:8px;text-align:center}.contact-footer>div{justify-content:center}}@media(max-width:550px){.contact-fields{grid-template-columns:1fr}.contact-panel form,.contact-panel-head{padding:24px 20px}.contact-hero h1{font-size:clamp(44px,12vw,64px)}.contact-card{padding:14px!important}.contact-layout{gap:32px}.contact-send-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.contact-concept *,.contact-concept :before{transition:none!important}}@media (prefers-reduced-motion:no-preference){.contact-note{animation:contact-note-float 5.5s ease-in-out infinite}.contact-code{animation:contact-code-float 6.5s ease-in-out -2s infinite}.contact-orbit:after{animation:contact-orbit-drift 18s ease-in-out infinite}.contact-orbit:before{--contact-ring-rotation:35deg;animation:contact-orbit-drift 25s ease-in-out -7s infinite reverse}}@keyframes contact-note-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@keyframes contact-code-float{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(8px) rotate(5deg)}}@keyframes contact-orbit-drift{0%,to{transform:translate(0) rotate(0deg);transform:translate(0) rotate(var(--contact-ring-rotation,0deg))}22%{transform:translate(10px,-8px) rotate(18deg) scale(1.02);transform:translate(10px,-8px) rotate(calc(var(--contact-ring-rotation, 0deg) + 18deg)) scale(1.02)}48%{transform:translate(-9px,-5px) rotate(-12deg) scale(.98);transform:translate(-9px,-5px) rotate(calc(var(--contact-ring-rotation, 0deg) - 12deg)) scale(.98)}73%{transform:translate(6px,10px) rotate(9deg) scale(1.01);transform:translate(6px,10px) rotate(calc(var(--contact-ring-rotation, 0deg) + 9deg)) scale(1.01)}}@media (prefers-reduced-motion:reduce){.contact-code,.contact-note,.contact-orbit:after,.contact-orbit:before{animation:none}}:where(.contact-concept) .contact-field input,:where(.contact-concept) .contact-field textarea{border-color:color-mix(in srgb,var(--color-text-muted) 60%,var(--color-surface))}.notfound-section{height:100vh}.notfound-section,.notfound-section .container{align-items:center;display:flex;justify-content:center}.notfound-section .container{flex-direction:column}.notfound-section .container .image-numbers,.notfound-section .container .zero{align-items:center;display:flex;justify-content:center}.notfound-section .container .zero{border:1px solid var(--main-color);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:0 2rem;width:15rem}.notfound-section .container .zero img{filter:grayscale(0);-webkit-filter:grayscale(0);transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition);width:100%}.notfound-section .container .zero img:hover{filter:grayscale(1);-webkit-filter:grayscale(1)}.notfound-section .container .number{color:var(--main-color);font-size:15rem;font-weight:700}.notfound-section .container h1{font-size:3rem;font-weight:700;margin:2rem 0}@media only screen and (max-width:767px){.notfound-section .container .number{font-size:8rem}.notfound-section .container .zero{margin:0 1rem;width:8rem}.notfound-section .container h1{font-size:2rem;margin:1.5rem 0 2rem}}.resume-concept{--resume-header-height:77px;padding-bottom:var(--space-20);scroll-margin-top:var(--resume-header-height)}.resume-concept .page-container{max-width:calc(var(--container-max) + 64px)}.resume-concept p{color:var(--color-text-muted);line-height:1.8}.resume-concept .resume-eyebrow{color:var(--color-accent);font:500 11px/1.7 var(--font-mono);letter-spacing:.08em;margin-bottom:18px}.resume-concept em{color:var(--color-accent-purple);font-family:var(--font-decorative);font-weight:400}.resume-hero{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.25fr 1fr;padding-block:90px 100px}.resume-hero h1{font-size:clamp(56px,6.7vw,96px);letter-spacing:-.075em;line-height:1.02;margin-bottom:26px}.resume-concept .resume-intro{font-size:16px;margin-bottom:28px;max-width:570px}.resume-intro strong{color:var(--color-text)}.resume-hero-actions{display:flex;flex-wrap:wrap;gap:13px}.resume-hero-actions a{align-items:center;border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:13px;font-weight:600;gap:14px;justify-content:center;max-width:100%;min-height:48px;padding:12px 20px;transition:var(--transition-control)}.resume-hero-actions a.resume-action-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.resume-cv svg{flex-shrink:0;height:18px;width:18px}.resume-hero-actions a:hover{border-color:var(--color-accent-purple)}.resume-focus{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.resume-focus li{border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font:500 10px var(--font-mono);padding:9px 12px}.resume-identity{background:radial-gradient(circle at 85% 12%,#2ce6af1f,#0000 45%),linear-gradient(140deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:30px;box-shadow:var(--shadow-elevated);height:490px;min-width:0;position:relative}.resume-identity:before{border:1px solid var(--color-border);border-radius:50%;content:"";height:250px;position:absolute;right:12px;top:15px;width:250px}.resume-identity-label{color:var(--color-accent);font:500 12px var(--font-mono);left:30px;position:absolute;top:30px}.resume-identity-code{background:var(--color-surface-elevated);border:var(--border-subtle);border-radius:13px;color:var(--color-accent-purple);font:500 11px/1.9 var(--font-mono);left:20px;padding:16px;position:absolute;top:95px;transform:rotate(-3deg);z-index:2}.resume-identity-code span{color:var(--color-accent)}.resume-portrait{border-radius:0 0 30px 0;bottom:0;height:83%;object-fit:contain;object-position:bottom;position:absolute;right:0;width:88%}.resume-identity-name{background:var(--color-background-deep);border:var(--border-subtle);border-radius:15px;bottom:20px;display:flex;flex-direction:column;gap:5px;left:20px;padding:16px 20px;position:absolute;right:20px}.resume-identity-name strong{font-size:15px}.resume-identity-name span{color:var(--color-text-muted);font:500 10px var(--font-mono)}.resume-stamp{align-content:center;background:var(--color-accent-purple);border:6px solid var(--color-background);border-radius:50%;bottom:-15px;color:var(--color-background-deep);display:grid;font:600 11px/1.5 var(--font-mono);height:90px;position:absolute;right:-12px;text-align:center;transform:rotate(11deg);width:90px}.resume-layout{grid-gap:68px;align-items:start;border-top:var(--border-subtle);display:grid;gap:68px;grid-template-columns:214px minmax(0,1fr)}.resume-section-nav{padding-block:72px 24px;position:-webkit-sticky;position:sticky;top:calc(var(--resume-header-height) + 40px)}.resume-section-nav .resume-eyebrow,.resume-section-nav a{color:var(--color-text-muted)}.resume-section-nav a{align-items:center;border-left:2px solid var(--color-border);display:flex;font-size:13px;font-weight:600;gap:13px;min-height:48px;padding:14px 16px;transition:var(--transition-control)}.resume-section-nav a span{font:500 10px var(--font-mono)}.resume-section-nav a:hover,.resume-section-nav a[aria-current]{background:#2ce6af0d;border-color:var(--color-accent);color:var(--color-text)}.resume-section-nav a[aria-current] span{color:var(--color-accent)}.resume-footer{border-top:var(--border-subtle);padding-block:25px 35px}.resume-footer .page-container{max-width:calc(var(--container-max) + 84px);padding-inline:42px}.resume-footer>div,.resume-footer>div>div{align-items:center;display:flex;gap:20px;justify-content:space-between}.resume-footer a,.resume-footer p{color:var(--color-text-muted);font-size:12px}.resume-footer a{align-items:center;display:inline-flex;min-height:44px;transition:var(--transition-control)}.resume-footer a:hover{color:var(--color-accent)}.resume-sections{min-width:0}.resume-concept .resume-section{border-bottom:var(--border-subtle);padding-block:80px;scroll-margin-top:calc(var(--resume-header-height) + 32px)}.resume-concept .resume-section:last-child{border-bottom:none}.resume-section-head{align-items:end;display:flex;gap:28px;justify-content:space-between;margin-bottom:32px}.resume-concept h2{font-size:clamp(36px,3.8vw,52px);letter-spacing:-.055em;line-height:1.1}.resume-section-head>p{font-size:13px;max-width:270px}@media (max-width:1100px){.resume-footer .page-container{padding-inline:28px}.resume-hero{gap:28px}.resume-identity{height:440px}.resume-layout{gap:35px;grid-template-columns:172px minmax(0,1fr)}}@media (max-width:900px){.resume-hero{gap:48px;grid-template-columns:1fr;padding-block:65px 76px}.resume-hero h1{font-size:clamp(56px,9vw,84px)}.resume-identity{margin-inline:auto;max-width:590px;width:100%}.resume-layout{display:block}.resume-section-nav{background:var(--color-background);border-bottom:var(--border-subtle);margin-inline:calc(var(--container-padding)*-1);padding:0;top:var(--resume-header-height);z-index:20}.resume-section-nav>p{display:none}.resume-section-nav ul{display:flex;gap:8px;overflow-x:auto;padding:10px var(--container-padding);scroll-padding-inline:var(--container-padding);scrollbar-width:none}.resume-section-nav ul::-webkit-scrollbar{display:none}.resume-section-nav li{flex:none}.resume-section-nav a{background:var(--color-surface);border:1px solid #0000;border-radius:var(--radius-pill);font-weight:500;min-height:44px;padding:10px 16px;white-space:nowrap}.resume-section-nav a span{display:none}.resume-section-nav a:hover{background:var(--color-surface-elevated);border-color:var(--color-border)}.resume-section-nav a[aria-current]{background:#2ce6af1a;border-color:#2ce6af59;color:var(--color-accent)}.resume-concept .resume-section{padding-block:64px;scroll-margin-top:calc(var(--resume-header-height) + 82px)}}@media (max-width:620px){.resume-footer .page-container{padding-inline:18px}.resume-footer>div{align-items:center;flex-direction:column;gap:var(--space-3);text-align:center}.resume-footer>div>div{flex-wrap:wrap;justify-content:center}.resume-concept{--resume-header-height:68px}.resume-hero{padding-block:56px 66px}.resume-hero-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.resume-hero-actions a{font-size:12px;gap:6px;line-height:1.3;min-width:0;padding:12px 8px;width:100%}.resume-hero-actions a>span[aria-hidden]{flex-shrink:0}.resume-hero h1{font-size:clamp(49px,12.8vw,76px)}.resume-concept .resume-intro{font-size:15px}.resume-identity{height:360px}.resume-identity-code{font-size:9px;left:12px;padding:10px;top:75px}.resume-identity-label{left:22px;top:22px}.resume-identity-name{left:12px;padding:13px;right:12px}.resume-stamp{font-size:9px;height:75px;right:-5px;width:75px}.resume-section-head{align-items:start;flex-direction:column;gap:16px}.resume-section-head>p{max-width:100%}.resume-concept .resume-eyebrow{font-size:10px}.resume-section-nav a{font-size:12px;gap:7px}}@media (prefers-reduced-motion:no-preference){.resume-identity-code{animation:resume-code-float 6s ease-in-out infinite}.resume-stamp{animation:resume-stamp-float 7s ease-in-out -2s infinite}.resume-identity:before{animation:resume-ring-pulse 4.2s ease-in-out infinite;box-shadow:0 0 30px #2ce6af14}}@keyframes resume-code-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes resume-stamp-float{0%,to{transform:translateY(0) rotate(11deg)}50%{transform:translateY(-6px) rotate(11deg)}}@keyframes resume-ring-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.resume-concept,.resume-concept *{scroll-behavior:auto;transition:none}.resume-identity-code,.resume-identity:before,.resume-stamp{animation:none}}.resume-timeline-note{font:500 11px var(--font-mono);margin-bottom:24px}.resume-timeline{grid-gap:15px;display:grid;gap:15px;list-style:none;padding-left:22px;position:relative}.resume-timeline:before{background:var(--color-border);content:"";inset:0 auto 0 0;position:absolute;width:1px}.resume-role{grid-gap:20px;align-items:center;background:linear-gradient(130deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:17px;display:grid;gap:20px;grid-template-columns:155px minmax(0,1fr) auto;overflow-wrap:anywhere;padding:27px;position:relative}.resume-role:before{background:var(--color-accent);border-radius:50%;box-shadow:0 0 0 5px var(--color-background);content:"";height:10px;left:-28px;position:absolute;top:calc(50% - 5px);width:10px}.resume-concept .resume-role-date{color:var(--color-accent);font:500 11px/1.8 var(--font-mono)}.resume-role h3{font-size:22px;letter-spacing:-.035em;line-height:1.3;margin-bottom:7px}.resume-concept .resume-role-company{font-size:13px}.resume-role-mark{color:var(--color-text-muted);font:500 18px var(--font-mono)}.resume-education-grid{grid-gap:17px;display:grid;gap:17px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.resume-degree{background:linear-gradient(140deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:22px;justify-content:space-between;min-height:287px;padding:34px}.resume-degree h3{font-size:26px;letter-spacing:-.035em;line-height:1.25;margin-top:auto}.resume-degree>p:last-child{font-size:14px}.resume-degree-aside{background:#a495fb0f;border:var(--border-subtle);border-radius:var(--radius-card);padding:28px}.resume-degree-aside>span{color:var(--color-accent-purple);display:block;font-size:64px;margin-bottom:24px}.resume-concept .resume-degree-aside .resume-eyebrow{color:var(--color-accent-purple);font-size:10px;margin-bottom:10px}.resume-degree-aside strong{font-family:var(--font-heading);font-size:20px}.resume-degree-aside>p:last-child{font-size:13px;margin-top:12px}@media (max-width:1100px){.resume-role{grid-template-columns:130px minmax(0,1fr) auto;padding:23px}}@media (max-width:620px){.resume-role{gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:22px}.resume-role-date{grid-column:1/-1}.resume-role h3{font-size:20px}.resume-education-grid{grid-template-columns:1fr}.resume-degree{min-height:250px;padding:27px}}.resume-concept .skills-container .resume-skill-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.resume-skill-card{align-items:flex-start;background:linear-gradient(145deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:var(--space-6);min-height:161px;min-width:0;padding:var(--space-6) var(--space-4);transition:var(--transition-control)}.resume-skill-card:hover{border-color:var(--color-accent)}.resume-skill-icon{background:#2ce6af14;border-radius:var(--radius-button);color:var(--color-accent);display:grid;height:48px;place-items:center;width:48px}.resume-skill-icon span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.resume-skill-icon svg{height:30px;width:30px}.resume-skill-name{color:var(--color-text);display:block;font-size:14px;font-weight:600}.resume-skill-category{color:var(--color-text-muted);display:block;font:400 10px/1.6 var(--font-mono);margin-top:var(--space-1)}@media (max-width:1100px){.resume-concept .skills-container .resume-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.resume-concept .skills-container .resume-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-skill-card{gap:var(--space-4);min-height:145px;padding:20px 15px}}@media (max-width:350px){.resume-concept .skills-container .resume-skill-grid{gap:var(--space-2)}.resume-skill-card{padding:var(--space-4) var(--space-3)}}@media (prefers-reduced-motion:reduce){.resume-skill-card{transition:none}}.resume-skill-category,.resume-skill-name{overflow-wrap:anywhere}.resume-about-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:.9fr 1.1fr}.resume-about-story{background:linear-gradient(140deg,#a495fb1f,var(--color-surface));border:var(--border-subtle);border-radius:var(--radius-card);padding:35px}.resume-about-story>span{color:var(--color-accent-purple);font:italic 70px/1 var(--font-decorative)}.resume-about-story h3{font-size:25px;letter-spacing:-.04em;line-height:1.35;margin:3px 0 18px}.resume-about-story p{font-size:14px}.resume-facts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.resume-facts>div{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:15px;min-width:0;padding:20px}.resume-facts .resume-fact-contact{grid-column:1/-1}.resume-facts dt{color:var(--color-text-muted);font:500 10px var(--font-mono);letter-spacing:.06em;margin-bottom:9px;text-transform:uppercase}.resume-facts dd{font-size:13px;font-weight:500;overflow-wrap:break-word}.resume-facts a{align-items:center;color:var(--color-text);display:inline-flex;min-height:44px}.resume-facts a:hover{color:var(--color-accent);text-decoration:underline}@media (max-width:1100px){.resume-about-grid{grid-template-columns:1fr}}@media (max-width:620px){.resume-facts{grid-template-columns:1fr}.resume-about-story{padding:28px}}.resume-concept .courses-container .resume-certificate-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.resume-certificate-card{background:linear-gradient(145deg,var(--color-surface-elevated),var(--color-surface));border:var(--border-subtle);border-radius:var(--radius-card);display:flex;flex-direction:column;min-height:242px;min-width:0;overflow-wrap:anywhere;padding:var(--space-6);transition:var(--transition-control)}.resume-certificate-card:hover{border-color:var(--color-accent)}.resume-certificate-top{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.resume-concept .resume-certificate-top .date{color:var(--color-accent);font:500 11px/1.6 var(--font-mono)}.resume-certificate-mark{border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-accent);display:grid;flex:none;font-size:20px;height:38px;place-items:center;width:38px}.resume-certificate-card .title{font-size:18px;letter-spacing:-.02em;line-height:1.45;margin:18px 0 8px}.resume-concept .resume-certificate-card .company{font-size:13px}.resume-certificate-bottom{margin-top:auto;padding-top:var(--space-4)}.resume-certificate-card .view-btn{align-items:center;background:#0000;border:0;color:var(--color-accent);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:var(--space-2);min-height:44px;transition:var(--transition-control)}.resume-certificate-card .view-btn:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:4px}.resume-certificate-unavailable{align-items:center;color:var(--color-text-muted);display:inline-flex;font:400 11px var(--font-mono);min-height:44px}.certificate-dialog .MuiBackdrop-root{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070912d9}.certificate-dialog .MuiDialog-paper{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-dialog);box-shadow:var(--shadow-elevated);color:var(--color-text);margin:var(--space-6);max-height:calc(100dvh - 48px);width:calc(100% - 48px)}.certificate-dialog-header{align-items:flex-start;border-bottom:var(--border-subtle);display:flex;flex:none;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.certificate-dialog-header>div{min-width:0}.certificate-dialog-label{color:var(--color-accent);font:500 10px/1.7 var(--font-mono);letter-spacing:.08em}.certificate-dialog-header h2{font:600 20px/1.35 var(--font-heading);margin-block:var(--space-2);overflow-wrap:anywhere}.certificate-dialog-issuer{color:var(--color-text-muted);font:400 12px/1.6 var(--font-body);overflow-wrap:anywhere}.certificate-dialog .certificate-dialog-close{background:var(--color-surface-elevated);border:var(--border-subtle);color:var(--color-text);flex:none;height:44px;width:44px}.certificate-dialog .certificate-dialog-close:hover{border-color:var(--color-accent);color:var(--color-accent)}.certificate-dialog .certificate-dialog-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.certificate-dialog .certificate-dialog-content{padding:var(--space-6)}.certificate-preview-image{border-radius:var(--radius-button);display:block;height:auto;max-height:calc(100dvh - 240px);object-fit:contain;width:100%}.certificate-preview-image[hidden]{display:none}.certificate-preview-state{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font:400 14px/1.7 var(--font-body);gap:var(--space-4);justify-content:center;min-height:180px;text-align:center}.certificate-preview-state>svg{color:var(--color-accent-purple);height:36px;width:36px}@media (max-width:1100px) and (min-width:901px),(max-width:620px){.resume-concept .courses-container .resume-certificate-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.resume-certificate-card{min-height:213px;padding:20px}.certificate-dialog .MuiDialog-paper{margin:var(--space-3);max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.certificate-dialog-header{gap:var(--space-2);padding:var(--space-4)}.certificate-dialog-header h2{font-size:18px}.certificate-dialog .certificate-dialog-content{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.resume-certificate-card,.resume-certificate-card .view-btn{transition:none}}.spinner-container{align-items:center;display:flex;justify-content:center}.spinner .dark{color:var(--background-color)}.spinner .light{color:var(--main-color)}.work-concept{color:var(--color-text)}.work-concept .work-eyebrow{color:var(--color-accent);font:500 11px/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.work-concept em{color:var(--color-accent-purple);font-family:var(--font-decorative);font-weight:400}.work-concept .work-hero{background:radial-gradient(ellipse at 80% 45%,#a495fb1f,#0000 62%),radial-gradient(ellipse at 12% 20%,#2ce6af0a,#0000 55%);isolation:isolate;overflow:hidden;padding:76px 0 84px;position:relative}.work-hero:after,.work-hero:before{aspect-ratio:1;border:1px solid #a495fb14;border-radius:50%;content:"";pointer-events:none;position:absolute;right:-120px;top:-80px;width:650px;z-index:-1}.work-hero:after{right:-10px;top:40px;width:440px}.work-concept h1{font-size:clamp(52px,6.5vw,90px);letter-spacing:-.065em;line-height:1.05;margin:25px 0 32px;max-width:1000px}.work-hero-bottom{align-items:center;display:flex;gap:32px;justify-content:space-between}.work-hero-bottom>p{color:var(--color-text-muted);line-height:1.8;max-width:530px}.work-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.work-concept .work-hero-actions a,.work-empty button{align-items:center;border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:13px;font-weight:600;gap:12px;justify-content:center;min-height:48px;padding:12px 20px;transition:var(--transition-control)}.work-concept .work-hero-actions .work-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.work-concept .work-hero-actions a:hover{border-color:var(--color-accent-purple)}.work-concept .work-index{padding:var(--space-20) 0 var(--space-24);scroll-margin-top:100px}.work-section-heading{align-items:end;display:flex;gap:32px;justify-content:space-between;margin:20px 0 32px}.work-section-heading h2{font-size:clamp(36px,4.5vw,60px);letter-spacing:-.055em;line-height:1.08}.work-section-heading>p{color:var(--color-text-muted);font-size:14px;line-height:1.8;max-width:340px}.work-tools{align-items:end;background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);display:flex;gap:20px;justify-content:space-between;padding:22px}.work-tools label{color:var(--color-text-muted);display:block;font:500 11px/1.6 var(--font-mono);margin-bottom:8px}.work-filter-group{flex:0 1 260px;min-width:0}.work-search-group{flex:0 1 420px;min-width:0}.work-concept .work-tools input,.work-concept .work-tools select{background:var(--color-background);border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-text);font-size:13px;min-height:48px;min-width:0;padding:12px;width:100%}.work-concept .work-tools select{cursor:pointer}.work-concept .work-tools select[data-active=true]{border-color:var(--color-accent);color:var(--color-accent)}.work-search-field{position:relative}.work-search-field>svg{color:var(--color-text-muted);left:14px;pointer-events:none;position:absolute;top:16px}.work-concept .work-search-field input{padding-left:40px;padding-right:48px}.work-search-field input::-webkit-search-cancel-button{display:none}.work-search-field button{background:#0000;border:0;border-radius:var(--radius-button);color:var(--color-text-muted);cursor:pointer;display:grid;height:44px;place-items:center;position:absolute;right:2px;top:2px;width:44px}.work-results{align-items:center;color:var(--color-text-muted);display:flex;font:500 11px/1.7 var(--font-mono);gap:16px;justify-content:space-between;margin:16px 0}.work-results strong{color:var(--color-accent)}.work-results button{background:#0000;border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;flex-shrink:0;font-size:12px;min-height:44px;padding:8px 12px}.work-concept .work-results button:disabled{background:#0000;opacity:.6}.work-project-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-project-card{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:border-color var(--motion-fast) ease}.work-project-card:focus-within,.work-project-card:hover{border-color:var(--color-accent)}.work-project-media{aspect-ratio:20/11;background:var(--color-surface-elevated);display:grid;place-items:center;position:relative}.work-project-media img{display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.work-project-media>p{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;gap:10px;padding:24px}.work-project-number{background:var(--color-background-deep);border:var(--border-subtle);border-radius:7px;color:var(--color-text);font:500 10px/1.5 var(--font-mono);left:16px;padding:6px 9px;position:absolute;top:16px}.work-project-body{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-wrap:anywhere;padding:26px}.work-project-body h3{font-size:27px;letter-spacing:-.035em;margin-bottom:14px}.work-project-description{color:var(--color-text-muted);font-size:14px;line-height:1.8;margin-bottom:20px}.work-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.work-project-tags li{background:var(--color-surface-elevated);border-radius:7px;color:var(--color-text-muted);font:500 10px/1.6 var(--font-mono);max-width:100%;padding:6px 9px}.work-project-actions{border-top:var(--border-subtle);display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.work-concept .work-project-actions a,.work-project-actions button{align-items:center;background:#0000;border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:12px;gap:8px;justify-content:center;min-height:44px;padding:10px 12px;transition:var(--transition-control)}.work-concept .work-project-actions a:hover,.work-project-actions button:hover{border-color:var(--color-accent);color:var(--color-accent)}.work-project-unavailable{color:var(--color-text-muted);font-size:12px}.work-data-status,.work-empty{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);color:var(--color-text-muted);padding:40px 24px}.work-data-status{align-items:center;display:flex;gap:16px}.work-empty{text-align:center}.work-empty h3{color:var(--color-text);margin-bottom:10px}.work-empty button{background:#0000;cursor:pointer;margin-top:20px}@media (max-width:900px){.work-hero-bottom,.work-section-heading{align-items:start;flex-direction:column}.work-section-heading>p{max-width:530px}}@media (max-width:620px){.work-concept .work-hero{padding:52px 0}.work-concept h1{font-size:clamp(42px,11vw,64px);margin-top:20px}.work-hero-bottom{gap:24px}.work-hero-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.work-concept .work-hero-actions a{font-size:12px;gap:6px;line-height:1.3;min-width:0;padding:12px 8px;width:100%}.work-hero-actions svg{flex-shrink:0}.work-hero-bottom>p{font-size:14px}.work-concept .work-index{padding:56px 0 64px}.work-tools{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.work-filter-group,.work-search-group{flex:auto;width:100%}.work-project-grid{gap:16px;grid-template-columns:1fr}.work-project-body{padding:22px}.work-project-body h3{font-size:25px}.work-results{align-items:start}}@media (prefers-reduced-motion:reduce){.work-concept a,.work-concept button,.work-project-card{transition:none}}.work-hero-layout{grid-gap:44px;align-items:center;display:grid;gap:44px;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.work-hero-copy{min-width:0}.work-concept .work-hero-copy h1{font-size:clamp(46px,5.2vw,76px);line-height:1.04;margin-bottom:28px}.work-hero-copy h1>span{display:block;white-space:nowrap}.work-heading-mint{color:var(--color-accent)}.work-heading-purple{color:var(--color-accent-purple)}.work-hero-copy .work-hero-bottom{align-items:start;flex-direction:column;gap:28px}.work-concept .work-showcase{border:0;isolation:isolate;min-width:0;padding:0;position:relative}.work-showcase-window{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-elevated);overflow:hidden;transform:rotate(1deg);transition:transform var(--motion-enter) var(--motion-ease)}.work-showcase:focus-within .work-showcase-window,.work-showcase:hover .work-showcase-window{transform:rotate(0)}.work-showcase:after,.work-showcase:before{animation:work-outline-mint 9s ease-in-out infinite;border:1px solid #2ce6af38;border-radius:30px;content:"";inset:14px -12px -18px 18px;pointer-events:none;position:absolute;transform:rotate(-3deg);z-index:-1}.work-showcase:after{animation:work-outline-purple 11s ease-in-out infinite;animation-delay:-3s;border:1px dashed #a495fb3b;inset:-14px 12px 18px -12px;transform:rotate(2deg)}.work-browser-bar{align-items:center;background:var(--color-surface-elevated);border-bottom:var(--border-subtle);color:var(--color-text-muted);display:flex;font:500 10px/1.6 var(--font-mono);gap:12px;justify-content:space-between;padding:16px 18px}.work-browser-bar>span:last-child{color:var(--color-accent);font-size:9px}.work-browser-dots{display:flex;flex-shrink:0;gap:6px}.work-browser-dots i{border:1px solid var(--color-text-muted);border-radius:50%;height:7px;width:7px}.work-browser-dots i:first-child{background:var(--color-accent-purple);border-color:var(--color-accent-purple)}.work-showcase-media{aspect-ratio:20/11;background:var(--color-background-deep);display:grid;min-width:0;overflow:hidden;place-items:center}.work-showcase-media img{display:block;height:100%;object-fit:contain;width:100%}.work-showcase-media p{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;gap:10px;padding:24px}.work-showcase-stage{aspect-ratio:16/10;position:relative}.work-showcase-stage>.work-showcase-media{aspect-ratio:auto;height:100%}.work-showcase-stage .work-showcase-media img{object-position:center top}.work-showcase-stage .work-showcase-media p{flex-direction:column;max-width:65%;padding:12px;text-align:center}.work-showcase-stage:after{background:linear-gradient(#0000,#070912f0);content:"";inset:45% 0 0;pointer-events:none;position:absolute}.work-showcase-info{bottom:24px;left:26px;position:absolute;right:26px;z-index:1}.work-showcase-info h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.15;margin-top:8px;overflow-wrap:anywhere}.work-showcase-info .work-eyebrow{color:var(--color-text);font-size:10px}.work-showcase-controls button{background:#0000;border:var(--border-subtle);color:var(--color-text);cursor:pointer;min-height:44px;transition:var(--transition-control)}.work-showcase-controls .work-explore{align-items:center;border:0;color:var(--color-accent);display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:8px;padding:8px 0}.work-showcase-arrows{display:flex;inset:40% 16px auto;justify-content:space-between;pointer-events:none;position:absolute;z-index:2}.work-showcase-arrows button{background:var(--color-accent);border-color:var(--color-accent);border-radius:var(--radius-button);box-shadow:0 4px 18px #0003;color:var(--color-on-accent);display:grid;place-items:center;pointer-events:auto;width:44px}.work-showcase-arrows button:hover:enabled{background:var(--color-text);border-color:var(--color-text)}.work-showcase-controls button:disabled{cursor:default;opacity:.5}.work-showcase-footer{align-items:center;border-top:var(--border-subtle);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 24px}.work-showcase-footer .work-project-tags{flex:1 1 240px;gap:6px;margin:0}.work-showcase-footer .work-project-tags li{font-size:9px;padding:4px 7px}.work-project-badge{align-items:center;animation:work-badge-float 6s ease-in-out infinite;background:var(--color-accent);border-radius:50%;box-shadow:0 12px 32px #2ce6af1f;color:var(--color-on-accent);display:flex;flex-direction:column;gap:4px;height:92px;justify-content:center;pointer-events:none;position:absolute;right:-10px;top:-26px;transform:rotate(9deg);width:92px;z-index:3}.work-project-badge strong{font:700 30px/1 var(--font-heading)}.work-project-badge span{font:600 10px var(--font-mono);letter-spacing:.08em}.work-showcase-note{bottom:-38px;color:var(--color-text-muted);font:500 9px/1.6 var(--font-mono);letter-spacing:.1em;position:absolute;right:12px}.work-showcase-placeholder{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);color:var(--color-text-muted);display:flex;flex-direction:column;font-size:14px;gap:20px;justify-content:center;min-height:260px;padding:32px}.work-showcase-placeholder span{color:var(--color-accent-purple);font:500 24px var(--font-mono)}.work-ticker{background:var(--color-surface);border-block:var(--border-subtle);overflow:hidden}.work-ticker-track{animation:work-marquee 36s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.work-ticker-group{align-items:center;display:flex;flex-shrink:0;gap:36px;padding:20px 36px 20px 0}.work-ticker-group li{align-items:center;display:flex;gap:36px;white-space:nowrap}.work-ticker-group span{color:var(--color-text-muted);font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.work-ticker-group i{color:var(--color-accent);font-size:19px;font-style:normal}.work-ticker:focus-within .work-ticker-track,.work-ticker:hover .work-ticker-track{animation-play-state:paused}@keyframes work-badge-float{0%,to{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-6px) rotate(9deg)}}@keyframes work-outline-mint{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes work-outline-purple{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(5px) rotate(2deg)}}@keyframes work-marquee{to{transform:translateX(-25%)}}.work-footer{border-top:var(--border-subtle);padding-block:25px 35px}.work-footer>div,.work-footer>div>div{align-items:center;display:flex;gap:20px;justify-content:space-between}.work-footer a,.work-footer p{color:var(--color-text-muted);font-size:12px}.work-footer a{align-items:center;display:inline-flex;min-height:44px;transition:var(--transition-control)}.work-footer a:hover{color:var(--color-accent)}@media (max-width:620px){.work-footer>div{align-items:center;flex-direction:column;gap:var(--space-3);text-align:center}.work-footer>div>div{flex-wrap:wrap;justify-content:center}}.work-dialog .MuiBackdrop-root{background:#03050cdb}.work-dialog .MuiDialog-paper{background:var(--color-surface);background-image:none;border:var(--border-subtle);border-radius:var(--radius-dialog);box-shadow:var(--shadow-elevated);color:var(--color-text);margin:24px;max-height:calc(100% - 48px);width:calc(100% - 48px)}.work-dialog-header{align-items:start;border-bottom:var(--border-subtle);display:flex;gap:16px;justify-content:space-between;padding:24px}.work-dialog .work-eyebrow{color:var(--color-accent);font:500 10px/1.6 var(--font-mono);letter-spacing:.08em;margin-bottom:8px}.work-dialog-header h2{font:600 clamp(22px,3vw,32px)/1.25 var(--font-heading);overflow-wrap:anywhere}.work-dialog-close{background:var(--color-surface-elevated);border:var(--border-subtle);border-radius:50%;color:var(--color-text);cursor:pointer;display:grid;flex-shrink:0;font-size:22px;height:44px;place-items:center;width:44px}.work-dialog-close:hover{border-color:var(--color-accent);color:var(--color-accent)}.work-dialog .work-dialog-content{padding:24px}.work-dialog .work-showcase-media{border:var(--border-subtle);border-radius:var(--radius-button)}.work-detail-description{color:var(--color-text-muted);font-size:14px;line-height:1.85;margin:24px 0;overflow-wrap:anywhere;white-space:pre-line}.work-dialog .work-project-actions a{align-items:center;border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-accent);display:inline-flex;font-size:12px;gap:8px;min-height:44px;padding:10px 12px}.work-video-frame{aspect-ratio:16/9;background:var(--color-background-deep)}.work-video-state{align-items:center;color:var(--color-text-muted);display:flex;font-size:14px;gap:16px;justify-content:center;min-height:100px;padding:20px}@media (max-width:1100px){.work-hero-layout{gap:30px}}@media (max-width:900px){.work-hero-layout{gap:48px;grid-template-columns:1fr}.work-showcase{justify-self:center;max-width:660px;width:100%}}@media (max-width:620px){.work-concept .work-hero-copy h1{font-size:clamp(38px,10.7vw,52px)}.work-hero-layout{gap:54px}.work-showcase-stage{aspect-ratio:auto}.work-showcase-stage>.work-showcase-media{aspect-ratio:4/3;height:auto}.work-showcase-info{bottom:76px;left:18px;right:18px}.work-showcase-arrows{background:var(--color-background-deep);border-top:var(--border-subtle);inset:auto;padding:8px 16px;position:relative}.work-project-badge{height:68px;right:0;top:-28px;width:68px}.work-project-badge strong{font-size:24px}.work-browser-bar>span:last-child{display:none}.work-showcase-footer{gap:8px;padding:12px 16px}.work-showcase-footer .work-project-tags{flex-basis:100%}.work-showcase-window,.work-showcase:focus-within .work-showcase-window,.work-showcase:hover .work-showcase-window{transform:none}.work-ticker-group{padding-block:16px}.work-ticker-group span{font-size:10px}.work-showcase-info{padding:18px}.work-browser-bar{gap:8px;padding:14px 78px 14px 14px}.work-dialog .MuiDialog-paper{margin:12px;max-height:calc(100% - 24px);width:calc(100% - 24px)}.work-dialog-header{gap:12px;padding:16px}.work-dialog .work-dialog-content{padding:12px}}@media (prefers-reduced-motion:reduce){.work-dialog a,.work-dialog button,.work-showcase-controls button{transition:none}.work-showcase-window,.work-showcase:focus-within .work-showcase-window,.work-showcase:hover .work-showcase-window{transform:none;transition:none}.work-project-badge,.work-showcase:after,.work-showcase:before{animation:none}.work-ticker-track{animation:none;width:auto}.work-ticker-group{flex-wrap:wrap;gap:12px 24px;justify-content:center;padding:18px;width:100%}.work-ticker-group li{gap:12px;white-space:normal}.work-ticker-group[aria-hidden=true]{display:none}}.work-showcase-footer a.work-explore{align-items:center;border:var(--border-subtle);border-radius:var(--radius-pill);color:var(--color-accent);display:inline-flex;gap:8px;justify-content:center;min-height:44px;padding:10px 16px;white-space:nowrap}.work-concept .work-tools input{border-color:color-mix(in srgb,var(--color-text-muted) 60%,var(--color-surface))}.code-panel .code-head .code-copy{align-items:center;display:inline-flex;flex-shrink:0;gap:7px;justify-content:center;min-height:44px;min-width:100px;transition:var(--transition-control);white-space:nowrap}.code-panel .code-copy svg{flex-shrink:0;height:15px;width:15px}.code-panel .code-head .code-copy.is-copied{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-accent)}.code-panel .writing-copy-status:not(.is-error){border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:no-preference){.code-panel .code-copy-check{animation:code-copy-reveal var(--motion-fast) var(--motion-ease)}}@keyframes code-copy-reveal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.code-panel .code-head .code-copy{transition:none}}.case-study{overflow-wrap:anywhere}.case-study .case-study-intro{background:radial-gradient(ellipse at 85% 25%,#a495fb1f,#0000 65%);padding:40px 0 48px}.case-study .case-study-back{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:13px;gap:10px;min-height:44px}.case-study .case-study-back:hover{color:var(--color-accent)}.case-study-intro .work-eyebrow{margin-top:32px}.case-study h1{font-size:clamp(40px,6vw,78px);margin:18px 0 24px;max-width:950px}.case-study-summary{color:var(--color-text-muted);font-size:17px;line-height:1.8;margin-bottom:24px;max-width:760px}.case-study-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:22px}.case-study-preview{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}.case-study-preview .work-showcase-media{aspect-ratio:20/11;max-height:620px}.case-study-layout{grid-gap:48px;display:grid;gap:48px;grid-template-columns:220px minmax(0,760px);justify-content:space-between;padding:64px 0}.case-study-toc{align-self:start;border-left:var(--border-subtle);padding-left:20px;position:-webkit-sticky;position:sticky;top:110px}.case-study-toc a{color:var(--color-text-muted);display:block;font-size:13px;line-height:1.5;min-height:44px;padding:12px 0}.case-study-toc a:hover{color:var(--color-accent)}.case-study-narrative{color:var(--color-text-muted);font-size:16px;grid-column:2;line-height:1.9;max-width:760px;min-width:0}.case-study-narrative h2,.case-study-narrative h3{color:var(--color-text);letter-spacing:-.04em;line-height:1.2;margin:48px 0 20px;scroll-margin-top:110px}.case-study-narrative h2{font-size:clamp(28px,3vw,38px)}.case-study-narrative h3{font-size:24px}.case-study-narrative>:first-child{margin-top:0}.case-study-narrative p{margin-bottom:22px;white-space:pre-line}.case-study-narrative strong{color:var(--color-text)}.case-study-narrative a{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.case-study-narrative ol,.case-study-narrative ul{margin:20px 0;padding-left:24px}.case-study-narrative li{margin:8px 0}.case-study-narrative figure{margin:32px 0}.case-study-narrative img{border-radius:var(--radius-button);display:block;height:auto;max-width:100%}.case-study-narrative figcaption{font-size:13px;margin-top:10px}.case-study-narrative .inline{background:var(--color-surface-elevated);border-radius:4px;color:var(--color-accent);font-family:var(--font-mono);padding:2px 5px}.case-study-narrative .code-panel{background:var(--color-background-deep);border:var(--border-subtle);border-radius:var(--radius-button);margin:28px 0;min-width:0;overflow:hidden}.case-study-narrative .code-head{align-items:center;border-bottom:var(--border-subtle);display:flex;font:11px/1.5 var(--font-mono);gap:12px;justify-content:space-between;padding:10px 16px}.case-study-narrative .code-copy{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-button);color:var(--color-accent);cursor:pointer;flex-shrink:0;min-height:44px;padding:8px 12px}.case-study-narrative pre{margin:0;overflow-x:auto;padding:22px;white-space:pre}.case-study-narrative pre code{color:var(--color-text);font:13px/1.8 var(--font-mono)}.case-study-narrative .writing-copy-status{font-size:12px;margin:0;padding:0 16px}.case-study-narrative .callout{background:#2ce6af0f;border-left:3px solid var(--color-accent);border-radius:0 12px 12px 0;margin:28px 0;padding:20px 24px}.case-study-end{align-items:center;border-top:var(--border-subtle);display:flex;gap:24px;justify-content:space-between;padding:32px 0 60px}.case-study-end .case-study-actions{margin:0}@media (max-width:1024px){.case-study-layout{gap:32px;grid-template-columns:180px minmax(0,1fr)}}@media (max-width:768px){.case-study-layout{display:block;padding:40px 0}.case-study-toc{margin-bottom:40px;position:static}.case-study-narrative{max-width:none}.case-study-end{align-items:flex-start;flex-direction:column}}@media (max-width:400px){.case-study .case-study-intro{padding:24px 0 32px}.case-study-narrative,.case-study-summary{font-size:15px}.case-study-narrative .code-head{padding:8px}}@media (prefers-reduced-motion:reduce){.case-study a,.case-study button{transition:none}}.writing-concept,.writing-reader{--bg:var(--color-background);--deep:var(--color-background-deep);--surface:var(--color-surface);--surface2:var(--color-surface-elevated);--text:var(--color-text);--muted:var(--color-text-muted);--muted2:#828ba2;--stroke:var(--color-border);--accent:var(--color-accent);--purple:var(--color-accent-purple);--sans:var(--font-body);--mono:var(--font-mono);--shadow:var(--shadow-elevated);color:var(--text);font-family:var(--sans)}:is(.writing-concept,.writing-reader) .hero{background:radial-gradient(ellipse at 81% 36%,#6745b230,#0000 39%);isolation:isolate;overflow:hidden;padding:91px 0 95px;position:relative}:is(.writing-concept,.writing-reader) .hero:before{background-image:linear-gradient(90deg,rgba(136,149,185,.055) 1px,#0000 0),linear-gradient(180deg,rgba(136,149,185,.055) 1px,#0000 0);background-size:92px 92px;content:"";inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%);mask-image:linear-gradient(90deg,#0000,#000 65%);position:absolute;z-index:-1}:is(.writing-concept,.writing-reader) .hero:after{background:radial-gradient(circle,#2ce6af12,#0000 65%);border-radius:50%;content:"";height:600px;inset:auto -170px -280px auto;pointer-events:none;position:absolute;width:600px;z-index:-1}:is(.writing-concept,.writing-reader) .hero-grid{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1.05fr .95fr}:is(.writing-concept,.writing-reader) .eyebrow{align-items:center;color:var(--accent);display:flex;font:700 11px var(--mono);gap:12px;letter-spacing:.13em;margin:0 0 28px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .eyebrow:before{background:var(--accent);content:"";height:1px;width:29px}:is(.writing-concept,.writing-reader) h1,:is(.writing-concept,.writing-reader) h2,:is(.writing-concept,.writing-reader) h3,:is(.writing-concept,.writing-reader) p{margin-top:0}:is(.writing-concept,.writing-reader) .hero h1{font-size:clamp(60px,6.55vw,97px);font-weight:850;letter-spacing:-.085em;line-height:.99;margin-bottom:29px;max-width:800px}:is(.writing-concept,.writing-reader) .hero h1 .line{display:block}:is(.writing-concept,.writing-reader) .hero h1 em{color:var(--purple);font-family:Georgia,serif;font-weight:400;letter-spacing:-.085em}:is(.writing-concept,.writing-reader) .hero .subtitle{color:#b5bed0;font-size:17px;line-height:1.78;margin-bottom:29px;max-width:510px}:is(.writing-concept,.writing-reader) .hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}:is(.writing-concept,.writing-reader) .btn{align-items:center;border-radius:11px;display:inline-flex;font-size:13px;font-weight:850;gap:10px;justify-content:center;min-height:49px;padding:12px 20px;transition:transform .2s,border-color .2s,background .2s}:is(.writing-concept,.writing-reader) .btn:hover{transform:translateY(-2px)}:is(.writing-concept,.writing-reader) .btn-primary{background:var(--accent);border:1px solid var(--accent);box-shadow:0 14px 35px #2ce6af1f;color:#071511}:is(.writing-concept,.writing-reader) .btn-outline{background:#0000;border:1px solid #c0cfe642;color:var(--text)}:is(.writing-concept,.writing-reader) .btn-outline:hover{background:#a495fb14;border-color:var(--purple)}:is(.writing-concept,.writing-reader) .hero-meta{color:#9faabd;display:flex;flex-wrap:wrap;font:600 10px var(--mono);gap:24px;letter-spacing:.045em;margin-top:40px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .hero-meta span{align-items:center;display:flex;gap:8px}:is(.writing-concept,.writing-reader) .hero-meta i{background:var(--accent);border-radius:50%;height:6px;width:6px}:is(.writing-concept,.writing-reader) .hero-visual{display:grid;height:480px;min-width:0;place-items:center;position:relative}:is(.writing-concept,.writing-reader) .hero-rings{border:1px solid #a495fb3b;border-radius:44%;inset:17px 30px 15px;pointer-events:none;position:absolute;transform:rotate(-16deg)}:is(.writing-concept,.writing-reader) .hero-rings:after{border:1px dashed #2ce6af33;border-radius:43%;content:"";inset:40px 28px;position:absolute;transform:rotate(29deg)}:is(.writing-concept,.writing-reader) .terminal{animation:writing-float 8s ease-in-out infinite;background:#101723;border:1px solid #afbfdc38;border-radius:19px;box-shadow:0 40px 110px #0000006b;overflow:hidden;position:relative;transform:rotate(2deg);width:min(100%,495px)}:is(.writing-concept,.writing-reader) .terminal-top{align-items:center;background:#151b2b;border-bottom:1px solid #afbfdc1f;display:flex;gap:7px;height:44px;padding:0 18px}:is(.writing-concept,.writing-reader) .terminal-top .dot{background:#5c667b;border-radius:50%;height:9px;width:9px}:is(.writing-concept,.writing-reader) .terminal-top .dot:first-child{background:#d97581}:is(.writing-concept,.writing-reader) .terminal-top .dot:nth-child(2){background:#e4bb79}:is(.writing-concept,.writing-reader) .terminal-top .dot:nth-child(3){background:#7fbd9c}:is(.writing-concept,.writing-reader) .terminal-top span:last-child{color:#788498;font:10px var(--mono);margin-left:auto}:is(.writing-concept,.writing-reader) .terminal-body{color:#b6c6d8;font:13px/2.02 var(--mono);min-height:318px;padding:29px 30px 30px}:is(.writing-concept,.writing-reader) .terminal-body .prompt{color:var(--accent)}:is(.writing-concept,.writing-reader) .terminal-body .purple{color:var(--purple)}:is(.writing-concept,.writing-reader) .terminal-body .blue{color:#9ccaff}:is(.writing-concept,.writing-reader) .terminal-body .faint{color:#697e97}:is(.writing-concept,.writing-reader) .terminal-body .line-n{color:#556780;display:inline-block;min-width:26px}:is(.writing-concept,.writing-reader) .terminal-result{align-items:center;background:rgba(44,230,175,.065);border:1px solid #2ce6af3d;border-radius:10px;color:#cae9df;display:flex;font:11px/1.6 var(--mono);gap:9px;margin-top:19px;padding:10px 14px}:is(.writing-concept,.writing-reader) .terminal-result span{color:var(--accent)}:is(.writing-concept,.writing-reader) .floating-label{background:#212334;border:1px solid #a495fb4d;border-radius:12px;box-shadow:0 20px 45px #00000040;color:#e5defe;font:700 10px var(--mono);letter-spacing:.055em;padding:11px 15px;position:absolute;text-transform:uppercase;transform:rotate(-6deg)}:is(.writing-concept,.writing-reader) .floating-label.top{right:-8px;top:43px}:is(.writing-concept,.writing-reader) .floating-label.bottom{border-color:#2ce6af4d;bottom:32px;color:var(--accent);left:-18px;transform:rotate(5deg)}:is(.writing-concept,.writing-reader) .stats{background:#0e121d;border-bottom:1px solid var(--stroke);border-top:1px solid var(--stroke)}:is(.writing-concept,.writing-reader) .stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}:is(.writing-concept,.writing-reader) .stat{align-items:center;display:flex;gap:14px;justify-content:center;padding:22px 0}:is(.writing-concept,.writing-reader) .stat:not(:last-child){border-right:1px solid var(--stroke)}:is(.writing-concept,.writing-reader) .stat strong{font-size:22px;letter-spacing:-.05em}:is(.writing-concept,.writing-reader) .stat span{color:var(--muted);font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase}:is(.writing-concept,.writing-reader) .archive{padding:104px 0 105px}:is(.writing-concept,.writing-reader) .section-label{align-items:center;color:var(--accent);display:flex;font:700 10px var(--mono);gap:11px;letter-spacing:.16em;margin-bottom:18px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .section-label:before{background:var(--accent);content:"";height:1px;width:24px}:is(.writing-concept,.writing-reader) .heading-row{align-items:end;display:flex;gap:30px;justify-content:space-between;margin-bottom:38px}:is(.writing-concept,.writing-reader) .heading-row h2{font-size:clamp(40px,4.6vw,66px);letter-spacing:-.07em;line-height:1.06;margin:0 0 11px}:is(.writing-concept,.writing-reader) .heading-row h2 em{color:var(--purple);font:italic 400 1em Georgia,serif}:is(.writing-concept,.writing-reader) .heading-row p{color:var(--muted);margin:0;max-width:590px}:is(.writing-concept,.writing-reader) .corner-detail{color:var(--color-text-muted);font:10px/1.6 var(--mono);letter-spacing:.12em;text-align:right;text-transform:uppercase;white-space:nowrap}:is(.writing-concept,.writing-reader) .archive-shell{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:256px minmax(0,1fr)}:is(.writing-concept,.writing-reader) .filter-panel{background:#101521;border:1px solid var(--stroke);border-radius:17px;padding:23px;position:-webkit-sticky;position:sticky;top:20px}:is(.writing-concept,.writing-reader) .filter-panel .filter-title{align-items:center;color:#e5e9ef;display:flex;font:800 11px var(--mono);justify-content:space-between;letter-spacing:.12em;margin:0 0 20px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .filter-panel .filter-title span{color:var(--accent)}:is(.writing-concept,.writing-reader) .search-box{align-items:center;background:#0a0e18;border:1px solid #b8c9e638;border-radius:12px;display:flex;gap:9px;padding:0 14px;transition:border-color .2s,box-shadow .2s}:is(.writing-concept,.writing-reader) .search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2ce6af29}:is(.writing-concept,.writing-reader) .search-box svg{color:#8592a8;flex:none;height:17px;width:17px}.writing-concept .filter-panel .search-box input{background:none;border:0;color:var(--text);font-size:16px;height:40px;min-width:0;outline:0;width:100%}.app .writing-concept .search-box input:focus-visible{outline:none!important}:is(.writing-concept,.writing-reader) .search-box input::placeholder{color:#8591a5}:is(.writing-concept,.writing-reader) .filter-divider{border:0;border-top:1px solid var(--stroke);margin:25px 0 22px}:is(.writing-concept,.writing-reader) .filter-caption{color:#8d98ab;display:block;font:800 10px var(--mono);letter-spacing:.1em;margin-bottom:13px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .topic-list{display:flex;flex-wrap:wrap;gap:8px}.writing-concept .topic-list .topic{background:hsla(0,0%,100%,.015);border:1px solid #c0cfe62b;border-radius:12px;color:var(--muted);font:600 12px var(--sans);line-height:1.4;max-width:100%;min-height:35px;overflow-wrap:anywhere;padding:10px 14px;transition:border-color .2s,background .2s,color .2s}.writing-concept .topic-list .topic:hover{border-color:var(--purple);color:#fff}.writing-concept .topic-list .topic[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--color-on-accent)}:is(.writing-concept,.writing-reader) .filter-help{color:var(--muted2);font-size:12px;line-height:1.7;margin:23px 0 0}.writing-concept .filter-panel .clear-btn{align-items:center;background:#0000;border:1px solid var(--stroke);border-radius:12px;color:var(--muted);display:flex;font:600 12px var(--sans);justify-content:center;margin-top:18px;min-height:44px;padding:10px 14px;text-decoration:none;transition:border-color .2s,background .2s,color .2s;width:100%}.writing-concept .filter-panel .clear-btn:hover{background:#a495fb14;border-color:var(--purple);color:var(--text)}:is(.writing-concept,.writing-reader) .archive-main{min-width:0}:is(.writing-concept,.writing-reader) .toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:20px}:is(.writing-concept,.writing-reader) .view-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:6px}:is(.writing-concept,.writing-reader) .tab{background:#0000;border:1px solid #0000;border-radius:9px;color:#98a5b9;font-size:12px;font-weight:800;padding:10px 14px}:is(.writing-concept,.writing-reader) .tab:hover{background:#191f30;color:#f2f4f7}:is(.writing-concept,.writing-reader) .tab[aria-pressed=true]{background:#1a2030;border-color:var(--stroke);color:var(--text)}:is(.writing-concept,.writing-reader) .tab .tab-count{color:var(--accent);font:700 10px var(--mono);margin-left:7px}:is(.writing-concept,.writing-reader) .toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:13px;min-width:0}:is(.writing-concept,.writing-reader) .results{color:#91a0b3;font:11px var(--mono);white-space:nowrap}:is(.writing-concept,.writing-reader) .sort-label{align-items:center;color:var(--muted);display:inline-flex;font:11px var(--mono);gap:8px;min-width:0}.writing-concept .sort-label .sort-select{-webkit-appearance:none;appearance:none;background:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23A7B0C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid var(--stroke);border-radius:12px;color:var(--text);cursor:pointer;font:500 13px var(--sans);max-width:100%;min-height:44px;min-width:0;padding:10px 40px 10px 14px;transition:border-color .2s,background-color .2s;width:210px}.writing-concept .sort-label .sort-select:hover{background-color:var(--surface2);border-color:var(--purple)}.writing-concept .sort-select option{background:var(--surface);color:var(--text)}:is(.writing-concept,.writing-reader) .entry-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}:is(.writing-concept,.writing-reader) .entry-card{background:#111622;border:1px solid var(--stroke);border-radius:17px;display:flex;flex-direction:column;min-height:392px;min-width:0;overflow:hidden;position:relative;transition:transform .23s,border-color .23s,box-shadow .23s}:is(.writing-concept,.writing-reader) .entry-card:hover{border-color:#2ce6af6b;box-shadow:0 29px 70px #00000040;transform:translateY(-5px)}:is(.writing-concept,.writing-reader) .entry-card.featured{display:grid;grid-column:1/-1;grid-template-columns:1.1fr .9fr;min-height:343px}:is(.writing-concept,.writing-reader) .entry-media{align-items:center;background:radial-gradient(ellipse at 70% 30%,#a495fb38,#0000 64%),linear-gradient(145deg,#1b2335,#111626);border-bottom:1px solid var(--stroke);display:flex;justify-content:center;min-height:154px;overflow:hidden;position:relative}:is(.writing-concept,.writing-reader) .entry-card.featured .entry-media{border-bottom:0;border-left:1px solid var(--stroke);grid-column:2;grid-row:1;height:100%}:is(.writing-concept,.writing-reader) .entry-media:before{background-image:linear-gradient(90deg,#a0bedc0d 1px,#0000 0),linear-gradient(180deg,#a0bedc0d 1px,#0000 0);background-size:28px 28px;content:"";inset:0;position:absolute}:is(.writing-concept,.writing-reader) .entry-media .media-text{color:#d3caff;font:800 clamp(32px,4vw,51px) var(--mono);letter-spacing:-.08em;position:relative;text-shadow:0 10px 20px #0000004d;transform:rotate(-5deg)}:is(.writing-concept,.writing-reader) .entry-media.react .media-text{color:var(--accent)}:is(.writing-concept,.writing-reader) .entry-media.accessibility{background:radial-gradient(ellipse at 30% 20%,#2ce6af2b,#0000 65%),linear-gradient(145deg,#1c2933,#0c1721)}:is(.writing-concept,.writing-reader) .entry-media.accessibility .media-text{color:#b8f1dd}:is(.writing-concept,.writing-reader) .entry-media.cms .media-text{color:#d1c6ff}:is(.writing-concept,.writing-reader) .entry-media.css{background:radial-gradient(ellipse at 70% 20%,#81baff33,#0000 67%),linear-gradient(145deg,#151c30,#111626)}:is(.writing-concept,.writing-reader) .entry-media.css .media-text{color:#9cc9ff}:is(.writing-concept,.writing-reader) .media-figure{border:1px solid #ffffff1a;border-radius:13px;height:60px;inset:auto 10% 22px auto;position:absolute;transform:rotate(17deg);width:60px}:is(.writing-concept,.writing-reader) .media-figure:after{border:1px solid #fff3;border-radius:50%;content:"";inset:13px;position:absolute}:is(.writing-concept,.writing-reader) .entry-media .tiny-label{color:#8493b4;font:700 9px var(--mono);left:17px;letter-spacing:.12em;position:absolute;top:17px}:is(.writing-concept,.writing-reader) .entry-body{display:flex;flex:1 1;flex-direction:column;padding:23px;position:relative}:is(.writing-concept,.writing-reader) .entry-card.featured .entry-body{grid-column:1;grid-row:1;padding:31px 30px}:is(.writing-concept,.writing-reader) .entry-meta{align-items:center;color:#99a7b9;display:flex;flex-wrap:wrap;font:700 10px var(--mono);gap:10px;letter-spacing:.035em;margin-bottom:18px}:is(.writing-concept,.writing-reader) .kind{color:var(--accent)}:is(.writing-concept,.writing-reader) .entry-card.note .kind{color:var(--purple)}:is(.writing-concept,.writing-reader) .meta-separator{background:#56637a;border-radius:50%;height:4px;width:4px}:is(.writing-concept,.writing-reader) .entry-body h3{font-size:clamp(22px,2.15vw,29px);letter-spacing:-.055em;line-height:1.2;margin:0 0 12px;max-width:580px}:is(.writing-concept,.writing-reader) .entry-card.featured h3{font-size:clamp(29px,3.25vw,42px)}:is(.writing-concept,.writing-reader) .entry-desc{color:#b0baca;font-size:13px;line-height:1.75;margin:0 0 20px}:is(.writing-concept,.writing-reader) .tags{display:flex;flex-wrap:wrap;gap:7px}:is(.writing-concept,.writing-reader) .tag{background:rgba(164,149,251,.105);border:1px solid #a495fb21;border-radius:6px;color:#b0afdc;font:700 10px var(--mono);padding:5px 8px}:is(.writing-concept,.writing-reader) .entry-bottom{align-items:end;display:flex;gap:12px;justify-content:space-between;margin-top:auto;padding-top:18px}:is(.writing-concept,.writing-reader) .read-link{align-items:center;background:none;border:0;color:var(--text);display:flex;font-size:12px;font-weight:850;gap:9px;padding:5px 0}:is(.writing-concept,.writing-reader) .read-link span{color:var(--accent);font-size:19px;transition:transform .2s}:is(.writing-concept,.writing-reader) .read-link:hover span{transform:translateX(4px)}:is(.writing-concept,.writing-reader) .empty{background:rgba(164,149,251,.035);border:1px dashed #a495fb47;border-radius:16px;grid-column:1/-1;padding:65px 20px;text-align:center}:is(.writing-concept,.writing-reader) .empty .symbol{color:var(--purple);font-size:35px}:is(.writing-concept,.writing-reader) .empty h3{font-size:24px;margin:12px 0 5px}:is(.writing-concept,.writing-reader) .empty p{color:var(--muted);font-size:14px}:is(.writing-concept,.writing-reader) .empty button{background:none;border:1px solid #a495fb73;border-radius:8px;color:#e6defe;font-weight:700;margin-top:16px;padding:9px 15px}:is(.writing-concept,.writing-reader) .value-section{background:linear-gradient(180deg,#0e121e,#0a0c15);border-top:1px solid var(--stroke);overflow:hidden;padding:85px 0 100px;position:relative}:is(.writing-concept,.writing-reader) .value-grid{grid-gap:75px;align-items:center;display:grid;gap:75px;grid-template-columns:1fr 1fr}:is(.writing-concept,.writing-reader) .value-section h2{font-size:clamp(37px,4vw,59px);letter-spacing:-.068em;line-height:1.1;margin-bottom:19px}:is(.writing-concept,.writing-reader) .value-section h2 em{color:var(--accent);font:italic 400 1em Georgia,serif}:is(.writing-concept,.writing-reader) .value-section p{color:#aeb8ca;line-height:1.85;max-width:510px}:is(.writing-concept,.writing-reader) .value-points{grid-gap:12px;display:grid;gap:12px}:is(.writing-concept,.writing-reader) .value-point{align-items:flex-start;background:#151a28;border:1px solid var(--stroke);border-radius:13px;display:flex;gap:17px;padding:19px}:is(.writing-concept,.writing-reader) .value-point .num{color:var(--accent);font:800 11px var(--mono);padding-top:3px}:is(.writing-concept,.writing-reader) .value-point h3{font-size:14px;margin-bottom:4px}:is(.writing-concept,.writing-reader) .value-point p{font-size:12px;line-height:1.6;margin:0}:is(.writing-concept,.writing-reader) .footer{background:#080a12;border-top:1px solid var(--stroke);padding:28px 0 34px}:is(.writing-concept,.writing-reader) .footer-inner{align-items:center;color:#8993a8;display:flex;font-size:12px;gap:20px;justify-content:space-between}:is(.writing-concept,.writing-reader) .footer strong{color:#e3e8f0}:is(.writing-concept,.writing-reader) .footer a{color:var(--accent);font-weight:700}:is(.writing-concept,.writing-reader) .footer a:hover{text-decoration:underline}:is(.writing-concept,.writing-reader) .reader-dialog{background:#0e1320;border:1px solid #a495fb5e;border-radius:19px;box-shadow:0 45px 130px #000000b3;color:var(--text);height:min(91dvh,900px);inset:0;margin:auto;max-height:91dvh;max-width:none;overflow:hidden;padding:0;position:fixed;width:min(1090px,calc(100% - 44px))}:is(.writing-concept,.writing-reader) .reader-progress{background:#202638;flex:none;height:3px}:is(.writing-concept,.writing-reader) .reader-progress span{background:linear-gradient(90deg,var(--purple),var(--accent));display:block;height:100%;width:0}:is(.writing-concept,.writing-reader) .reader-topbar{align-items:center;border-bottom:1px solid var(--stroke);display:flex;flex:none;gap:12px;justify-content:space-between;padding:15px 23px}:is(.writing-concept,.writing-reader) .reader-topbar .reader-name{color:#a8b6ca;font:800 11px var(--mono);letter-spacing:.095em;text-transform:uppercase}:is(.writing-concept,.writing-reader) .reader-topbar .reader-name b{color:var(--accent)}:is(.writing-concept,.writing-reader) .reader-actions{align-items:center;display:flex;gap:9px}:is(.writing-concept,.writing-reader) .reader-icon{background:#1a2130;border:1px solid var(--stroke);border-radius:9px;color:var(--text);font-size:11px;font-weight:800;min-height:37px;padding:8px 12px}:is(.writing-concept,.writing-reader) .reader-icon:hover{border-color:var(--accent)}:is(.writing-concept,.writing-reader) .reader-close{font-size:23px;padding:0;width:37px}:is(.writing-concept,.writing-reader) .reader-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}:is(.writing-concept,.writing-reader) .reader-layout{grid-gap:55px;display:grid;gap:55px;grid-template-columns:minmax(0,1fr) 205px;padding:48px 55px 80px}:is(.writing-concept,.writing-reader) .reader-content{min-width:0}:is(.writing-concept,.writing-reader) .reader-kicker{color:var(--accent);font:700 11px var(--mono);letter-spacing:.08em;margin-bottom:22px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .reader-content h2{font-size:clamp(38px,4.1vw,59px);letter-spacing:-.07em;line-height:1.09;margin-bottom:20px}:is(.writing-concept,.writing-reader) .reader-lead{color:#b8c4d4;font-size:18px;line-height:1.75;margin-bottom:24px}:is(.writing-concept,.writing-reader) .reader-metadata{color:#a2aec2;display:flex;flex-wrap:wrap;font:10px var(--mono);gap:15px;margin-bottom:27px}:is(.writing-concept,.writing-reader) .reader-content hr{border:0;border-top:1px solid var(--stroke);margin:34px 0}:is(.writing-concept,.writing-reader) .reader-content section{margin-top:34px;scroll-margin-top:24px}:is(.writing-concept,.writing-reader) .reader-content section h3{font-size:25px;letter-spacing:-.035em;margin:0 0 15px}:is(.writing-concept,.writing-reader) .reader-content section li,:is(.writing-concept,.writing-reader) .reader-content section p{color:#c3cedc;font-size:15px;line-height:1.93}:is(.writing-concept,.writing-reader) .reader-content section ul{padding-left:20px}:is(.writing-concept,.writing-reader) .reader-content strong{color:var(--text)}:is(.writing-concept,.writing-reader) .reader-content code.inline{background:#2ce6af14;border-radius:4px;color:#b1f6dd;font:13px var(--mono);padding:1px 4px}:is(.writing-concept,.writing-reader) .code-panel{background:#090e18;border:1px solid #2d3649;border-radius:13px;margin:22px 0;overflow:hidden}:is(.writing-concept,.writing-reader) .code-head{align-items:center;border-bottom:1px solid #283043;color:#8998ad;display:flex;font:10px var(--mono);gap:10px;justify-content:space-between;padding:10px 14px}:is(.writing-concept,.writing-reader) .code-copy{background:#2ce6af14;border:1px solid #2ce6af4d;border-radius:7px;color:var(--accent);font:800 10px var(--mono);padding:6px 10px}:is(.writing-concept,.writing-reader) .code-panel pre{margin:0;overflow-x:auto;padding:20px 18px;tab-size:2;white-space:pre}:is(.writing-concept,.writing-reader) .code-panel code{color:#d5d9e8;font:12px/1.85 var(--mono)}:is(.writing-concept,.writing-reader) .callout{background:#2ce6af0f;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:#d3e7df;font-size:14px;line-height:1.8;margin-top:25px;padding:18px 22px}:is(.writing-concept,.writing-reader) .reader-toc{align-self:start;border-left:1px solid var(--stroke);padding-left:19px;position:-webkit-sticky;position:sticky;top:20px}:is(.writing-concept,.writing-reader) .reader-toc h3{color:#9cabc0;font:800 10px var(--mono);letter-spacing:.14em;margin:0 0 17px;text-transform:uppercase}:is(.writing-concept,.writing-reader) .reader-toc a{color:#aab7c9;display:block;font-size:12px;line-height:1.5;padding:8px 2px}:is(.writing-concept,.writing-reader) .reader-toc a:focus-visible,:is(.writing-concept,.writing-reader) .reader-toc a:hover{color:var(--accent)}:is(.writing-concept,.writing-reader) .reader-toc .toc-note{color:var(--color-text-muted);font:10px/1.8 var(--mono);margin-top:22px}@keyframes writing-float{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-12px)}}@media(max-width:1080px){:is(.writing-concept,.writing-reader) .container{width:min(100% - 54px,1230px)}:is(.writing-concept,.writing-reader) .nav-links{gap:20px}:is(.writing-concept,.writing-reader) .hero{padding:72px 0}:is(.writing-concept,.writing-reader) .hero-grid{gap:14px}:is(.writing-concept,.writing-reader) .hero h1{font-size:clamp(58px,6.9vw,82px)}:is(.writing-concept,.writing-reader) .hero-visual{height:415px}:is(.writing-concept,.writing-reader) .terminal-body{font-size:11px;min-height:292px;padding:24px 22px}:is(.writing-concept,.writing-reader) .floating-label.top{right:-3px}:is(.writing-concept,.writing-reader) .archive-shell{gap:20px;grid-template-columns:220px minmax(0,1fr)}:is(.writing-concept,.writing-reader) .filter-panel{padding:18px}:is(.writing-concept,.writing-reader) .entry-card.featured .entry-body{padding:25px}:is(.writing-concept,.writing-reader) .reader-layout{gap:30px;padding:40px 37px 70px}}@media(max-width:830px){:is(.writing-concept,.writing-reader) .nav-links{display:none}:is(.writing-concept,.writing-reader) .mobile-toggle{display:block}:is(.writing-concept,.writing-reader) .nav-utilities{margin-left:auto}:is(.writing-concept,.writing-reader) .brand-sub{display:none}:is(.writing-concept,.writing-reader) .mobile-panel{background:#0e121e;border-top:1px solid var(--stroke);display:none}:is(.writing-concept,.writing-reader) .mobile-panel.open{display:block}:is(.writing-concept,.writing-reader) .mobile-panel a{border-bottom:1px solid var(--stroke);display:block;font-size:14px;font-weight:800;padding:13px 0}:is(.writing-concept,.writing-reader) .mobile-panel a:last-child{border-bottom:0}:is(.writing-concept,.writing-reader) .hero-grid{grid-template-columns:1fr}:is(.writing-concept,.writing-reader) .hero{padding:65px 0 68px}:is(.writing-concept,.writing-reader) .hero h1{font-size:clamp(62px,9vw,85px);max-width:700px}:is(.writing-concept,.writing-reader) .hero .subtitle{max-width:670px}:is(.writing-concept,.writing-reader) .hero-visual{height:412px;margin:auto;max-width:620px;width:100%}:is(.writing-concept,.writing-reader) .terminal{width:min(100%,510px)}:is(.writing-concept,.writing-reader) .archive-shell{gap:21px;grid-template-columns:1fr}:is(.writing-concept,.writing-reader) .filter-panel{grid-column-gap:18px;align-items:start;column-gap:18px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr);position:static}:is(.writing-concept,.writing-reader) .clear-btn,:is(.writing-concept,.writing-reader) .filter-divider,:is(.writing-concept,.writing-reader) .filter-help,:is(.writing-concept,.writing-reader) .filter-title{grid-column:1/-1}:is(.writing-concept,.writing-reader) .filter-panel .filter-title{margin-bottom:13px}:is(.writing-concept,.writing-reader) .filter-panel .filter-divider{display:none}:is(.writing-concept,.writing-reader) .filter-panel .filter-caption{margin-bottom:8px}:is(.writing-concept,.writing-reader) .filter-panel .filter-help{margin-top:15px}:is(.writing-concept,.writing-reader) .filter-panel .clear-btn{justify-self:start}:is(.writing-concept,.writing-reader) .entry-card.featured .entry-media{min-height:300px}:is(.writing-concept,.writing-reader) .value-grid{gap:30px}:is(.writing-concept,.writing-reader) .reader-layout{gap:20px;grid-template-columns:1fr}:is(.writing-concept,.writing-reader) .reader-toc{border-bottom:1px solid var(--stroke);border-left:0;grid-row:1;padding:0 0 14px;position:static}:is(.writing-concept,.writing-reader) .reader-toc a{display:inline-block;margin-right:12px}:is(.writing-concept,.writing-reader) .reader-toc .toc-note{display:none}}@media(max-width:600px){:is(.writing-concept,.writing-reader) .container{width:calc(100% - 36px)}:is(.writing-concept,.writing-reader) .nav{gap:12px;min-height:68px}:is(.writing-concept,.writing-reader) .brand{font-size:21px}:is(.writing-concept,.writing-reader) .brand-mark{font-size:17px;height:31px;width:31px}:is(.writing-concept,.writing-reader) .saved-nav{padding:8px 10px}:is(.writing-concept,.writing-reader) .hero{padding:52px 0 55px}:is(.writing-concept,.writing-reader) .eyebrow{font-size:9px;gap:8px;margin-bottom:20px}:is(.writing-concept,.writing-reader) .hero h1{font-size:clamp(52px,13vw,71px);margin-bottom:22px}:is(.writing-concept,.writing-reader) .hero .subtitle{font-size:15px}:is(.writing-concept,.writing-reader) .hero-actions{gap:9px}:is(.writing-concept,.writing-reader) .btn{font-size:12px;min-height:45px;padding:10px 15px}:is(.writing-concept,.writing-reader) .hero-meta{font-size:9px;gap:13px;margin-top:28px}:is(.writing-concept,.writing-reader) .hero-visual{height:336px;margin-top:18px}:is(.writing-concept,.writing-reader) .terminal{animation:none;transform:none;width:calc(100% - 18px)}:is(.writing-concept,.writing-reader) .terminal-body{font-size:9.5px;line-height:2.05;min-height:250px;padding:18px}:is(.writing-concept,.writing-reader) .terminal-top{height:36px}:is(.writing-concept,.writing-reader) .floating-label{font-size:8px;padding:9px}:is(.writing-concept,.writing-reader) .floating-label.top{right:0;top:0}:is(.writing-concept,.writing-reader) .floating-label.bottom{bottom:-1px;left:0}:is(.writing-concept,.writing-reader) .stats-grid{gap:8px}:is(.writing-concept,.writing-reader) .stat{display:block;padding:16px 0}:is(.writing-concept,.writing-reader) .stat strong{display:block;font-size:20px}:is(.writing-concept,.writing-reader) .stat span{font-size:8px}:is(.writing-concept,.writing-reader) .archive{padding:73px 0 82px}:is(.writing-concept,.writing-reader) .heading-row{align-items:start;flex-direction:column;gap:10px;margin-bottom:25px}:is(.writing-concept,.writing-reader) .heading-row h2{font-size:43px}:is(.writing-concept,.writing-reader) .corner-detail{text-align:left}:is(.writing-concept,.writing-reader) .filter-panel{grid-template-columns:1fr}:is(.writing-concept,.writing-reader) .filter-panel .filter-title{margin-bottom:16px}:is(.writing-concept,.writing-reader) .filter-panel .filter-caption{margin-top:20px}:is(.writing-concept,.writing-reader) .filter-panel .filter-help{margin-top:16px}:is(.writing-concept,.writing-reader) .toolbar{align-items:start;gap:10px}:is(.writing-concept,.writing-reader) .tab{padding:9px 11px}:is(.writing-concept,.writing-reader) .toolbar-right{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;width:100%}.writing-concept .sort-label{grid-gap:12px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr)}.writing-concept .sort-label .sort-select{width:100%}:is(.writing-concept,.writing-reader) .entry-grid{grid-template-columns:1fr}:is(.writing-concept,.writing-reader) .entry-card{min-height:370px}:is(.writing-concept,.writing-reader) .entry-card.featured{display:flex;min-height:0}:is(.writing-concept,.writing-reader) .entry-card.featured .entry-media{border:0;border-bottom:1px solid var(--stroke);height:175px;min-height:175px;order:0}:is(.writing-concept,.writing-reader) .entry-card.featured .entry-body{order:1;padding:23px}:is(.writing-concept,.writing-reader) .entry-card.featured h3{font-size:28px}:is(.writing-concept,.writing-reader) .entry-media{min-height:142px}:is(.writing-concept,.writing-reader) .entry-card{min-height:0}:is(.writing-concept,.writing-reader) .entry-body h3{font-size:25px}:is(.writing-concept,.writing-reader) .entry-bottom{padding-top:16px}:is(.writing-concept,.writing-reader) .value-section{padding:70px 0}:is(.writing-concept,.writing-reader) .value-grid{grid-template-columns:1fr}:is(.writing-concept,.writing-reader) .value-section h2{font-size:43px}:is(.writing-concept,.writing-reader) .footer-inner{align-items:center;flex-direction:column;text-align:center}:is(.writing-concept,.writing-reader) .reader-dialog{border:0;border-radius:0;height:100dvh;max-height:none;width:100%}:is(.writing-concept,.writing-reader) .reader-topbar{padding:12px 14px}:is(.writing-concept,.writing-reader) .reader-topbar .reader-name{font-size:9px}:is(.writing-concept,.writing-reader) .reader-actions{gap:5px}:is(.writing-concept,.writing-reader) .reader-icon{padding:7px 9px}:is(.writing-concept,.writing-reader) .reader-layout{padding:27px 21px 70px}:is(.writing-concept,.writing-reader) .reader-content h2{font-size:38px}:is(.writing-concept,.writing-reader) .reader-lead{font-size:16px}:is(.writing-concept,.writing-reader) .reader-toc a{font-size:11px}:is(.writing-concept,.writing-reader) .reader-content section p{font-size:14px}}@media(prefers-reduced-motion:reduce){:is(.writing-concept,.writing-reader) *,:is(.writing-concept,.writing-reader) :after,:is(.writing-concept,.writing-reader) :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}:is(.writing-concept,.writing-reader) .terminal{transform:none}:is(.writing-concept,.writing-reader) .btn:hover,:is(.writing-concept,.writing-reader) .entry-card:hover{transform:none}}.writing-concept{background:var(--bg)}.writing-concept .page-container{padding-inline:0;width:min(1230px,calc(100% - 72px))}.writing-concept button,.writing-reader button{cursor:pointer;font:inherit}.writing-concept .entry-body h3,.writing-concept .heading-row h2,.writing-concept .hero h1,.writing-concept .value-section h2{font-family:var(--font-heading)}.writing-concept .terminal-body>div{white-space:pre}.writing-concept .entry-media figure{height:100%;margin:0;width:100%}.writing-concept .entry-media img{display:block;height:100%;object-fit:cover;width:100%}.writing-concept .entry-media figcaption{display:none}.writing-concept .tags{list-style:none;margin:0;padding:0}.writing-concept .entry-body h3,.writing-concept .entry-desc{overflow-wrap:anywhere}.writing-concept .archive{scroll-margin-top:100px}.writing-concept .filter-panel{top:100px}.writing-share{flex-shrink:0;position:relative}.writing-share .reader-icon{align-items:center;display:flex;font-size:11px;gap:6px;justify-content:center;min-height:44px}.writing-share-panel{background:var(--surface2);border:1px solid var(--stroke);border-radius:12px;bottom:calc(100% + 8px);box-shadow:var(--shadow);padding:12px;position:absolute;right:0;width:240px;z-index:8}.writing-share-panel a,.writing-share-panel button{align-items:center;background:none;border:0;color:var(--text);display:flex;font-size:12px;gap:10px;min-height:44px;padding:8px;text-align:left;transition:var(--transition-control);width:100%}.writing-share-panel svg{flex-shrink:0;height:16px;width:16px}.writing-share-panel a:hover,.writing-share-panel button:hover{background:var(--surface);color:var(--accent)}.writing-share-panel .writing-share-copy{border-radius:var(--radius-button)}.writing-share-panel .writing-share-copy.is-copied{background:var(--color-success);color:var(--color-on-accent)}.writing-share-panel .writing-share-status:not(.is-error){border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:no-preference){.writing-share-check{animation:writing-share-check var(--motion-fast) var(--motion-ease)}}@keyframes writing-share-check{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.writing-share-panel p{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.writing-share-panel input{background:var(--bg);border:1px solid var(--stroke);color:var(--text);min-width:0;padding:8px;width:100%}.writing-reader .writing-share-panel{bottom:auto;top:calc(100% + 8px)}.writing-reader .MuiDialog-paper.reader-dialog{display:flex;flex-direction:column;inset:auto;margin:0;max-height:91dvh;max-width:none;overflow:clip;position:relative}.writing-reader .reader-scroll{min-height:0;overflow-y:auto}.writing-reader .reader-content h1{font:700 clamp(32px,4.1vw,59px)/1.09 var(--font-heading);letter-spacing:-.065em;margin:0 0 20px;overflow-wrap:anywhere}.writing-reader .reader-content>h2,.writing-reader .reader-content>h3{font-family:var(--font-heading);margin-top:34px;scroll-margin-top:24px}.writing-reader .reader-content li,.writing-reader .reader-content p{color:#c3cedc;font-size:15px;line-height:1.93;overflow-wrap:anywhere}.writing-reader .reader-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.writing-reader .reader-content ol,.writing-reader .reader-content ul{padding-left:22px}.writing-reader .reader-content figure{margin:24px 0}.writing-reader .reader-content img{border-radius:12px;display:block;height:auto;width:100%}.writing-reader figcaption{color:var(--muted);font-size:12px;margin-top:8px}.writing-reader .reader-toc h2{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.writing-reader .reader-close{display:grid;min-height:44px;place-items:center;width:44px}.writing-reader .reader-close svg{height:21px;width:21px}.writing-reader .code-copy{min-height:44px}.writing-reader .writing-copy-status{font-size:12px;padding:0 14px}.writing-reader-state{padding:40px}.writing-reader-state h1{font-size:30px}.writing-reader-state button{background:var(--surface2);border:1px solid var(--stroke);border-radius:8px;color:var(--text);margin:8px;min-height:44px;padding:10px 16px}.writing-concept :focus-visible,.writing-reader :focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.writing-concept .read-link,.writing-concept .sort-select,.writing-concept .tab,.writing-concept .topic{min-height:44px}.writing-concept .footer{background:var(--bg)}.writing-concept .footer-inner a,.writing-concept .footer-inner p{color:var(--muted);font-size:12px;font-weight:400}.writing-concept .footer-inner>div{display:flex;flex-wrap:wrap;gap:20px}.writing-concept .footer-inner a{align-items:center;display:inline-flex;min-height:44px}.writing-concept .footer-inner a:hover{color:var(--accent)}@media(max-width:1080px){.writing-concept .page-container{width:calc(100% - 54px)}}@media(max-width:600px){.writing-concept .page-container{width:calc(100% - 36px)}.writing-concept .hero-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.writing-concept .hero-actions a{font-size:12px;line-height:1.4;padding:10px 8px}.writing-reader .MuiDialog-paper.reader-dialog{border:0;border-radius:0;height:100dvh;max-height:100dvh;width:100%}.writing-reader .reader-layout{padding:27px 18px 70px}.writing-share-panel{width:220px}.writing-concept .footer-inner{gap:8px}.writing-concept .footer-inner>div{justify-content:center}.writing-concept .hero-actions{align-items:stretch}.writing-concept .hero-actions a{gap:5px;min-height:48px}.writing-concept .hero-actions [aria-hidden]{flex-shrink:0}}.writing-reader .MuiBackdrop-root{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02040cd1}.writing-reader .reader-content>h2{font-size:25px;letter-spacing:-.035em;line-height:1.3}.writing-reader .reader-content>h3{font-size:21px;letter-spacing:-.025em;line-height:1.35}.writing-reader .reader-content .reader-kicker{color:var(--accent);font-size:11px;line-height:1.7}.writing-reader .reader-content .reader-lead{color:#b8c4d4;font-size:18px;line-height:1.75}.writing-reader .reader-content .writing-copy-status{font-size:12px;line-height:1.6}@media(max-width:600px){.writing-reader .reader-content .reader-lead{font-size:16px}}.writing-concept .search-box{border-color:color-mix(in srgb,var(--color-text-muted) 60%,var(--color-surface))}.app{position:relative}:root{--color-background:#0a0c15;--color-background-deep:#070912;--color-surface:#111622;--color-surface-elevated:#181d2c;--color-text:#f6f7fb;--color-text-muted:#a7b0c3;--color-accent:#2ce6af;--color-accent-purple:#a495fb;--color-on-accent:#07140f;--color-border:#c0cfe621;--color-error:#ff8992;--color-warning:#f2c879;--color-success:var(--color-accent);--color-focus:#8f7be8;--color-disabled-background:var(--color-surface-elevated);--color-disabled-text:var(--color-text-muted);--font-heading:"Space Grotesk","Segoe UI",Arial,sans-serif;--font-body:"Inter","Segoe UI",Arial,sans-serif;--font-mono:"JetBrains Mono",Consolas,"Courier New",monospace;--font-decorative:Georgia,"Times New Roman",serif;--line-height-body:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-button:10px;--radius-card:22px;--radius-dialog:20px;--radius-pill:999px;--container-max:1230px;--container-padding:clamp(var(--space-4),4vw,var(--space-8));--border-subtle:1px solid var(--color-border);--shadow-elevated:0 24px 64px #0000004d;--motion-fast:200ms;--motion-enter:400ms;--motion-ease:cubic-bezier(0.22,1,0.36,1);--transition-control:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease);--font-family:var(--font-body);--main-color:var(--color-accent);--secondary-color:var(--color-text-muted);--third-color:var(--color-text-muted);--hover-color:var(--color-accent);--background-color:var(--color-background);--text-color:var(--color-text);--main-transition:var(--transition-control)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000;border-radius:10px}::-webkit-scrollbar-thumb{background:#2ce6af;background:var(--main-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2ce6af;background:var(--hover-color)}*{box-sizing:border-box;scroll-behavior:smooth}*,ul{margin:0;padding:0}ul{list-style-type:none}a{text-decoration:none}section{padding:48px 0;padding:var(--space-12) 0}@media only screen and (max-width:767px){section{padding-bottom:24px;padding-bottom:var(--space-6);padding-top:16px;padding-top:var(--space-4)}}body{background-color:#0a0c15;background-color:var(--background-color);color:#f6f7fb;color:var(--text-color);font-family:Inter,Segoe UI,Arial,sans-serif;font-family:var(--font-family);font-size:16px;line-height:1.6;line-height:var(--line-height-body);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Segoe UI,Arial,sans-serif;font-family:var(--font-heading);font-weight:600;line-height:1.2}.date,.techStack,.technical-label,code,kbd,pre,samp{font-family:JetBrains Mono,Consolas,Courier New,monospace;font-family:var(--font-mono)}.decorative-emphasis{font-family:Georgia,Times New Roman,serif;font-family:var(--font-decorative);font-style:italic}.app :where(a:not([class*=Mui])){color:#2ce6af;color:var(--color-accent)}.app :where(button,input,select,textarea):not([class*=Mui]){font-family:Inter,Segoe UI,Arial,sans-serif;font-family:var(--font-body)}.app :where(input,select,textarea):not([class*=Mui]){font-size:1rem}:focus-visible{outline:2px solid #8f7be8;outline:2px solid var(--color-focus);outline-offset:4px}.app :is(input,textarea,select):not([class*=Mui]):focus-visible{outline:2px solid #8f7be8!important;outline:2px solid var(--color-focus)!important;outline-offset:4px}.app :where(button,input,select,textarea):not([class*=Mui]):disabled{background-color:#181d2c;background-color:var(--color-disabled-background);color:#a7b0c3;color:var(--color-disabled-text);cursor:not-allowed}::selection{background-color:#2ce6af;background-color:var(--hover-color);color:#07140f;color:var(--color-on-accent)}.container{margin:0 auto;max-width:1230px;max-width:var(--container-max);padding:0 15px}.container.page-container,.page-container{margin-inline:auto;max-width:1230px;max-width:var(--container-max);padding-inline:clamp(16px,4vw,32px);padding-inline:var(--container-padding);width:100%}@media only screen and (max-width:767px){.container{width:90%}}@media only screen and (min-width:768px) and (max-width:991px){.container{width:85%}}@media only screen and (min-width:992px){.container{width:70%}}.main-btn{background-color:#2ce6af;background-color:var(--main-color);border:none;border-radius:999px;border-radius:var(--radius-pill);color:#07140f;color:var(--color-on-accent);cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);transition:var(--main-transition);-webkit-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-webkit-transition:var(--main-transition);-moz-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-moz-transition:var(--main-transition);-ms-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-ms-transition:var(--main-transition);-o-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-o-transition:var(--main-transition);width:-webkit-fit-content;width:fit-content}.main-btn:hover{background-color:#2ce6af;background-color:var(--hover-color);box-shadow:0 0 0 2px #a495fb;box-shadow:0 0 0 2px var(--color-accent-purple)}.main-btn:disabled{background-color:#181d2c;background-color:var(--color-disabled-background);box-shadow:none;color:#a7b0c3;color:var(--color-disabled-text);cursor:not-allowed}.second-btn{align-items:center;background-color:initial;border:1px solid #2ce6af;border:1px solid var(--main-color);border-radius:999px;border-radius:var(--radius-pill);color:#2ce6af;color:var(--main-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:10px 20px;text-transform:uppercase;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);transition:var(--main-transition);-webkit-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-webkit-transition:var(--main-transition);-moz-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-moz-transition:var(--main-transition);-ms-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-ms-transition:var(--main-transition);-o-transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1);-o-transition:var(--main-transition);width:12rem}.second-btn:hover{background-color:#2ce6af;background-color:var(--main-color);color:#07140f;color:var(--color-on-accent)}@media only screen and (max-width:767px){.second-btn{font-size:.7rem}}@media only screen and (min-width:768px) and (max-width:991px){.second-btn{font-size:.7rem;width:10rem}}.error{color:#ff8992;color:var(--color-error);font-size:14px;margin-left:5px;margin-top:5px}.success-msg{color:#2ce6af;color:var(--color-success);font-size:16px;margin-top:10px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-enter:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0ms!important;transition-duration:.01ms!important}}.app main[id]{scroll-margin-top:96px;scroll-margin-top:var(--space-24)}
/*# sourceMappingURL=main.e06d4b2e.css.map*/