*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f3fa;font:15px/1.6 system-ui,sans-serif;color:#30233e}.auth-card{width:100%;max-width:460px;padding:32px;background:white;border:1px solid #e7dfee;border-radius:24px;box-shadow:0 12px 50px #30233e0c}.auth-logo{width:64px;height:64px;border-radius:18px}h1{font-size:26px;line-height:1.25}label{display:block;font-weight:600;margin:16px 0}input,button{font:inherit;border-radius:12px;padding:13px 15px;width:100%;min-height:48px}input{border:1px solid #d9cde4;margin-top:6px}input:focus{outline:3px solid #d7c3e8;border-color:#744c96}button{background:#65418a;color:white;border:0;font-weight:700;cursor:pointer;margin-top:12px}button:disabled{opacity:.5}.auth-error{color:#a12636;background:#fff0f1;padding:12px;border-radius:12px}.auth-hint{color:#776980;font-size:13px}a{color:#65418a}.secondary{background:#f0e9f6;color:#65418a}

html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#131222;color:#f6efff}html[data-theme=dark] .auth-card{background:#252237;border-color:#51445f;box-shadow:0 12px 50px #0003}html[data-theme=dark] input{background:#30293e;color:#f6efff;border-color:#7d648c}html[data-theme=dark] a,html[data-theme=dark] .auth-hint{color:#c6a0f0}html[data-theme=dark] .secondary{background:#3b2c50;color:#efddff}html[data-theme=dark] .auth-error{background:#542d3c;color:#ffc5cd}