*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f5f4f0;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#1a1a1a}
.auth-wrap{width:100%;max-width:380px;padding:1rem}
.auth-card{background:#fff;border-radius:16px;border:0.5px solid #e0dfd8;padding:2rem;display:flex;flex-direction:column;gap:12px}
.auth-logo{font-size:40px;text-align:center}
h1{font-size:22px;font-weight:600;text-align:center}
.sub{font-size:13px;color:#888;text-align:center}.sub a{color:#555}
input[type=text],input[type=password],input[type=url]{width:100%;padding:10px 14px;border:0.5px solid #ccc;border-radius:10px;font-size:15px;outline:none;background:#fafaf8;color:#1a1a1a;transition:border-color .15s}
input:focus{border-color:#555}
button[type=submit]{width:100%;padding:10px;background:#1a1a1a;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;margin-top:4px}
button[type=submit]:hover{opacity:.85}
.error{background:#fef0f0;color:#c0392b;border:0.5px solid #f5c6cb;border-radius:8px;padding:8px 12px;font-size:13px}
.success{background:#e8f8ee;color:#1a8a4a;border:0.5px solid #b6e8c8;border-radius:8px;padding:8px 12px;font-size:13px}