.auth-wrap{max-width:420px;margin:0 auto;padding:1rem 0 2rem}.auth-card{background:var(--blanc);border:1px solid var(--line);border-radius:20px;padding:2rem 1.6rem;box-shadow:0 12px 40px rgba(155,33,46,.08)}.auth-title{font-family:var(--font-display),Georgia,serif;font-size:1.9rem;font-weight:700;color:var(--ink);line-height:1.1;margin-bottom:.4rem}.auth-sub{color:var(--muted);font-size:.9rem;margin-bottom:1.6rem}.auth-field{margin-bottom:1rem}.auth-field label{display:block;font-size:.78rem;font-weight:600;color:var(--ink);margin-bottom:.35rem}.auth-field input{width:100%;border:1px solid var(--line2);border-radius:12px;padding:.75rem 1rem;font-family:var(--font-body),system-ui,sans-serif;font-size:1rem;color:var(--ink);background:var(--cream);transition:border-color .2s var(--ease)}.auth-field input:focus{outline:none;border-color:var(--bg);background:var(--blanc)}.auth-field .hint{font-size:.72rem;color:var(--muted2);margin-top:.3rem}.auth-btn{width:100%;border:none;cursor:pointer;font-family:var(--font-body),system-ui,sans-serif;font-size:.95rem;font-weight:600;color:var(--blanc);background:var(--bg);padding:.85rem;border-radius:100px;margin-top:.5rem;transition:background .2s,transform .15s var(--sp)}.auth-btn:hover{background:var(--bg-deep)}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{opacity:.6;cursor:default}.auth-error{background:#fce8ea;border:1px solid #f3c0c6;color:#8b1a26;border-radius:12px}.auth-error,.auth-ok{font-size:.82rem;padding:.7rem 1rem;margin-bottom:1rem}.auth-ok{background:#e8f5ec;border:1px solid #bfe3cb;color:#1e6b3a;border-radius:12px}.auth-switch{text-align:center;font-size:.85rem;color:var(--muted);margin-top:1.3rem}.auth-switch a{color:var(--bg);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-alt{text-align:center;margin-top:.6rem}.auth-alt a{color:var(--muted);font-size:.78rem;text-decoration:none}.auth-alt a:hover{color:var(--bg)}