:root{--blue:#6d4aa6;--night:#130b1e;--ink:#170f22;--signal:#e3b23c;--violet:#b98cf2;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Hanken Grotesk", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tone-light{--bg:#fff;--fg:var(--ink);--muted:oklch(45% .03 300);--surface:oklch(97.5% .008 300);--border:oklch(90% .012 300);--accent:var(--blue);--on-accent:#fff;--focus:var(--blue)}.tone-dark{--bg:var(--night);--fg:oklch(96% .01 300);--muted:oklch(78% .03 300);--surface:oklch(26% .06 300);--border:oklch(36% .06 300);--accent:var(--signal);--on-accent:var(--ink);--focus:var(--signal)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--blue) #fff;scroll-padding-top:6rem}body{font:1.0625rem/1.6 var(--body);overflow-wrap:break-word;color:var(--ink);background:#fff;margin:0}[class*=tone-]{color:var(--fg)}#root{overflow:clip}.hero,#projects,#pricing,#contact{position:relative}.hero:before,#projects:before,#pricing:before,#contact:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38rem 28rem at 88% 23rem,oklch(62% .17 300/.2),#0000 65%),radial-gradient(34rem 26rem at 8% calc(100% - 22rem),oklch(80% .13 85/.25),#0000 65%);position:absolute;inset:-20rem 0}#projects:before,#contact:before{background:radial-gradient(36rem 26rem at 12% 24rem,oklch(60% .17 300/.18),#0000 65%),radial-gradient(32rem 24rem at 92% calc(100% - 24rem),oklch(80% .13 85/.25),#0000 65%)}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;line-height:1.08}p{margin:0}a{color:inherit;text-underline-offset:.2em}img{border-radius:10px;max-width:100%}::selection{background:var(--signal);color:var(--ink)}input,textarea{caret-color:var(--blue)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.container{width:min(1120px,100% - 2rem);margin-inline:auto}.muted,.intro{color:var(--muted)}.intro{max-width:56ch;margin-top:1.25rem;font-size:1.2rem}.btn{border:2px solid var(--accent);background:var(--accent);color:var(--on-accent);font:600 1rem var(--body);cursor:pointer;border-radius:999px;margin:1.75rem .75rem 0 0;padding:.7rem 1.4rem;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn--ghost{color:var(--fg);border-color:color-mix(in oklch, var(--fg) 55%, transparent);background:0 0}.btn--sm{margin:0;padding:.45rem 1rem}.header{z-index:10;--bg:#fff;color:var(--ink);--fg:var(--ink);--accent:var(--blue);--on-accent:#fff;--focus:var(--blue);background-color:#0000;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}.header.is-scrolled{-webkit-backdrop-filter:blur(16px)saturate(160%);background-color:oklch(100% 5.96046e-8 none/.82);box-shadow:0 1px oklch(90% .012 300/.8)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header.is-scrolled{background-color:#fff}}.header__inner{align-items:center;gap:.5rem;min-height:4.5rem;display:flex}.header__cta{align-items:center;min-height:2.75rem;margin-left:auto;display:inline-flex}.menu-btn{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:#fff;border:1px solid oklch(90% .012 300);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.menu-btn path{transition:transform .3s cubic-bezier(.22,1,.36,1)}.menu-btn__top{transform-origin:12px 8px}.menu-btn__bottom{transform-origin:12px 16px}.header:has(.header__nav:popover-open) .menu-btn__top{transform:translateY(4px)rotate(45deg)}.header:has(.header__nav:popover-open) .menu-btn__bottom{transform:translateY(-4px)rotate(-45deg)}.header__nav{width:auto;color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(170%);opacity:0;transition:opacity .25s, translate .35s cubic-bezier(.22, 1, .36, 1), overlay .35s allow-discrete, display .35s allow-discrete;background:oklch(100% 5.96046e-8 none/.97);border:1px solid oklch(90% .012 300);border-radius:0;margin:0;padding:.5rem;position:fixed;inset:4.75rem 1rem auto;translate:0 -.5rem;box-shadow:0 30px 60px -24px #130b1e40}.header__nav:popover-open{opacity:1;display:grid;translate:0}@starting-style{.header__nav:popover-open{opacity:0;translate:0 -.5rem}}.header__nav::backdrop{background:#130b1e40}.header__nav a{min-height:3.5rem;font:700 1.5rem var(--display);letter-spacing:-.02em;border-radius:14px;align-items:center;padding:0 1rem;text-decoration:none;display:flex}.header__nav a:hover{background:oklch(95% .02 300)}@supports not selector(:popover-open){.header__nav,.menu-btn{display:none}}@media (width>=760px){.menu-btn{display:none}.header__inner{grid-template-columns:1fr auto 1fr;display:grid}.header__nav{-webkit-backdrop-filter:none;box-shadow:none;opacity:1;color:inherit;background:0 0;border:0;gap:.25rem;margin:0;padding:0;display:flex;position:static;inset:auto;overflow:visible;translate:none}.header__nav a{min-height:2.75rem;font:500 1rem var(--body);letter-spacing:0;border-radius:999px;padding:0 .8rem}.header__cta{justify-self:end;margin:0}}@media (width<=379px){.logo__word{display:none}}.skip-link{z-index:20;background:var(--signal);color:var(--ink);border-radius:999px;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:.5rem;left:1rem;translate:0 -200%}.skip-link:focus-visible{translate:0}main:focus{outline:none}.logo{align-items:center;gap:.65rem;min-height:2.75rem;text-decoration:none;display:inline-flex}.logo img{border-radius:0;width:auto}.logo__mark{height:2.5rem}.logo__word{height:1.1rem}.hero{padding:clamp(2.5rem,7vw,5rem) 0 0}.hero__grid{align-items:center;gap:3.5rem;display:grid}.hero h1{max-width:16ch;font-size:clamp(2.5rem,7vw,5rem);font-weight:800}.hero h1 .accent{background:linear-gradient(90deg, var(--blue), oklch(55% .2 320));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero .intro{color:oklch(38% .03 300)}@media (width>=900px){.hero__grid:has(.hand){grid-template-columns:1.05fr 1fr}}.marquee{border-block:1px solid var(--border);margin-top:clamp(3rem,7vw,5rem);margin-bottom:clamp(1.5rem,4vw,2.5rem);padding-block:1rem;overflow:hidden}.marquee__track{width:max-content;animation:26s linear infinite marquee;display:flex}.marquee__group{gap:2.5rem;padding-right:2.5rem;display:flex}.marquee__group span{font:700 1.05rem var(--display);text-transform:uppercase;letter-spacing:.03em;color:oklch(40% .03 300);white-space:nowrap;align-items:center;gap:2.5rem;display:inline-flex}.marquee__spark{width:.9rem;height:.9rem;color:var(--signal);flex:none}@keyframes marquee{to{transform:translate(-50%)}}.hand{--w:clamp(11rem, 16vw, 15rem);height:calc(var(--w) * 1.8);display:none;position:relative}@media (width>=900px){.hand{display:block}}.hand__card{width:var(--w);margin-left:calc(var(--w) / -2);transform-origin:50% 135%;background:oklch(98.5% .006 300);border:1px solid oklch(90% .012 300);border-radius:20px;padding:.55rem;transition:rotate .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1);animation:.9s cubic-bezier(.22,1,.36,1) backwards hand-deal;position:absolute;bottom:1.5rem;left:50%;box-shadow:0 30px 50px -24px #130b1e59;container-type:inline-size}.hand .pcard__cover{aspect-ratio:4/5;align-content:start}.hand .pcard__poster{font-size:14cqi}.hand__card:last-child:not(:only-child) .pcard__cover{text-align:right}.hand__card:first-child{rotate:-15deg;translate:calc(var(--w) * -.42) calc(var(--w) * .08);animation-delay:.15s}.hand__card:nth-child(2){rotate:0deg;translate:0 calc(var(--w) * -.05);z-index:2;animation-delay:.3s}.hand__card:nth-child(3){rotate:15deg;translate:calc(var(--w) * .42) calc(var(--w) * .08);z-index:1;animation-delay:.45s}.hand__card:first-child:nth-last-child(2){rotate:-8deg;translate:calc(var(--w) * -.25) 0}.hand__card:nth-child(2):last-child{rotate:8deg;translate:calc(var(--w) * .25) 0}.hand__card:only-child{translate:0;rotate:-4deg}@media (hover:hover){.hand:hover .hand__card:first-child{rotate:-20deg;translate:calc(var(--w) * -.55) calc(var(--w) * .12)}.hand:hover .hand__card:nth-child(2){translate:0 calc(var(--w) * -.14)}.hand:hover .hand__card:nth-child(3){rotate:20deg;translate:calc(var(--w) * .55) calc(var(--w) * .12)}}@keyframes hand-deal{0%{translate:0 5rem;rotate:0deg}}.stats{padding:clamp(2.5rem,5vw,3.5rem) 0}.stats__grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width>=700px){.stats__grid{grid-template-columns:repeat(4,1fr)}}.stats__grid b{font:800 clamp(2rem, 4vw, 2.75rem) var(--display);display:block}.stats__grid span{color:var(--muted);font-size:.9rem}.section{padding:clamp(3.5rem,8vw,6rem) 0}.section h2{max-width:20ch;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800}.about{max-width:62ch;color:var(--muted);gap:1.5rem;margin-top:2rem;font-size:1.2rem;display:grid}@media (width>=900px){.about{grid-template-columns:1fr 1fr;gap:3rem;max-width:none}}.services{gap:0 3rem;margin:2.5rem 0 0;display:grid}.services div{border-top:1px solid var(--border);padding:1.5rem 0}.services dt{font:700 1.5rem var(--display);letter-spacing:-.02em}.services dd{color:var(--muted);max-width:44ch;margin:.4rem 0 0}@media (width>=760px){.services{grid-template-columns:1fr 1fr}}.plans{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),22rem));gap:1.5rem;margin-top:2.5rem;display:grid}.plan{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(150%);background:#ffffffb3;border-radius:14px;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;box-shadow:inset 0 1px #fff,0 24px 40px -26px #130b1e40}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.plan{background:var(--surface)}}.plan--featured{--fg:oklch(96% .01 300);--muted:oklch(78% .03 300);--accent:var(--signal);--on-accent:var(--ink);--focus:var(--signal);color:var(--fg);background:var(--night);border-color:var(--night);box-shadow:0 30px 60px -20px oklch(45% .17 300/.5)}.plan__head{gap:.35rem;display:grid}.plan h3{font-size:1.5rem}.plan__price{margin-top:.4rem;display:grid}.plan__from{color:var(--muted);font-size:.9rem;font-weight:500}.price{font:800 2.5rem/1.1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.price small{font:500 .95rem var(--body);letter-spacing:0;color:var(--muted)}.plan__timeline{color:var(--muted);font-size:.95rem}.plan__desc{color:var(--muted)}.plan__features{border-top:1px solid color-mix(in oklch, var(--fg) 18%, transparent);gap:.5rem;margin:0;padding:1.25rem 0 0;list-style:none;display:grid}.plan__features li{grid-template-columns:.9rem 1fr;gap:.6rem;display:grid}.plan__features li:before{content:"";background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;margin-top:.6em}.plan .btn{align-self:start;margin:auto 0 0}.plans__note{color:var(--muted);margin-top:2rem}.plans__note a{color:var(--fg);font-weight:600}.testimonials{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.testimonial{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-content:start;gap:1rem;margin:0;padding:1.75rem;display:grid}.testimonial blockquote{margin:0}.testimonial__author{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.avatar{background:var(--accent);width:2.25rem;height:2.25rem;color:var(--on-accent);font:700 .8rem var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.contact-card{gap:2rem;margin-top:2.5rem;display:grid}@media (width>=900px){.contact-card{grid-template-columns:1fr auto;align-items:start}}.contact-card__badge{justify-content:center;padding-top:1rem;display:flex}.circle-badge{width:9rem;height:9rem;color:var(--muted);position:relative}.circle-badge__ring{width:100%;height:100%;animation:18s linear infinite spin}.circle-badge__dot{color:var(--signal);place-items:center;display:grid;position:absolute;inset:0}.circle-badge__dot svg{width:1.6rem;height:1.6rem}@keyframes spin{to{transform:rotate(360deg)}}.form{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-backdrop-filter:blur(18px)saturate(160%);max-width:34rem;color:var(--ink);--accent:var(--blue);--on-accent:#fff;--focus:var(--blue);--muted:oklch(42% .03 300);background:#fffffff2;border:1px solid oklch(90% .012 300);border-radius:18px;gap:1.1rem;padding:2rem;display:grid;box-shadow:0 30px 60px -30px #130b1e4d}.form .btn{justify-self:start;margin:0}.form__optional{color:var(--muted);font-size:.9rem;font-weight:400}.contact-card__address{color:var(--muted);font-size:.95rem}.contact-card__address a{color:var(--blue);overflow-wrap:anywhere;font-weight:600}.topics{border:0;flex-wrap:wrap;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}.topics legend{width:100%;margin-bottom:.6rem;padding:0;font-weight:600}.topics legend .form__optional{margin-left:.35rem}.form .topic{cursor:pointer;-webkit-user-select:none;user-select:none;background:oklch(97% .006 300);border:1px solid oklch(82% .02 300);border-radius:999px;align-items:center;min-height:2.75rem;padding:0 1rem;font-size:.95rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.form .topic:hover{border-color:var(--blue)}.form .topic:has(:checked){background:var(--blue);border-color:var(--blue);color:#fff}.form .topic:has(:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.form .topic input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.status--loading{min-height:12rem}.pcards{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-color:var(--blue) transparent;grid-auto-columns:min(80vw,20rem);grid-auto-flow:column;gap:1.25rem;margin:2rem -1rem 0;padding:1.5rem 1rem 2.5rem;scroll-padding-inline:1rem;list-style:none;display:grid;overflow-x:auto}@media (width>=900px){.pcards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-flow:row;row-gap:3rem;margin:2.5rem 0 0;padding:1.5rem 0 1rem;overflow:visible}}.pcard{--lift:0px;--fg:var(--ink);--muted:oklch(42% .03 300);--accent:var(--blue);--focus:var(--blue);border:1px solid var(--border);color:var(--ink);scroll-snap-align:start;rotate:var(--fan,0deg);translate:0 var(--arc,0rem);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift));background:oklch(98.5% .006 300);border-radius:20px;flex-direction:column;padding:.6rem;transition:rotate .5s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 24px 44px -24px #130b1e4d;container-type:inline-size}.pcard:nth-child(odd){--fan:-1.5deg}.pcard:nth-child(2n){--fan:1.5deg}@media (width>=900px){.pcard:nth-child(4n+1){--fan:-4deg;--arc:1.25rem}.pcard:nth-child(4n+2){--fan:-1.5deg;--arc:0rem}.pcard:nth-child(4n+3){--fan:1.5deg;--arc:0rem}.pcard:nth-child(4n+4){--fan:4deg;--arc:1.25rem}}@media (hover:hover){.pcard:hover{--fan:0deg;--lift:-10px;z-index:2;box-shadow:inset 0 1px #fff,0 40px 60px -26px #130b1e59,0 18px 50px -30px oklch(75% .14 85/.6)}}.pcard:focus-within{--fan:0deg;--lift:-10px;z-index:2}.pcard__cover:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:overlay;background:radial-gradient(24rem circle at var(--mx,50%) var(--my,0%), oklch(90% .13 85/.6), transparent 40%), linear-gradient(115deg, transparent 25%, oklch(80% .14 305/.4) 45%, oklch(90% .12 85/.4) 55%, transparent 75%);background-size:100% 100%,250% 250%;background-position:0 0, var(--mx,50%) var(--my,50%);transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.pcard:hover .pcard__cover:after{opacity:1}}.pcard__cover{--c-bg:var(--blue);--c-fg:var(--signal);aspect-ratio:5/4;color:var(--c-fg);background:radial-gradient(70% 60% at 88% 8%, oklch(100% 0 0/.22), transparent 70%), var(--c-bg);border-radius:14px;align-content:end;padding:1rem 1.1rem;display:grid;position:relative;overflow:hidden}.pcard__cover[data-tone="1"]{--c-bg:var(--signal);--c-fg:var(--night)}.pcard__cover[data-tone="2"]{--c-bg:var(--night);--c-fg:var(--violet)}.pcard__cover[data-tone="3"]{--c-bg:var(--violet);--c-fg:var(--ink)}.pcard__cover img{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.pcard__poster{font-family:var(--display);letter-spacing:-.04em;-webkit-hyphens:auto;hyphens:auto;font-size:16cqi;font-weight:800;line-height:.92}.pcard__body{flex-direction:column;flex:1;gap:.75rem;padding:1rem .6rem .4rem;display:flex}.pcard__title{font-size:1.5rem}.pcard__body>p{color:var(--muted);font-size:1rem}.pcard__tech{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pcard__tech li{background:oklch(95% .02 300);border:1px solid oklch(86% .03 300);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.pcard__link{min-height:44px;color:var(--blue);text-underline-offset:.2em;align-self:flex-start;align-items:center;gap:.35rem;margin-top:auto;font-weight:600;display:inline-flex}.pcard__link svg{transition:translate .2s cubic-bezier(.22,1,.36,1)}.pcard__link:hover svg{translate:2px -2px}@supports (animation-timeline:view()){@media (width>=900px) and (prefers-reduced-motion:no-preference){.pcard{animation:linear both deal;animation-timeline:view();animation-range:entry 5% cover 30%}.pcard:nth-child(4n+2){animation-range:entry 10% cover 33%}.pcard:nth-child(4n+3){animation-range:entry 15% cover 36%}.pcard:nth-child(4n+4){animation-range:entry 20% cover 39%}}}@keyframes deal{0%{translate:0 5rem;rotate:0deg;scale:.92}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{text-align:center;color:var(--muted);padding:2rem 0;font-size:.95rem}.footer p,.footer address{margin-top:.5rem;font-style:normal}.footer__mark{border-radius:0;width:auto;height:2.5rem;margin:0 auto .5rem;display:block}.doc h1{max-width:20ch;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800}.doc section{max-width:70ch;margin-top:2.5rem}.doc h2{letter-spacing:-.02em;max-width:none;font-size:1.5rem;font-weight:700}.doc section p,.doc ul{color:var(--muted);margin:.75rem 0 0}.doc ul{padding-left:1.25rem}.doc section a{color:var(--accent)}.doc-back{color:var(--muted);margin-bottom:1rem;font-weight:600;display:inline-block}.doc-back:hover{color:var(--accent)}.doc section{scroll-margin-top:6rem}.doc-toc{display:none}@media (width>=960px){.doc-layout{grid-template-columns:240px minmax(0,70ch);align-items:start;gap:4rem;display:grid}.doc-toc{margin-top:2.5rem;font-size:.9rem;display:block;position:sticky;top:6rem}.doc-toc p{margin:0 0 .75rem;font-weight:700}.doc-toc ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.doc-toc a{color:var(--muted);text-decoration:none}.doc-toc a:hover,.doc-toc a:focus-visible{color:var(--accent)}}.admin-page{background:var(--night);min-height:100vh;padding:3rem 0}.admin-page--center{align-content:center;display:grid}.admin-page h1{font-size:1.75rem;font-weight:800}.admin-login{max-width:22rem;margin-inline:auto}.admin-shell{background:var(--night);isolation:isolate;grid-template-columns:1fr;min-height:100vh;font-size:.95rem;display:grid;position:relative}.admin-shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(44rem 32rem at 100% 0,oklch(55% .14 300/.14),#0000 70%);position:absolute;inset:0}.admin-sidebar{background:color-mix(in oklch, var(--night) 88%, #000);border-bottom:1px solid var(--border);flex-direction:column;padding:1.25rem .9rem;display:flex}.admin-sidebar__brand{font:800 1.1rem var(--display);letter-spacing:-.01em;color:#fff;margin:.15rem 0 1.1rem .5rem}.admin-sidebar nav{gap:.2rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.admin-sidebar__link{color:var(--muted);font:600 .875rem var(--body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:.7rem;padding:.55rem .9rem;transition:background-color .15s,color .15s;display:flex}.admin-sidebar__link svg{opacity:.75;flex:none;transition:opacity .15s}.admin-sidebar__link:hover{color:var(--fg);background:#ffffff0f}.admin-sidebar__link:hover svg{opacity:1}.admin-sidebar__link.is-active{background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--accent)}.admin-sidebar__link.is-active svg{opacity:1}.admin-sidebar__logout{border:0;border-top:1px solid var(--border);color:var(--muted);font:600 .875rem var(--body);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.7rem;margin-top:1.25rem;padding:.85rem .6rem .15rem;display:flex}.admin-sidebar__logout:hover{color:var(--fg)}.admin-main{min-width:0;padding:1.75rem clamp(1rem,4vw,2.5rem) 4rem}.admin-main>*{max-width:46rem}.admin-main h1{font:700 1.375rem var(--body);letter-spacing:0;margin-bottom:.4rem}.admin-main__hint{max-width:42ch;margin-bottom:1.75rem}@media (width>=860px){.admin-shell{grid-template-columns:15rem 1fr}.admin-sidebar{border-bottom:0;border-right:1px solid var(--border);height:100vh;position:sticky;top:0;overflow-y:auto}.admin-sidebar nav{flex-direction:column;overflow-x:visible}.admin-sidebar__logout{margin-top:auto}}.admin-shell{--surface:oklch(30% .07 300)}.admin-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:1.1rem;padding:1.5rem;display:grid;box-shadow:0 24px 40px -28px #000000bf}.admin-form label{gap:.3rem;font-size:.875rem;font-weight:600;display:grid}.admin-form input,.admin-form textarea{font:.95rem/1.4 var(--body);color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;transition:border-color .15s}.admin-form input:hover,.admin-form textarea:hover{border-color:color-mix(in oklch, var(--accent) 50%, var(--border))}.admin-form input:focus-visible,.admin-form textarea:focus-visible{border-color:var(--accent)}.admin-form__actions{align-items:center;gap:1rem;display:flex}.admin-form__actions .muted{min-height:1.4em}.admin-section{gap:1rem;display:grid}.admin-list{gap:.85rem;display:grid}.admin-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.85rem;padding:1.1rem;transition:border-color .15s;display:grid;box-shadow:0 14px 26px -22px #000000b3}.admin-row:hover{border-color:color-mix(in oklch, var(--fg) 20%, var(--border))}.admin-row--new{border-style:dashed;border-color:color-mix(in oklch, var(--accent) 45%, var(--border));box-shadow:none;background:0 0}.admin-row__new-label{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem;font-weight:700}.admin-row__fields{gap:.85rem;display:grid}.admin-field{color:var(--muted);gap:.3rem;font-size:.8rem;font-weight:600;display:grid}.admin-field--primary{color:var(--fg);font-size:.875rem}.admin-row input[type=text],.admin-row input:not([type]),.admin-row input[type=number],.admin-row textarea{font:.95rem/1.4 var(--body);border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:.55rem .7rem;transition:border-color .15s}.admin-field--primary input{font-weight:700}.admin-row input:hover,.admin-row textarea:hover{border-color:color-mix(in oklch, var(--accent) 50%, var(--border))}.admin-row input:focus-visible,.admin-row textarea:focus-visible{border-color:var(--accent)}.admin-row input[type=checkbox]{justify-self:start;width:1.2rem;height:1.2rem}.admin-row__actions{border-top:1px solid var(--border);gap:.75rem;margin-top:.15rem;padding-top:.85rem;display:flex}@media (width>=640px){.admin-row__fields{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end}.admin-field--wide{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}