:root{--blue-dark: #0B3A6A;--blue-light: #0F80C3;--teal: #0F766E;--green: #6BC23F;--gray-text: #4A5568;--white: #FFFFFF;--bg-gradient-start: #E6F5F9;--bg-gradient-end: #F7FFF9;--radius: 18px;--shadow: 0 12px 40px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));background-attachment:fixed}.center-wrap{min-height:100%;display:grid;place-items:center;padding:40px;animation:fadeIn .7s ease-out}.card{background:var(--white);padding:34px;border-radius:var(--radius);max-width:440px;width:100%;box-shadow:var(--shadow);animation:softPop .6s ease-out}.brand{text-align:center;margin-bottom:20px}.brand img{width:120px;margin-bottom:.5rem}.brand h1{font-size:24px;color:var(--blue-dark);margin:0}.field{margin-bottom:16px;text-align:left}.label{font-weight:600;color:var(--gray-text);font-size:14px}.input{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid #CBD5E0;margin-top:6px;font-size:15px}.input:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px #0f80c340}.btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--blue-dark),var(--blue-light));border:none;color:#fff;font-weight:700;font-size:16px;border-radius:var(--radius);cursor:pointer;margin-top:6px;transition:.15s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.helper{color:var(--gray-text);margin-top:16px;font-size:13px;text-align:center}a{color:var(--blue-light);text-decoration:none}a:hover{text-decoration:underline}.error{color:#d92d20;margin-top:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes softPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}