:root{--bg1: #eaf6ea;--bg2: #d9f0dd;--card: #ffffff;--text: #142015;--muted: #5a6b5d;--border: #d6e3d8;--focus: #2f7a3a}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 600px at 20% 10%,var(--bg2),transparent 60%),radial-gradient(900px 500px at 80% 30%,#e9f6ff,transparent 55%),linear-gradient(180deg,var(--bg1),#f6fbf7)}.auth-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px #00000014;padding:28px}.auth-header h1{margin:0;font-size:28px;letter-spacing:-.02em;color:var(--text)}.auth-header p{margin:8px 0 0;color:var(--muted);font-size:14px}.auth-form{margin-top:18px;display:grid;gap:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);outline:none;font-size:14px}.field input:focus{border-color:var(--focus);box-shadow:0 0 0 4px #2f7a3a1f}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.btn{width:100%;border:none;border-radius:12px;padding:12px 14px;font-weight:700;font-size:14px;cursor:pointer;background:linear-gradient(180deg,#2f7a3a,#24602d);color:#fff;box-shadow:0 10px 24px #2f7a3a38}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px)}.link{background:transparent;border:none;padding:0;color:#2f7a3a;cursor:pointer;font-weight:600;font-size:13px}.link:hover{text-decoration:underline}