#auth-modal .auth-card{width:100%;max-width:540px;padding:30px 26px 20px;border:1px solid #b995d648;border-radius:26px;background:linear-gradient(155deg,#382147,#21132e);box-shadow:0 24px 80px #10071b66;max-height:calc(100dvh - 32px);overflow-y:auto;color:#fbf5ff}
#auth-modal .auth-heading{text-align:center;padding:0 18px 20px}
#auth-modal .auth-emblem{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;background:#dfb88d1a;border:1px solid #dfb88d40;border-radius:16px;color:#efcc9f;font-size:21px}
#auth-modal .auth-eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#dbb98e;margin-bottom:9px}
#auth-modal h2{font-size:25px;margin:0 0 8px;letter-spacing:-.6px}
#auth-modal .auth-heading p{font-size:12px;line-height:1.6;color:#c2b0ce;margin:0}
#auth-modal .auth-tabs{display:flex;padding:5px;gap:5px;background:#170d2380;border-radius:14px;margin-bottom:23px}
#auth-modal .auth-tabs button{flex:1;border:0;border-radius:10px;padding:12px;background:transparent;color:#bfaacb;font:600 13px var(--font-body);cursor:pointer}
#auth-modal .auth-tabs button.active{background:#68407e;color:#fff;box-shadow:0 3px 12px #140a2140}
#auth-modal .auth-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
#auth-modal .auth-social button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:40px;min-height:40px;padding:6px 7px;border:1px solid #a98bbb55;border-radius:10px;background:#fff;color:#23152c;font:700 9px/1 var(--font-body);text-align:center;cursor:pointer;white-space:nowrap}
#auth-modal .auth-social .auth-provider-apple{background:#0f0c11;color:#fff;border-color:#ffffff24}
#auth-modal .auth-social .auth-provider-facebook{background:#1877f2;color:#fff;border-color:#5d9cf0}
#auth-modal .auth-social button:disabled{opacity:.45;cursor:not-allowed}
#auth-modal .auth-social i{font-size:15px}.auth-provider-icon{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font:bold 12px Arial;color:#4285f4}
#auth-modal .auth-divider{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#a994b5;font-size:9px;text-transform:uppercase;letter-spacing:1.2px}
#auth-modal .auth-divider:before,#auth-modal .auth-divider:after{content:'';height:1px;flex:1;background:#ae8fc32d}
#auth-modal .auth-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:-3px 0 18px}
#auth-modal .auth-methods label{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px;border:1px solid #987aaa55;border-radius:11px;background:#170f2380;color:#d9c6e4;font-size:12px;cursor:pointer}
#auth-modal .auth-methods label:has(input:checked){border-color:#dbb98e;background:#68407e;color:#fff;box-shadow:0 3px 12px #140a2140}
#auth-modal .auth-methods input{accent-color:#efcc9f}
#auth-modal .form-group{margin-bottom:15px;min-width:0}
#auth-modal .form-label{display:block;font-size:12px;margin-bottom:7px;color:#efe2f7}
#auth-modal .form-input{width:100%;box-sizing:border-box;min-width:0;min-height:46px;padding:11px 13px;background:#170f2380;border:1px solid #987aaa55;border-radius:11px;color:#fff;font-size:14px;color-scheme:dark}
#auth-modal .form-input::placeholder{color:#aa96b6;font-size:12px}
#auth-modal .form-input:focus{outline:2px solid #d8b8ed;outline-offset:2px}
#auth-modal .form-input[aria-invalid="true"]{border-color:#ff9fb0}
#auth-modal .auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#auth-modal .auth-section-title{display:flex;align-items:center;gap:9px;margin:4px 0 15px;font-size:12px;font-weight:600;color:#eadbf3}
#auth-modal .auth-section-title span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#b88cdb20;color:#d9b3ee;font-size:10px}
#auth-modal .auth-input-wrap{position:relative}
#auth-modal input[type="password"],#auth-modal input[data-revealed]{padding-right:46px}
#auth-modal .auth-password-toggle{position:absolute;right:2px;top:2px;width:42px;height:42px;border:0;background:transparent;color:#d3bcdf;cursor:pointer}
#auth-modal .auth-hint,#auth-modal .auth-field-error{display:block;font-size:11px;line-height:1.5;margin-top:5px}
#auth-modal .auth-hint{color:#bfaaca}
#auth-modal .auth-field-error{color:#ffb3c1}
#auth-modal .auth-field-error:empty{display:none}
#auth-modal .auth-remember{display:flex;align-items:center;gap:8px;font-size:12px;color:#cdbbd7;margin:0 0 19px;cursor:pointer}
#auth-modal .auth-remember input{accent-color:#c7a1df;width:16px;height:16px}
#auth-modal .auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;font-size:14px}
#auth-modal .auth-submit:disabled{opacity:.65;cursor:wait}
#auth-modal .auth-error{padding:11px;background:#ed708c15;color:#ffc2ce;border:1px solid #ed708c40;border-radius:10px;font-size:12px;line-height:1.5;margin-bottom:13px}
#auth-modal .auth-error[hidden]{display:none}
#auth-modal .auth-footer{text-align:center;color:#bda7cb;font-size:12px;margin:18px 0 0}
#auth-modal .auth-footer button{border:0;background:none;color:#edcba1;font:inherit;font-weight:600;cursor:pointer;padding:6px 2px}
@media(max-width:420px){#auth-modal .auth-card{padding:25px 18px 18px;border-radius:20px}#auth-modal .auth-grid{grid-template-columns:1fr;gap:0}#auth-modal .auth-social{grid-template-columns:1fr}#auth-modal h2{font-size:23px}}