.auth-page{max-width:460px;margin:40px auto;padding:0 16px}.auth-card{background:#fff;border-radius:14px;padding:32px 28px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.auth-title{margin:0 0 8px;font-size:24px;text-align:center}.auth-intro{color:#777;font-size:14px;text-align:center;margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.auth-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#555}.auth-field span{font-weight:500}.auth-field input,.auth-field select,.auth-field textarea{padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;font-family:inherit;background:#fff;color:#1a1a2e;box-sizing:border-box;width:100%}.auth-field input:focus,.auth-field select:focus,.auth-field textarea:focus{outline:2px solid var(--c-yellow,#ffcb05);outline-offset:1px;border-color:var(--c-yellow,#ffcb05)}.auth-field-check{flex-direction:row;align-items:center;gap:8px}.auth-field-check input{width:auto}.auth-field-full{grid-column:1/-1}.auth-links{text-align:center;margin-top:18px;font-size:14px;color:#555}.auth-links a{color:var(--c-blue,#1a73e8);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.dark-mode .auth-card{background:var(--c-surface,#1e1e2e);box-shadow:0 4px 16px rgba(0,0,0,.4)}.dark-mode .auth-field{color:#ccc}.dark-mode .auth-field input,.dark-mode .auth-field select,.dark-mode .auth-field textarea{background:#2a2a3e;color:#f1f1f1;border-color:#3a3a4e}.dark-mode .auth-links{color:#aaa}