:root{--ds-ink:#ffffff;--ds-muted:rgba(255, 255, 255, 0.72);--ds-paper:#11152c;--ds-canvas:#0b0e23;--ds-line:rgba(255, 255, 255, 0.22);--ds-brand:#f08e1c;--ds-brand-dark:#f08e1c;--ds-success:#65d69b;--ds-warning:#ffc85c;--ds-error:#ff7a70;--ds-radius-sm:8px;--ds-radius-md:16px;--ds-shadow:0 12px 32px rgba(0, 0, 0, 0.22)}.design-system-page{background:var(--ds-canvas);color:var(--ds-ink)}.design-system-main{max-width:1240px;margin:0 auto;padding:56px 24px 88px}.design-system-hero{max-width:760px;margin-bottom:48px}.design-system-kicker{color:var(--ds-brand-dark);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.design-system-title{margin:8px 0 12px;color:var(--ds-brand);font-size:clamp(2.25rem, 6vw, 4.5rem);font-weight:800;letter-spacing:-.05em;line-height:.98}.design-system-intro{color:var(--ds-muted);font-size:1.15rem;line-height:1.6}.design-system-section{margin-top:56px}.design-system-section__header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.design-system-section__title{margin:0;color:var(--ds-brand);font-size:1.7rem;font-weight:750;letter-spacing:-.025em}.design-system-section__note{max-width:620px;margin:0;color:var(--ds-muted)}.design-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.design-system-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.design-system-specimen{min-width:0;padding:28px;background:var(--ds-paper);border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow)}.design-system-specimen--wide{grid-column:1/-1}.design-system-specimen__label{display:block;margin-bottom:20px;color:var(--ds-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.design-system-stack{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.design-system-stack--vertical{display:grid;align-items:stretch}.ds-type{margin:0;color:var(--ds-ink);font-family:Arial,Helvetica,sans-serif}.ds-type--display{font-size:clamp(2.5rem, 7vw, 5rem);font-weight:800;letter-spacing:-.055em;line-height:.98}.ds-type--heading{font-size:2rem;font-weight:750;letter-spacing:-.03em;line-height:1.15}.ds-type--subheading{font-size:1.25rem;font-weight:700;line-height:1.3}.ds-type--body{color:var(--ds-muted);font-size:1rem;line-height:1.65}.ds-type--label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ds-type--caption{color:var(--ds-muted);font-size:.82rem;line-height:1.4}.ds-dialog .ds-button,.ds-form-dialog .ds-button,.ds-modal-overlay .ds-button,.ds-shell-page--internal #main-content .ds-button{-webkit-appearance:none;appearance:none;cursor:pointer}.ds-dialog .ds-button--primary,.ds-form-dialog .ds-button--primary,.ds-modal-overlay .ds-button--primary,.ds-shell-page--internal #main-content .ds-button--primary{border-color:transparent;background:linear-gradient(135deg,var(--ds-color-accent,#f08e1c),#ffb65d);color:#08101f}.ds-dialog .ds-button--primary:hover:not(:disabled),.ds-form-dialog .ds-button--primary:hover:not(:disabled),.ds-modal-overlay .ds-button--primary:hover:not(:disabled),.ds-shell-page--internal #main-content .ds-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#ffab3e,#ffc978);color:#08101f}.ds-dialog .ds-button--secondary,.ds-form-dialog .ds-button--secondary,.ds-modal-overlay .ds-button--secondary,.ds-shell-page--internal #main-content .ds-button--secondary{border-color:rgba(240,142,28,.45);background:rgba(255,255,255,.06);color:var(--ds-color-text,var(--ds-ink,#f5f5f5))}.ds-dialog .ds-button--quiet,.ds-form-dialog .ds-button--quiet,.ds-modal-overlay .ds-button--quiet,.ds-shell-page--internal #main-content .ds-button--quiet{border-color:var(--ds-color-border,rgba(255,255,255,.12));background:0 0;color:var(--ds-color-text-muted,var(--ds-muted,rgba(255,255,255,.72)))}.ds-dialog .ds-button--loading,.ds-form-dialog .ds-button--loading,.ds-modal-overlay .ds-button--loading,.ds-shell-page--internal #main-content .ds-button--loading{pointer-events:none}.ds-dialog .ds-button:disabled,.ds-form-dialog .ds-button:disabled,.ds-modal-overlay .ds-button:disabled,.ds-shell-page--internal #main-content .ds-button:disabled{cursor:not-allowed;opacity:.48;transform:none;filter:none;box-shadow:none}.ds-dialog .ds-button:active:not(:disabled),.ds-form-dialog .ds-button:active:not(:disabled),.ds-modal-overlay .ds-button:active:not(:disabled),.ds-shell-page--internal #main-content .ds-button:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 6px rgba(0,0,0,.28);filter:brightness(.92)}.ds-dialog button.ds-button:focus,.ds-form-dialog button.ds-button:focus,.ds-modal-overlay button.ds-button:focus,.ds-shell-page--internal #main-content button.ds-button:focus{outline:0;background-color:transparent}.ds-dialog .ds-button--primary:is(:focus,:active:not(:disabled)),.ds-form-dialog .ds-button--primary:is(:focus,:active:not(:disabled)),.ds-modal-overlay .ds-button--primary:is(:focus,:active:not(:disabled)),.ds-shell-page--internal #main-content .ds-button--primary:is(:focus,:active:not(:disabled)){background:linear-gradient(135deg,#f08e1c,#ffb65d);background-color:#f08e1c}.ds-field{display:grid;gap:7px}.ds-field__label{color:var(--ds-ink);font-size:.88rem;font-weight:750}.ds-field__control{box-sizing:border-box!important;width:100%!important;height:50px!important;margin:0!important;padding:0 14px!important;background:#080b1d!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:var(--ds-radius-sm)!important;box-shadow:none!important;color:#fff!important;font-size:1rem!important}.ds-field__control:focus{border-color:var(--ds-brand-dark)!important;box-shadow:none!important}.ds-field__control:focus-visible,.ds-table-wrap:focus-visible{outline:3px solid rgba(247,147,26,.35);outline-offset:2px}.ds-field__message{color:var(--ds-muted);font-size:.8rem}.ds-field--error .ds-field__control{border-color:var(--ds-error)!important}.ds-field--error .ds-field__message{color:var(--ds-error);font-weight:700}.ds-surface{height:100%;padding:24px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-paper)}.ds-surface__meta{margin-bottom:32px;color:var(--ds-brand-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ds-surface__title{margin:0 0 8px;font-size:1.3rem;font-weight:750}.ds-surface__body{margin:0;color:var(--ds-muted);line-height:1.55}.ds-alert{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px 18px;border-left:4px solid currentColor;border-radius:var(--ds-radius-sm);background:rgba(255,255,255,.08);color:#fff}.ds-alert__title{grid-row:1/span 2}.ds-alert__message{color:inherit;opacity:.82}.ds-alert--success{background:rgba(101,214,155,.12);color:var(--ds-success)}.ds-alert--warning{background:rgba(255,200,92,.12);color:var(--ds-warning)}.ds-alert--error{background:rgba(255,122,112,.12);color:var(--ds-error)}.ds-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm)}.ds-table{width:100%;border-collapse:collapse;background:var(--ds-paper);color:var(--ds-ink)}.ds-table caption{padding:16px 18px;color:var(--ds-ink);font-weight:750;text-align:left}.ds-table td,.ds-table th{padding:14px 18px;border-top:1px solid var(--ds-line);text-align:left;white-space:nowrap}.ds-table th{color:var(--ds-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.ds-dialog{max-width:470px;margin:0 auto;padding:32px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-paper);box-shadow:0 22px 60px rgba(0,0,0,.34);text-align:center;position:relative}.ds-dialog__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:0 0;color:var(--ds-muted);font-size:1.6rem;line-height:1;cursor:pointer}.ds-dialog__close:focus-visible,.ds-dialog__close:hover{color:var(--ds-ink);background:rgba(255,255,255,.08);outline:0}.ds-dialog__icon{display:grid;width:44px;height:44px;margin:0 auto 18px;place-items:center;border-radius:50%;background:rgba(240,142,28,.16);color:var(--ds-brand);font-size:1.2rem;font-weight:800}.ds-dialog__title{margin:0 0 8px;font-size:1.5rem}.ds-dialog__body{margin:0 0 24px;color:var(--ds-muted);line-height:1.55}.ds-dialog__actions{display:flex;justify-content:center;gap:10px}.ds-form-dialog{max-width:640px;width:100%;margin:0 auto;padding:28px 28px 24px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-paper);box-shadow:0 22px 60px rgba(0,0,0,.34);text-align:left;position:relative}.ds-form-dialog__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:0 0;color:var(--ds-muted);font-size:1.6rem;line-height:1;cursor:pointer}.ds-form-dialog__close:focus-visible,.ds-form-dialog__close:hover{color:var(--ds-ink);background:rgba(255,255,255,.08);outline:0}.ds-form-dialog__title{margin:0 32px 16px 0;font-size:1.35rem}.ds-form-dialog__body{max-height:min(58vh,520px);margin-bottom:20px;overflow-y:auto;padding-right:4px}.ds-form-dialog__actions{display:flex;justify-content:flex-end;gap:10px}.ds-form-dialog__actions--start{justify-content:flex-start}.ds-form-dialog__actions--center{justify-content:center}.privacy-policy-modal__links{margin:0 0 20px}.privacy-policy-modal__actions{margin-top:8px}.ds-form-dialog--centered{text-align:center}.ds-form-dialog--centered .ds-form-dialog__title{margin-right:0}.ds-form-dialog__link{color:var(--ds-brand);text-decoration:none}.ds-form-dialog__link:focus-visible,.ds-form-dialog__link:hover{color:#ffab3e;text-decoration:underline}.ds-form-dialog__message{margin:0 0 16px;color:var(--ds-muted);line-height:1.55}.ds-form-dialog__footer-links{display:grid;gap:12px;margin-top:8px}.ds-modal-overlay{position:fixed;inset:0;z-index:21000;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}.ds-modal-overlay.is-hidden{display:none}.ds-modal-overlay__backdrop{position:absolute;inset:0;border:0;margin:0;padding:0;background:rgba(0,0,0,.72);cursor:pointer}.ds-modal-overlay__panel{position:relative;z-index:1;width:100%;max-height:calc(100vh - 48px);overflow:auto}body.ds-modal-open{overflow:hidden}html[data-site-modal-open] .sidenav-trigger{pointer-events:none;opacity:.45}.ds-feedback{display:grid;justify-items:center;min-height:230px;padding:34px 20px;align-content:center;text-align:center}.ds-feedback__symbol{display:grid;width:48px;height:48px;margin-bottom:14px;place-items:center;border:1px solid var(--ds-line);border-radius:50%;color:var(--ds-muted);font-size:1.35rem;font-weight:800}.ds-feedback--error .ds-feedback__symbol{border-color:#f0b8b3;color:var(--ds-error)}.ds-feedback__title{margin:0 0 7px;font-size:1.2rem}.ds-feedback__message{max-width:290px;margin:0 0 16px;color:var(--ds-muted);line-height:1.5}.ds-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--ds-brand);border-radius:50%;animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-spinner{animation-duration:1.8s}.ds-button{transition:none}}.design-system-matrix{font-size:.88rem}.design-system-matrix--spaced{margin-bottom:20px}.design-system-matrix code{white-space:normal;overflow-wrap:anywhere}.design-system-status{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.72rem;font-weight:800}.design-system-status--canonical{background:rgba(101,214,155,.12);color:var(--ds-success)}.design-system-status--legacy-compatible{background:rgba(255,200,92,.12);color:var(--ds-warning)}.design-system-status--intentionally-bespoke{background:rgba(153,130,255,.14);color:#b9aaff}.design-system-status--deprecated{background:rgba(255,122,112,.12);color:var(--ds-error)}@media (max-width:900px){.design-system-grid--three{grid-template-columns:1fr}.design-system-section__header{display:block}.design-system-section__note{margin-top:8px}}@media (max-width:640px){.design-system-main{padding:36px 16px 64px}.design-system-grid{grid-template-columns:1fr}.design-system-specimen{padding:20px}.ds-alert{grid-template-columns:1fr}.ds-alert__title{grid-row:auto}.ds-dialog{padding:24px 18px}.ds-dialog__actions{flex-direction:column-reverse}.ds-dialog__actions .ds-button{width:100%}.ds-form-dialog{padding:22px 18px 18px}.ds-form-dialog__actions{flex-direction:column-reverse}.ds-form-dialog__actions .ds-button{width:100%}.ds-modal-overlay{padding:16px 12px}}