:root { --auth-ink:#151f3a; --auth-muted:#6d7895; --auth-line:#e3e7f3; --auth-red:#ff2442; }
body.auth-page { display:grid; place-items:center; min-height:100vh; padding:28px; background:radial-gradient(circle at 12% 14%,#ffe7f1 0,transparent 36%),radial-gradient(circle at 92% 14%,#e5edff 0,transparent 40%),linear-gradient(135deg,#fffaff 0%,#f5f4ff 52%,#edf5ff 100%); color:var(--auth-ink); }
.auth-box { width:min(440px,100%); padding:38px 40px 30px; border:1px solid #fff; border-radius:26px; background:rgba(255,255,255,.78); box-shadow:0 22px 70px rgba(80,76,150,.15); backdrop-filter:blur(20px); }
.auth-brand { display:inline-flex; align-items:center; gap:10px; color:var(--auth-ink); text-decoration:none; }
.auth-brand > span { margin-left:0; color:inherit; }
.auth-brand .auth-mark { display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:11px; background:linear-gradient(135deg,#ff425d,#ff163c); }
.auth-brand .auth-mark img { width:26px; height:26px; object-fit:contain; filter:brightness(0) invert(1); }
.auth-brand .auth-mark-custom { background:transparent; }
.auth-brand .auth-mark-custom img { width:100%; height:100%; filter:none; }
.auth-brand { max-width:100%; }
.auth-brand .auth-wordmark { min-width:0; overflow:hidden; }
.auth-brand .auth-wordmark b, .auth-brand .auth-wordmark small { overflow:hidden; text-overflow:ellipsis; }
.auth-brand .auth-wordmark { display:grid; line-height:1.1; }
.auth-brand b { font-size:21px; letter-spacing:.03em; }
.auth-brand small { margin-top:4px; color:var(--auth-muted); font-size:10px; }
.auth-box h1 { margin:34px 0 8px; color:var(--auth-ink); font-size:30px; letter-spacing:-.03em; }
.auth-box > .muted { margin:0; color:var(--auth-muted); font-size:13px; }
.auth-box form { display:grid; gap:15px; margin-top:27px; }
.auth-box label:not(.check) { display:grid; gap:8px; color:#384463; font-size:13px; font-weight:650; }
.auth-box input:not([type=checkbox]) { width:100%; min-height:48px; padding:12px 14px; border:1px solid var(--auth-line); border-radius:12px; background:rgba(255,255,255,.8); color:var(--auth-ink); outline:0; }
.auth-box input:not([type=checkbox]):focus { border-color:#ff6c82; box-shadow:0 0 0 4px rgba(255,36,66,.1); }
.auth-submit { width:100%; min-height:50px; margin-top:4px; border-radius:13px; background:#202a43; font-size:15px; }
.auth-submit:hover { background:#303d5a; }
.auth-box .quick-register { display:block; margin-top:20px; padding:0; border:0; }
.quick-divider { display:flex; align-items:center; gap:12px; margin:0 0 14px; color:#8b94aa; font-size:12px; }
.quick-divider::before,.quick-divider::after { content:""; height:1px; flex:1; background:var(--auth-line); }
.quick-register > .quick-button { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:56px; padding:14px 18px; border:0; border-radius:13px; background:linear-gradient(100deg,#ff163c,#ff4d68); color:#fff; font-size:16px; font-weight:750; box-shadow:0 8px 20px rgba(255,36,66,.18); }
.quick-register > .quick-button:hover { background:linear-gradient(100deg,#eb0d32,#fa3c59); }
.quick-button span:last-child { font-size:22px; font-weight:400; }
.credentials { margin-top:15px; padding:17px; border:1px solid #cfe8d7; border-radius:13px; background:#f6fff8; }
.credentials h2 { margin:0 0 6px; font-size:17px; }
.credentials p { margin:0 0 13px; color:#647466; font-size:12px; }
.credentials dl { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; margin:0 0 15px; font-size:12px; }
.credentials dt { color:#718073; }
.credentials dd { margin:0; overflow-wrap:anywhere; color:#1f4a2b; font-weight:700; }
.credentials .link-button { width:100%; min-height:44px; }
.auth-box .switch { margin:23px 0 0; color:var(--auth-muted); font-size:12px; text-align:center; }
.auth-box .switch a { color:#d51d3a; font-weight:700; }
@media(max-width:520px){body.auth-page{padding:16px}.auth-box{padding:28px 22px 24px;border-radius:22px}.auth-box h1{font-size:27px;margin-top:28px}.auth-brand b{font-size:19px}}

#quickResult{border:0;border-radius:20px;padding:24px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;box-sizing:border-box;color:var(--text,#24262d);box-shadow:0 20px 70px #181b2933}#quickResult::backdrop{background:#171b2c80}#quickResult h2{font-size:20px;line-height:1.5;margin:0 0 12px}#quickResult dd{overflow-wrap:anywhere;user-select:all}#quickResult .credential-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#quickResult button,#quickResult .link-button{min-height:44px}#quickResult textarea{width:100%;min-height:100px;box-sizing:border-box}#quickResult #copyMessage:empty{display:none}#quickResult .link-button{display:flex;justify-content:center;margin-top:16px}