body.login-page{background:linear-gradient(135deg,#063A78,#1687E8);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.login-brand{text-align:center;margin-bottom:25px}.login-brand .brand-mark{margin:auto;background:#0756B8;color:#fff}.login-brand h1{font-size:24px;margin-top:13px;color:#063A78}.login-brand p{font-size:12px;color:#6B7280;margin-top:4px}.login-card form{display:grid;gap:9px}.login-card input{margin-bottom:8px}.login-note{display:block;text-align:center;color:#6B7280;font-size:10px;margin-top:18px}/* Fase 2 — campos de login maiores e arredondados */
.login-card input[type="text"],.login-card input[type="email"],.login-card input[type="password"]{width:100%;height:56px;min-height:56px;padding:0 18px;border:1.5px solid #D3DCE8;border-radius:14px;background:#fff;font-size:16px;color:#263238;transition:border-color .2s,box-shadow .2s}.login-card input[type="text"]:focus,.login-card input[type="email"]:focus,.login-card input[type="password"]:focus{border-color:#1687E8;box-shadow:0 0 0 4px rgba(22,135,232,.12)}.login-card label{font-size:13px;margin-top:3px}.login-card form{gap:10px}.login-card .btn-full{height:52px;border-radius:14px;font-size:15px}

/* Fase 3 — mantém os campos de login grandes e arredondados */
.login-card{width:min(470px,100%);padding:36px}.login-card input{height:56px;min-height:56px;border:1px solid #D1D9E3;border-radius:14px;padding:0 16px;font-size:16px;box-sizing:border-box}.login-card .btn{height:56px;border-radius:14px;font-size:16px}