:root{color:#17201b;background:#1a237e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#1a237e,#283593);min-width:320px;margin:0}button,code,pre{font:inherit}.app-shell{place-items:center;min-height:100svh;padding:clamp(24px,6vw,72px);display:grid}.eyebrow{color:#536259;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.auth-card{background:#fff;border:1px solid #17201b1f;border-radius:12px;width:min(440px,100%);padding:clamp(28px,5vw,44px);box-shadow:0 24px 60px -32px #17201b66}.auth-card__header{margin-bottom:28px}.auth-card__title{margin:8px 0 0;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.1}.auth-card__subtitle{color:#536259;margin:10px 0 0;font-size:.94rem}.auth-form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:#39453e;font-size:.86rem;font-weight:700}.field__control{position:relative}.field__input{color:#17201b;background:#fff;border:1px solid #17201b2e;border-radius:8px;width:100%;padding:12px 14px}.field__input:focus-visible{outline-offset:1px;border-color:#1a237e;outline:2px solid #1a237e47}.field__control .field__input{padding-right:48px}.field__toggle{color:#536259;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field__toggle:hover{color:#17201b;background:#17201b0f}.auth-form__row{justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;display:flex}.checkbox{color:#39453e;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.checkbox input{accent-color:#1a237e;width:16px;height:16px}.auth-link{color:#1a237e;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-form__error{color:#7f2d26;background:#f2c6bc;border-radius:8px;margin:0;padding:12px 14px;font-size:.88rem}.auth-form__success{color:#0f5d45;background:#bdebd3;border-radius:8px;margin:0;padding:12px 14px;font-size:.88rem}.auth-button{color:#fff;cursor:pointer;background:#1a237e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:13px 16px;font-weight:800;display:inline-flex}.auth-button:hover{background:#151a75}.auth-button:disabled{cursor:progress;opacity:.7}.auth-form__footer{color:#536259;text-align:center;margin:6px 0 0;font-size:.9rem}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}