@charset "UTF-8";@property --glow{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --glow-ink{syntax: "<color>"; inherits: true; initial-value: currentcolor;}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.5rem;--leading-tight: 1.2;--leading-normal: 1.55;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--container-max: 1180px;--container-narrow: 760px;--header-height: 64px;--ease: cubic-bezier(.2, 0, .15, 1);--duration-fast: .12s;--duration-normal: .22s;--glow-ink: var(--color-primary);--duration-glow-in: .42s;--duration-glow-out: .62s}[data-theme=light]{--color-bg: #ffffff;--color-surface: #f7f7fa;--color-surface-2: #eeeef4;--color-surface-hover: #e8e8f0;--color-border: #e2e2ea;--color-border-strong: #cfcfdb;--color-text: #17181d;--color-text-muted: #5b5f6e;--color-text-subtle: #868b9b;--color-primary: #6d4aff;--color-primary-hover: #5a35f5;--color-primary-contrast: #ffffff;--color-primary-soft: #ede8ff;--color-primary-border: #d6cbff;--color-primary-2: #a26bff;--color-accent: #e06a00;--color-accent-hover: #c85d00;--color-accent-contrast: #ffffff;--color-accent-soft: #ffeedd;--color-success: #128a5a;--color-success-soft: #dff5eb;--color-warning: #a86400;--color-warning-soft: #fdf0d8;--color-danger: #cc2f3d;--color-danger-soft: #fde8ea;--color-level-1: #0d7a4e;--color-level-1-soft: #dcf3e8;--color-level-2: #856700;--color-level-2-soft: #f9efcc;--color-level-3: #b45309;--color-level-3-soft: #fff0e6;--color-level-4: #bf2b39;--color-level-4-soft: #fce6e8;--color-focus: #6d4aff;--color-overlay: rgb(23 24 29 / 45%);--shadow-sm: 0 1px 2px rgb(20 20 40 / 6%), 0 1px 3px rgb(20 20 40 / 5%);--shadow-md: 0 4px 12px rgb(20 20 40 / 8%), 0 2px 4px rgb(20 20 40 / 4%);--shadow-lg: 0 12px 32px rgb(20 20 40 / 12%), 0 4px 8px rgb(20 20 40 / 5%);--gradient-hero: radial-gradient(circle at 15% 0%, rgb(109 74 255 / 14%) 0%, transparent 55%), radial-gradient(circle at 88% 8%, rgb(162 107 255 / 13%) 0%, transparent 52%);--pattern-grid: rgb(109 74 255 / 7%);--pattern-grid-size: 56px;--pattern-line: rgb(109 74 255 / 10%);--accent-violet: #6d4aff;--accent-violet-hover: #5a35f5;--accent-violet-contrast: #ffffff;--accent-violet-soft: #ede8ff;--accent-violet-border: #d6cbff;--accent-orange: #d96500;--accent-orange-hover: #c25a00;--accent-orange-contrast: #ffffff;--accent-orange-soft: #ffeedd;--accent-orange-border: #ffd2ac;--accent-teal: #0b7c88;--accent-teal-hover: #096a74;--accent-teal-contrast: #ffffff;--accent-teal-soft: #d8f1f4;--accent-teal-border: #a9dfe5;--accent-rose: #cc2f5d;--accent-rose-hover: #b52752;--accent-rose-contrast: #ffffff;--accent-rose-soft: #ffe3ec;--accent-rose-border: #fbc0d2;--accent-amber: #a06200;--accent-amber-hover: #8a5400;--accent-amber-contrast: #ffffff;--accent-amber-soft: #fbeed3;--accent-amber-border: #ecd39a;--accent-brick: #c0392b;--accent-brick-hover: #a83024;--accent-brick-contrast: #ffffff;--accent-brick-soft: #fce6e3;--accent-brick-border: #f5bdb6;--accent-lime: #5c8a00;--accent-lime-hover: #4d7500;--accent-lime-contrast: #ffffff;--accent-lime-soft: #eaf4d4;--accent-lime-border: #cde39c;--accent-green: #128a5a;--accent-green-hover: #0f764d;--accent-green-contrast: #ffffff;--accent-green-soft: #d8f3e6;--accent-green-border: #a4e0c4;--accent-blue: #2b6cb0;--accent-blue-hover: #245c98;--accent-blue-contrast: #ffffff;--accent-blue-soft: #e2edfa;--accent-blue-border: #b5d1ee;--accent-indigo: #4c51bf;--accent-indigo-hover: #4145a6;--accent-indigo-contrast: #ffffff;--accent-indigo-soft: #e6e7fb;--accent-indigo-border: #c1c3f0;--accent-plum: #8e44ad;--accent-plum-hover: #7a3a95;--accent-plum-contrast: #ffffff;--accent-plum-soft: #f4e6fa;--accent-plum-border: #ddbeee;--accent-slate: #5b5f6e;--accent-slate-hover: #4c505d;--accent-slate-contrast: #ffffff;--accent-slate-soft: #eaebef;--accent-slate-border: #c9ccd5;--accent-clay: #b8451e;--accent-clay-hover: #a03a18;--accent-clay-contrast: #ffffff;--accent-clay-soft: #f3e2df;--accent-clay-border: #eec4b8;--accent-mustard: #847115;--accent-mustard-hover: #6a5b10;--accent-mustard-contrast: #ffffff;--accent-mustard-soft: #f3f0df;--accent-mustard-border: #eee4b8;--accent-olive: #6a7213;--accent-olive-hover: #5b620f;--accent-olive-contrast: #ffffff;--accent-olive-soft: #f1f3df;--accent-olive-border: #e9eeb8;--accent-fern: #367b14;--accent-fern-hover: #2e6a10;--accent-fern-contrast: #ffffff;--accent-fern-soft: #e4f3df;--accent-fern-border: #c8eeb8;--accent-emerald: #158415;--accent-emerald-hover: #106a10;--accent-emerald-contrast: #ffffff;--accent-emerald-soft: #ddf3df;--accent-emerald-border: #b6eeb8;--accent-jade: #147b61;--accent-jade-hover: #106a54;--accent-jade-contrast: #ffffff;--accent-jade-soft: #ddf3f0;--accent-jade-border: #b6eee2;--accent-aqua: #147b72;--accent-aqua-hover: #106a63;--accent-aqua-contrast: #ffffff;--accent-aqua-soft: #ddf3f4;--accent-aqua-border: #b6eeeb;--accent-iris: #381eb8;--accent-iris-hover: #2f18a0;--accent-iris-contrast: #ffffff;--accent-iris-soft: #e1ddf6;--accent-iris-border: #bfb6f0;--accent-grape: #6b1eb8;--accent-grape-hover: #5c18a0;--accent-grape-contrast: #ffffff;--accent-grape-soft: #e8ddf6;--accent-grape-border: #d2b6f0;--accent-orchid: #b81e9f;--accent-orchid-hover: #a01889;--accent-orchid-contrast: #ffffff;--accent-orchid-soft: #f3ddf2;--accent-orchid-border: #eeb6e6;--accent-magenta: #b81e6b;--accent-magenta-hover: #a0185c;--accent-magenta-contrast: #ffffff;--accent-magenta-soft: #f3ddeb;--accent-magenta-border: #eeb6d4;--accent-crimson: #b81e38;--accent-crimson-hover: #a0182f;--accent-crimson-contrast: #ffffff;--accent-crimson-soft: #f3dde3;--accent-crimson-border: #eeb6c1;color-scheme:light}[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-2: #262626;--color-surface-hover: #2f2f2f;--color-border: #303030;--color-border-strong: #454545;--color-text: #eaeaea;--color-text-muted: #a6a6a6;--color-text-subtle: #8a8a8a;--color-primary: #9179ff;--color-primary-hover: #a692ff;--color-primary-contrast: #14101f;--color-primary-soft: #241f3d;--color-primary-border: #3b3363;--color-primary-2: #c09bff;--color-accent: #ff9d4d;--color-accent-hover: #ffb173;--color-accent-contrast: #24160a;--color-accent-soft: #33210f;--color-success: #4fd1a0;--color-success-soft: #13291f;--color-warning: #f0b542;--color-warning-soft: #2e2412;--color-danger: #ff6b78;--color-danger-soft: #331519;--color-level-1: #4fd1a0;--color-level-1-soft: #13291f;--color-level-2: #e0b64c;--color-level-2-soft: #2e2712;--color-level-3: #f7924f;--color-level-3-soft: #33210f;--color-level-4: #ff6b78;--color-level-4-soft: #331519;--color-focus: #9179ff;--color-overlay: rgb(0 0 0 / 62%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 14px rgb(0 0 0 / 45%);--shadow-lg: 0 16px 40px rgb(0 0 0 / 55%);--gradient-hero: radial-gradient(circle at 15% 0%, rgb(145 121 255 / 16%) 0%, transparent 55%), radial-gradient(circle at 88% 8%, rgb(192 155 255 / 12%) 0%, transparent 52%);--pattern-grid: rgb(145 121 255 / 9%);--pattern-grid-size: 56px;--pattern-line: rgb(162 133 255 / 14%);--accent-violet: #9179ff;--accent-violet-hover: #a692ff;--accent-violet-contrast: #14101f;--accent-violet-soft: #241f3d;--accent-violet-border: #3b3363;--accent-orange: #ff9d4d;--accent-orange-hover: #ffb173;--accent-orange-contrast: #24160a;--accent-orange-soft: #33210f;--accent-orange-border: #5c3a1c;--accent-teal: #4ecdd8;--accent-teal-hover: #74dbe4;--accent-teal-contrast: #06222a;--accent-teal-soft: #10292c;--accent-teal-border: #1d4a50;--accent-rose: #ff7aa2;--accent-rose-hover: #ff97b7;--accent-rose-contrast: #2a0d18;--accent-rose-soft: #331522;--accent-rose-border: #5a2438;--accent-amber: #f0b542;--accent-amber-hover: #f5c667;--accent-amber-contrast: #241a06;--accent-amber-soft: #2e2412;--accent-amber-border: #55401a;--accent-brick: #ff8a7a;--accent-brick-hover: #ffa598;--accent-brick-contrast: #2a0f0a;--accent-brick-soft: #331714;--accent-brick-border: #5c2a22;--accent-lime: #a8d94a;--accent-lime-hover: #bce46e;--accent-lime-contrast: #1a2205;--accent-lime-soft: #202a10;--accent-lime-border: #3c4d1c;--accent-green: #3fc98d;--accent-green-hover: #66d6a5;--accent-green-contrast: #052316;--accent-green-soft: #0f2a1f;--accent-green-border: #1c4d38;--accent-blue: #6fa8e8;--accent-blue-hover: #8fbdf0;--accent-blue-contrast: #0a1726;--accent-blue-soft: #12202f;--accent-blue-border: #24405c;--accent-indigo: #8f94f0;--accent-indigo-hover: #a9adf5;--accent-indigo-contrast: #12132b;--accent-indigo-soft: #1b1c33;--accent-indigo-border: #33355c;--accent-plum: #c98fe0;--accent-plum-hover: #d7a9e9;--accent-plum-contrast: #220f2a;--accent-plum-soft: #2a1733;--accent-plum-border: #4a2a5c;--accent-slate: #a3a9bb;--accent-slate-hover: #b9bfcd;--accent-slate-contrast: #14161c;--accent-slate-soft: #1d1f26;--accent-slate-border: #383c47;--accent-clay: #dd6f4b;--accent-clay-hover: #e38b6d;--accent-clay-contrast: #17181d;--accent-clay-soft: #442b23;--accent-clay-border: #693e2f;--accent-mustard: #ddc44b;--accent-mustard-hover: #e3d06d;--accent-mustard-contrast: #17181d;--accent-mustard-soft: #443f23;--accent-mustard-border: #69602f;--accent-olive: #d1dd4b;--accent-olive-hover: #d9e36d;--accent-olive-contrast: #17181d;--accent-olive-soft: #414423;--accent-olive-border: #65692f;--accent-fern: #7cdd4b;--accent-fern-hover: #95e36d;--accent-fern-contrast: #17181d;--accent-fern-soft: #2e4423;--accent-fern-border: #43692f;--accent-emerald: #4bdd4b;--accent-emerald-hover: #6de36d;--accent-emerald-contrast: #17181d;--accent-emerald-soft: #234423;--accent-emerald-border: #2f692f;--accent-jade: #4bddb8;--accent-jade-hover: #6de3c6;--accent-jade-contrast: #17181d;--accent-jade-soft: #23443c;--accent-jade-border: #2f695b;--accent-aqua: #4bddd1;--accent-aqua-hover: #6de3d9;--accent-aqua-contrast: #17181d;--accent-aqua-soft: #234441;--accent-aqua-border: #2f6965;--accent-iris: #8876e5;--accent-iris-hover: #9f90ea;--accent-iris-contrast: #17181d;--accent-iris-soft: #282344;--accent-iris-border: #392f69;--accent-grape: #a86de3;--accent-grape-hover: #b887e8;--accent-grape-contrast: #17181d;--accent-grape-soft: #332344;--accent-grape-border: #4c2f69;--accent-orchid: #dd4bc4;--accent-orchid-hover: #e576d2;--accent-orchid-contrast: #17181d;--accent-orchid-soft: #44233f;--accent-orchid-border: #692f60;--accent-magenta: #de5499;--accent-magenta-hover: #e77eb3;--accent-magenta-contrast: #17181d;--accent-magenta-soft: #442334;--accent-magenta-border: #692f4c;--accent-crimson: #e05c72;--accent-crimson-hover: #e77e90;--accent-crimson-contrast: #17181d;--accent-crimson-soft: #442328;--accent-crimson-border: #692f39;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{min-height:100svh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-normal) var(--ease),color var(--duration-normal) var(--ease)}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:650;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}code,pre{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}:root{--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-contrast: var(--color-primary-contrast);--accent-soft: var(--color-primary-soft);--accent-border: var(--color-primary-border);--progress-fill: linear-gradient(90deg, var(--color-primary), var(--color-primary-2))}.accent-violet{--accent: var(--accent-violet);--accent-hover: var(--accent-violet-hover);--accent-contrast: var(--accent-violet-contrast);--accent-soft: var(--accent-violet-soft);--accent-border: var(--accent-violet-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-iris{--accent: var(--accent-iris);--accent-hover: var(--accent-iris-hover);--accent-contrast: var(--accent-iris-contrast);--accent-soft: var(--accent-iris-soft);--accent-border: var(--accent-iris-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-indigo{--accent: var(--accent-indigo);--accent-hover: var(--accent-indigo-hover);--accent-contrast: var(--accent-indigo-contrast);--accent-soft: var(--accent-indigo-soft);--accent-border: var(--accent-indigo-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-blue{--accent: var(--accent-blue);--accent-hover: var(--accent-blue-hover);--accent-contrast: var(--accent-blue-contrast);--accent-soft: var(--accent-blue-soft);--accent-border: var(--accent-blue-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-aqua{--accent: var(--accent-aqua);--accent-hover: var(--accent-aqua-hover);--accent-contrast: var(--accent-aqua-contrast);--accent-soft: var(--accent-aqua-soft);--accent-border: var(--accent-aqua-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-teal{--accent: var(--accent-teal);--accent-hover: var(--accent-teal-hover);--accent-contrast: var(--accent-teal-contrast);--accent-soft: var(--accent-teal-soft);--accent-border: var(--accent-teal-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-jade{--accent: var(--accent-jade);--accent-hover: var(--accent-jade-hover);--accent-contrast: var(--accent-jade-contrast);--accent-soft: var(--accent-jade-soft);--accent-border: var(--accent-jade-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-emerald{--accent: var(--accent-emerald);--accent-hover: var(--accent-emerald-hover);--accent-contrast: var(--accent-emerald-contrast);--accent-soft: var(--accent-emerald-soft);--accent-border: var(--accent-emerald-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-green{--accent: var(--accent-green);--accent-hover: var(--accent-green-hover);--accent-contrast: var(--accent-green-contrast);--accent-soft: var(--accent-green-soft);--accent-border: var(--accent-green-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-fern{--accent: var(--accent-fern);--accent-hover: var(--accent-fern-hover);--accent-contrast: var(--accent-fern-contrast);--accent-soft: var(--accent-fern-soft);--accent-border: var(--accent-fern-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-lime{--accent: var(--accent-lime);--accent-hover: var(--accent-lime-hover);--accent-contrast: var(--accent-lime-contrast);--accent-soft: var(--accent-lime-soft);--accent-border: var(--accent-lime-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-olive{--accent: var(--accent-olive);--accent-hover: var(--accent-olive-hover);--accent-contrast: var(--accent-olive-contrast);--accent-soft: var(--accent-olive-soft);--accent-border: var(--accent-olive-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-mustard{--accent: var(--accent-mustard);--accent-hover: var(--accent-mustard-hover);--accent-contrast: var(--accent-mustard-contrast);--accent-soft: var(--accent-mustard-soft);--accent-border: var(--accent-mustard-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-amber{--accent: var(--accent-amber);--accent-hover: var(--accent-amber-hover);--accent-contrast: var(--accent-amber-contrast);--accent-soft: var(--accent-amber-soft);--accent-border: var(--accent-amber-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-orange{--accent: var(--accent-orange);--accent-hover: var(--accent-orange-hover);--accent-contrast: var(--accent-orange-contrast);--accent-soft: var(--accent-orange-soft);--accent-border: var(--accent-orange-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-clay{--accent: var(--accent-clay);--accent-hover: var(--accent-clay-hover);--accent-contrast: var(--accent-clay-contrast);--accent-soft: var(--accent-clay-soft);--accent-border: var(--accent-clay-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-brick{--accent: var(--accent-brick);--accent-hover: var(--accent-brick-hover);--accent-contrast: var(--accent-brick-contrast);--accent-soft: var(--accent-brick-soft);--accent-border: var(--accent-brick-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-crimson{--accent: var(--accent-crimson);--accent-hover: var(--accent-crimson-hover);--accent-contrast: var(--accent-crimson-contrast);--accent-soft: var(--accent-crimson-soft);--accent-border: var(--accent-crimson-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-rose{--accent: var(--accent-rose);--accent-hover: var(--accent-rose-hover);--accent-contrast: var(--accent-rose-contrast);--accent-soft: var(--accent-rose-soft);--accent-border: var(--accent-rose-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-magenta{--accent: var(--accent-magenta);--accent-hover: var(--accent-magenta-hover);--accent-contrast: var(--accent-magenta-contrast);--accent-soft: var(--accent-magenta-soft);--accent-border: var(--accent-magenta-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-orchid{--accent: var(--accent-orchid);--accent-hover: var(--accent-orchid-hover);--accent-contrast: var(--accent-orchid-contrast);--accent-soft: var(--accent-orchid-soft);--accent-border: var(--accent-orchid-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-grape{--accent: var(--accent-grape);--accent-hover: var(--accent-grape-hover);--accent-contrast: var(--accent-grape-contrast);--accent-soft: var(--accent-grape-soft);--accent-border: var(--accent-grape-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-plum{--accent: var(--accent-plum);--accent-hover: var(--accent-plum-hover);--accent-contrast: var(--accent-plum-contrast);--accent-soft: var(--accent-plum-soft);--accent-border: var(--accent-plum-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.accent-slate{--accent: var(--accent-slate);--accent-hover: var(--accent-slate-hover);--accent-contrast: var(--accent-slate-contrast);--accent-soft: var(--accent-slate-soft);--accent-border: var(--accent-slate-border);--color-focus: var(--accent);--progress-fill: linear-gradient(90deg, var(--accent), var(--accent-hover))}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-6)}}.container--narrow{max-width:var(--container-narrow)}.stack>*+*{margin-top:var(--space-5)}.section{padding-block:var(--space-7)}@media(min-width:768px){.section{padding-block:var(--space-8)}}.skip-link{position:absolute;left:var(--space-4);top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast);transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid--wide{grid-template-columns:1fr}@media(min-width:768px){.grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid--single{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.section-head__title{font-size:var(--text-xl)}.section-head__text{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.admin__bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-block:var(--space-5) var(--space-4)}.field{display:block}.field+.field{margin-top:var(--space-4)}.field__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600}.field__input{display:block;width:100%;padding:.625rem var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.field__input::placeholder{color:var(--color-text-subtle)}.field__input:hover:not(:disabled){border-color:var(--accent)}.field__input:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.field__hint{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-subtle)}.field__error{display:block;margin-top:var(--space-2);font-size:var(--text-xs);font-weight:550;color:var(--color-danger)}.field--invalid .field__input{border-color:var(--color-danger)}.form-error{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-soft);font-size:var(--text-sm);color:var(--color-danger)}.form-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-soft);font-size:var(--text-sm);color:var(--color-success)}