*{margin:0;padding:0;box-sizing:border-box}:root{--teal:#2AACBB;--teal-dark:#1E8A97;--teal-light:#E8F8FA;--green:#3BAA6E;--red:#E05252;--red-light:#FEF0F0;--navy:#1A2332;--text:#1A2332;--muted:#6B7B8D;--bg:#F4F7FA;--card:#fff;--border:#E2E8F0;--ff:"DM Sans",sans-serif}body{font-family:var(--ff);background:linear-gradient(135deg,#e8f8fa,#f4f7fa 60%,#fff);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text)}.shell{width:100%;max-width:420px;background:var(--card);border-radius:20px;box-shadow:0 20px 60px #1a233214;padding:36px 32px}.logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 6px 20px #2aacbb59}.logo-name{font-weight:800;font-size:20px;letter-spacing:-.3px}h1{font-size:24px;font-weight:800;margin-top:24px}p.lead{color:var(--muted);font-size:14px;margin-top:6px;margin-bottom:24px}label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px;margin-top:14px}input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:15px;font-family:var(--ff);outline:none;transition:border-color .15s,background .15s}input:focus{border-color:var(--teal);background:#fff}.btn{width:100%;margin-top:24px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;border:none;border-radius:12px;padding:13px;font-size:15px;font-weight:700;font-family:var(--ff);cursor:pointer;box-shadow:0 8px 22px #2aacbb4d;transition:transform .1s,box-shadow .15s}.btn:hover{box-shadow:0 10px 28px #2aacbb73}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.65;cursor:not-allowed}.alt{margin-top:18px;font-size:13px;color:var(--muted);text-align:center}.alt a{color:var(--teal);font-weight:700;text-decoration:none}.alt a:hover{text-decoration:underline}.error{background:var(--red-light);color:var(--red);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:14px;display:none}.error.show{display:block}.pw-wrap{position:relative}.pw-input{padding-right:44px}.pw-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;color:var(--muted,#9aa);display:flex;align-items:center;justify-content:center}.forgot-row{margin-top:10px;text-align:right}.forgot-link{color:var(--teal);font-size:13px;font-weight:600;text-decoration:none}.stay-row{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--text,#1f2d3d);cursor:pointer;-webkit-user-select:none;user-select:none}.stay-row input{width:16px;height:16px;accent-color:var(--teal);cursor:pointer}.btn-bio{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--teal);border:1.5px solid var(--teal);border-radius:10px;padding:12px;font-size:14px;font-weight:700;font-family:var(--ff);cursor:pointer;transition:background .15s}.btn-bio:hover{background:var(--teal-soft,rgba(20,160,160,.08))}.btn-bio:disabled{opacity:.6;cursor:default}