:root { color-scheme:dark; font-family:Inter,"Microsoft YaHei",system-ui,sans-serif; color:#f8f5fc; background:#26232a; }
* {box-sizing:border-box;}body {margin:0;min-height:100dvh;background:radial-gradient(ellipse at 10% 0,#492d4b 0,transparent 64%);}
.login-shell {max-width:470px;margin:0 auto;padding:50px 24px 24px;}
.brand {display:inline-block;border-radius:13px;padding:12px 17px;background:#ff83fb;color:#18111b;text-decoration:none;font-size:26px;letter-spacing:-.08em;font-weight:800;font-style:italic;}
.login-card {margin-top:30px;border:1px solid #ffffff12;border-radius:24px;background:#37373e;padding:30px;box-shadow:0 16px 40px #0002;}
.eyebrow {font-size:12px;letter-spacing:.08em;color:#c2bbc8;margin:0 0 12px;}h1 {font-size:28px;font-weight:600;letter-spacing:-.03em;margin:0;}.intro {font-size:14px;color:#c2bbc8;margin:12px 0 28px;line-height:1.7;}
label {display:block;font-size:14px;margin:20px 0 9px;}input {font:inherit;font-size:16px;border:1px solid #ffffff25;border-radius:11px;color:inherit;background:#2e2e35;width:100%;min-height:50px;padding:12px;}
input::placeholder {color:#a29baa;}input:focus-visible,button:focus-visible,a:focus-visible {outline:3px solid #dca8ff;outline-offset:3px;}
.password-field {display:flex;border:1px solid #ffffff25;border-radius:11px;background:#2e2e35;}.password-field input {border:0;background:transparent;min-width:0;}
button {font:inherit;cursor:pointer;min-height:46px;}#toggle-password {flex-shrink:0;background:transparent;color:#e0d6e5;border:0;padding:0 14px;font-size:13px;border-radius:10px;}
.primary {border:0;background:#ff83fb;color:#201425;width:100%;border-radius:100px;padding:14px 18px;font-size:15px;font-weight:600;}.primary:disabled {opacity:.55;cursor:wait;}
.device-note,.paste-note {font-size:12px;line-height:1.75;color:#c2bbc8;}.device-note {margin:16px 0 0;}.paste-note {border-top:1px solid #ffffff16;padding-top:18px;margin:22px 0 0;}
.login-message {color:#ffd2e2;font-size:13px;line-height:1.7;margin:12px 0;min-height:12px;}.footer {font-size:12px;color:#b5acbd;margin-top:24px;text-align:center;line-height:1.8;}
@media(max-width:420px){.login-shell {padding:28px 18px 20px;}.login-card {padding:24px 20px;margin-top:24px;}h1{font-size:25px;}}
@media(prefers-color-scheme:light){:root{color-scheme:light;color:#29252f;background:#f4f0f6;}body{background:radial-gradient(ellipse at 10% 0,#f7def6 0,transparent 70%);}.login-card{background:#fff;border-color:#e5deea;box-shadow:0 16px 40px #3220430a;}input,.password-field{background:#f8f6fa;border-color:#d9d0e1;}#toggle-password{color:#625467;}.eyebrow,.intro,.device-note,.paste-note,.footer{color:#6c6074;}.paste-note{border-color:#e6dfea;}.login-message{color:#a22f55;}}