:root,html.dark-mode{--shell-bg: #0a0904;--shell-surface: #141208;--shell-surface-hover: #1e1a12;--shell-surface-active: #2a2a1a;--shell-text: #e0e0e0;--shell-text-muted: #888;--shell-accent: #d4a017;--shell-accent-bright: #ffc95e;--shell-accent-hover: #ffd54f;--shell-accent-dim: rgba(212, 160, 23, .15);--shell-border: #2a2215;--page-bg: #121008;--page-surface: #1e1a12;--page-surface-alt: #252015;--page-text: #e0e0e0;--page-text-secondary: #aaa;--page-text-muted: #888;--page-border: #332a1a;--page-border-light: #2a2215;--page-hover: #2a2215;--page-link: #ffc95e;--page-error-bg: #3a1010;--page-error-fg: #ef9a9a;--page-success-bg: #1b3a1b;--page-success-fg: #81c784;--page-warning-bg: #3a2200;--page-warning-fg: #ffb74d;--page-info-bg: #0d3b66;--page-info-fg: #64b5f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page-bg);color:var(--page-text);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--page-link);text-decoration:none;border-bottom:1px dotted transparent;transition:border-color .15s ease}a:hover,a:focus-visible{border-bottom-color:var(--page-link)}:focus-visible{outline:2px solid var(--shell-accent-bright);outline-offset:2px;border-radius:var(--radius-sm)}.shell{min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-areas:"panel" "form";align-content:start}@media(min-width:1024px){.shell{grid-template-columns:3fr 2fr;grid-template-rows:1fr;grid-template-areas:"form panel"}}.shell.shell--app{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"header" "main"}@media(min-width:1024px){.shell.shell--app{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"header" "main"}}.shell__form{grid-area:form;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,3vw,56px)}.shell__panel{grid-area:panel;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px) clamp(20px,4vw,56px)}@media(min-width:1024px){.shell__panel{padding:clamp(24px,4vw,72px) clamp(20px,4vw,56px);background:radial-gradient(ellipse at 50% 35%,var(--shell-accent-dim),transparent 65%);border-left:1px solid var(--page-border-light)}}.shell__header{grid-area:header;display:flex;align-items:center;padding:clamp(14px,2vw,22px) clamp(20px,4vw,48px);border-bottom:1px solid var(--page-border-light)}.shell__main{grid-area:main;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(24px,4vw,56px) clamp(20px,3vw,56px)}.brand{display:inline-flex;align-items:center;border-bottom:none}.brand:hover,.brand:focus-visible{border-bottom-color:transparent}.brand__logo{width:auto;display:block;height:clamp(96px,14vw,240px)}.brand--small .brand__logo{height:clamp(36px,4vw,56px)}.page{width:100%;max-width:720px;background:var(--page-surface);border:1px solid var(--page-border);border-radius:var(--radius-lg);padding:clamp(24px,3.5vw,48px) clamp(20px,3vw,40px);box-shadow:var(--shadow-md)}@media(max-width:540px){.page{border-radius:var(--radius-md)}}.page__heading{font-size:clamp(1.375rem,1.1rem + .7vw,2rem);font-weight:700;margin:0 0 24px;letter-spacing:-.01em;text-align:center}.page__heading:has(+.page__subheading){margin-bottom:8px}.page__subheading{color:var(--page-text-secondary);margin:0 0 28px;font-size:clamp(.9375rem,.875rem + .2vw,1.0625rem);text-align:center}.field{margin-bottom:20px}fieldset.field{border:none;padding:0;margin:0 0 20px;min-inline-size:0}legend.field__label{padding:0;display:block;width:100%}.page__heading:focus{outline:none}.field__label{display:block;font-size:clamp(15px,.95rem + .25vw,18px);font-weight:600;color:var(--page-text);margin-bottom:8px;line-height:1.4}.field__hint{display:block;font-size:clamp(13px,.8rem + .15vw,15px);color:var(--page-text-muted);margin-top:8px;line-height:1.4}.field__error{display:block;font-size:clamp(13px,.8rem + .15vw,15px);color:var(--page-error-fg);margin-top:8px;line-height:1.4}.input,.textarea,.select{width:100%;padding:clamp(12px,1.4vw,18px);background:var(--page-surface-alt);border:1px solid var(--page-border);border-radius:var(--radius-md);color:var(--page-text);font-family:inherit;font-size:16px;line-height:1.4;transition:border-color .15s ease,background-color .15s ease,box-shadow .2s ease}.input:hover:not(:disabled),.textarea:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--page-border-light)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--shell-accent-bright);background:var(--page-surface);box-shadow:0 0 0 3px var(--shell-accent-dim),0 0 24px #ffc95e4d}.input::placeholder,.textarea::placeholder,.select::placeholder{color:#d4a01780}.input:disabled,.textarea:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.textarea{min-height:96px;resize:vertical}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--page-surface-alt);border:1px solid var(--page-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;user-select:none}.choice:hover{border-color:var(--shell-accent);background:var(--page-hover)}.choice input[type=radio],.choice input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--page-border-light);border-radius:50%;margin:0;position:relative;flex-shrink:0;transition:border-color .15s ease}.choice input[type=radio]:checked,.choice input[type=checkbox]:checked{border-color:var(--shell-accent)}.choice input[type=radio]:checked:after,.choice input[type=checkbox]:checked:after{content:"";position:absolute;inset:3px;background:var(--shell-accent);border-radius:50%}.choice.choice--selected{border-color:var(--shell-accent);background:var(--shell-accent-dim)}.choice .choice__label{flex:1}.choice .choice__title{font-weight:500;color:var(--page-text);font-size:clamp(15px,.95rem + .2vw,17px)}.choice .choice__sub{font-size:clamp(13px,.8rem + .15vw,15px);color:var(--page-text-secondary);margin-top:4px;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:clamp(12px,1.4vw,18px) clamp(16px,2vw,28px);background:var(--shell-accent);color:#1a1200;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.btn:hover:not(:disabled){background:var(--shell-accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.btn--secondary{background:transparent;color:var(--page-text);border:1px solid var(--page-border)}.btn.btn--secondary:hover:not(:disabled){background:var(--page-hover);border-color:var(--page-border-light)}.btn.btn--ghost{background:transparent;color:var(--page-link)}.btn.btn--ghost:hover:not(:disabled){background:var(--shell-accent-dim)}.btn-row{display:flex;gap:10px;margin-top:28px}.progress{display:flex;gap:8px;margin-bottom:24px;align-items:center}.progress__dot{flex:1;height:4px;border-radius:2px;background:var(--page-border);transition:background-color .2s ease}.progress__dot.progress__dot--active{background:var(--shell-accent)}.progress__dot.progress__dot--done{background:var(--shell-accent-bright)}.progress__label{font-size:12px;color:var(--page-text-muted);margin-bottom:8px}.banner{padding:14px 16px;border-radius:var(--radius-md);border:1px solid;margin-bottom:20px;font-size:14px}.banner--error{background:var(--page-error-bg);color:var(--page-error-fg);border-color:var(--page-error-fg)}.banner--success{background:var(--page-success-bg);color:var(--page-success-fg);border-color:var(--page-success-fg)}.banner--warning{background:var(--page-warning-bg);color:var(--page-warning-fg);border-color:var(--page-warning-fg)}.banner--info{background:var(--page-info-bg);color:var(--page-info-fg);border-color:var(--page-info-fg)}.otp-input{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:28px;font-weight:600;letter-spacing:.5em;text-align:center;padding:18px 14px}.combo{position:relative}.combo .combo__list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--page-surface);border:1px solid var(--page-border);border-radius:var(--radius-md);max-height:280px;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:10}.combo .combo__option{padding:10px 14px;cursor:pointer;color:var(--page-text);border-bottom:1px solid var(--page-border-light)}.combo .combo__option:last-child{border-bottom:none}.combo .combo__option:hover,.combo .combo__option.combo__option--active{background:var(--page-hover);color:var(--shell-accent-bright)}.combo .combo__option--empty{color:var(--page-text-muted);cursor:default}.combo .combo__option--empty:hover{background:transparent}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--page-text-muted);font-size:14px}.resend-prompt{text-align:center;margin-top:16px;font-size:clamp(13px,.8rem + .15vw,15px);color:var(--page-text-muted);min-height:1.5em;display:flex;align-items:center;justify-content:center;gap:6px}.link-button{background:none;border:none;padding:0;color:var(--page-link);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-button:hover,.link-button:focus-visible{color:var(--shell-accent-bright)}.link-button:disabled{opacity:.5;cursor:not-allowed}.footer-note{text-align:center;font-size:13px;color:var(--page-text-muted);margin-top:28px;padding-top:20px;border-top:1px solid var(--page-border-light)}