:root{color-scheme:light;--app-bg:#FBF8F4;--app-surface:#FFFFFF;--app-surface-soft:#F0F1F2;--app-text:#171E28;--app-muted:#5E5B64;--app-border:#D4D1D6;--app-primary:#111821;--app-on-primary:#FFFFFF;--app-accent:#177F7B;--app-success:#19A765;--app-warning:#B7791F;--app-danger:#B32635;--app-radius:18px;--app-content:720px;--app-form:560px;--app-pad:clamp(16px,3vw,24px);--app-shadow:0 1px 2px rgba(17,24,33,.04),0 8px 30px rgba(17,24,33,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-theme="dark"]{color-scheme:dark;--app-bg:#0C0C0C;--app-surface:#191919;--app-surface-soft:#1F1F21;--app-text:#FFFFFF;--app-muted:#B7B7BC;--app-border:#303033;--app-primary:#FFFFFF;--app-on-primary:#111821;--app-accent:#20BEB8;--app-shadow:none}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--app-bg);color:var(--app-text)}body{font-family:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{width:min(100%,var(--app-content));margin-inline:auto;padding-inline:var(--app-pad)}.app-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow)}.app-button{min-height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 20px;text-decoration:none;font-size:17px;font-weight:850;border:1.5px solid var(--app-primary);cursor:pointer}.app-button-primary{background:var(--app-primary);color:var(--app-on-primary)}.app-button-secondary{background:transparent;color:var(--app-primary)}.app-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--app-bg)}.app-loader[hidden]{display:none}.app-loader img{width:96px;height:96px;object-fit:contain;animation:app-loader-pulse 1.4s ease-in-out infinite alternate}@keyframes app-loader-pulse{from{transform:scale(.88);opacity:.72}to{transform:scale(1.05);opacity:1}}@media(max-width:480px){:root{--app-pad:16px;--app-radius:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}