*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b1411;color:#eef7f3}body{min-height:100vh;overflow:hidden}.login-shell{min-height:100vh;display:flex;align-items:flex-end;justify-content:center;padding:clamp(18px,4vw,52px);background:linear-gradient(180deg,rgba(5,12,10,.08) 20%,rgba(5,12,10,.25) 55%,rgba(5,12,10,.9) 100%),radial-gradient(ellipse at center,#233a32 0%,#0b1411 75%);background-size:cover;background-position:center;transition:background-image .7s ease}.login-card{width:min(620px,100%);padding:20px;border:1px solid rgba(190,220,208,.18);border-radius:18px;background:rgba(8,18,15,.78);backdrop-filter:blur(18px);box-shadow:0 18px 65px rgba(0,0,0,.35)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;align-items:center;gap:10px;min-width:0;padding:0 12px;border:1px solid rgba(150,190,174,.28);border-radius:10px;background:rgba(15,29,24,.88);height:52px}.field>span:first-child{font-size:20px}.field input{width:100%;min-width:0;border:0;outline:0;color:#f1faf6;background:transparent;font-size:15px}.field input::placeholder{color:#a4b8ae}.login-card button{width:100%;height:48px;margin-top:13px;border:0;border-radius:10px;background:#2c8875;color:white;font-size:15px;font-weight:750;cursor:pointer}.login-card button:hover{background:#359b85}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.login-shell{padding:14px}.login-card{padding:14px}.fields{grid-template-columns:1fr}.field{height:48px}}