*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#05090e;color:#eef5fb}body{min-height:100vh;overflow:hidden}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 20%,#0d2530 0,#07131b 28%,#05090e 62%);isolation:isolate}.login-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(75,163,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(75,163,190,.035) 1px,transparent 1px);background-size:44px 44px;z-index:-2}.ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;z-index:-1}.ambient-a{width:420px;height:420px;background:#19d99b;left:-140px;bottom:-170px}.ambient-b{width:360px;height:360px;background:#168eea;right:-110px;top:-100px}.login-card{width:min(440px,calc(100vw - 36px));padding:42px;background:linear-gradient(180deg,rgba(13,23,31,.96),rgba(7,13,19,.96));border:1px solid #1c303d;border-radius:20px;box-shadow:0 30px 90px #000a,inset 0 1px #ffffff0a}.brand-mark{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;margin:0 auto 22px;background:linear-gradient(145deg,#1ae0a0,#0fa775);color:#03120d;font-size:25px;box-shadow:0 10px 35px #19d99b28}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#7f98a7;font:700 10px Roboto Mono,monospace;letter-spacing:1.7px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#22df9f;box-shadow:0 0 12px #22df9f}h1{text-align:center;margin:12px 0 4px;font-size:36px;letter-spacing:-1.8px}h1 span{color:#27dda1}.lead{text-align:center;color:#718795;font-size:13px;margin:0}.divider{height:1px;background:#172833;margin:29px 0 26px}label{display:block;color:#8095a2;font:700 10px Roboto Mono,monospace;letter-spacing:1.2px;margin:0 0 19px}.field{height:52px;margin-top:9px;border:1px solid #203541;border-radius:10px;background:#091219;display:flex;align-items:center}.field:focus-within{border-color:#20c991;box-shadow:0 0 0 3px #20c99112}.field>i{width:46px;text-align:center;color:#607785}.field input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#f1f7fa;font:500 14px Inter;padding:0 12px 0 0}.field input::placeholder{color:#405460}.field button{width:46px;height:100%;border:0;background:transparent;color:#607785;cursor:pointer}.sign-in{width:100%;height:52px;border:0;border-radius:10px;background:linear-gradient(90deg,#1bdc9d,#18c88e);color:#04110c;font:800 12px Roboto Mono,monospace;letter-spacing:1px;cursor:pointer;box-shadow:0 12px 28px #18d89920}.sign-in:hover{filter:brightness(1.08)}.error{display:none;margin:-4px 0 16px;padding:11px 12px;border:1px solid #ff5e6c3d;background:#ff4d5d10;border-radius:9px;color:#ff8290;font-size:12px}.error.show{display:block}.secure{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;color:#55707f}.secure i{color:#23ca94}.secure strong,.secure span{display:block}.secure strong{font-size:11px;color:#78909e}.secure span{font-size:10px;margin-top:2px}footer{position:absolute;bottom:22px;color:#40535f;font:600 9px Roboto Mono,monospace;letter-spacing:1.2px}footer b{color:#1dbd88;margin:0 6px}@media(max-height:700px){.login-card{padding:28px 36px}.brand-mark{margin-bottom:14px}.divider{margin:20px 0}footer{display:none}}