*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 10%,#34336977,transparent 50%),radial-gradient(ellipse at 5% 90%,#164a5b55,transparent 50%),#090f1e;font:15px 'Segoe UI',Arial,sans-serif;color:#dce8fb;display:grid;place-items:center;padding:30px 18px}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(1px 1px at 30px 70px,#c9dcff 99%,transparent),radial-gradient(1px 1px at 190px 270px,#a5c2ff 99%,transparent);background-size:320px 330px}.login{position:relative;width:min(470px,100%);background:linear-gradient(130deg,#17243aea,#111c30ec);border:1px solid #364a6c;border-radius:16px;padding:36px;box-shadow:0 20px 70px #0005}.mark{color:#90e5e2;font-size:32px;margin-bottom:20px}.eyebrow{color:#84adcf;font-size:10px;letter-spacing:2.5px;font-weight:600}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:550;margin:16px 0}p{font-size:13px;color:#8ca6c7;line-height:1.7;margin:16px 0 23px}label{display:block;font-size:12px;color:#a6bdd9;margin:15px 0 8px}input,textarea{width:100%;font:inherit;background:#0f1a2c;border:1px solid #3c5271;border-radius:7px;padding:12px;color:#e5f2ff}input:focus,textarea:focus{outline:2px solid #94c7ff;outline-offset:2px}textarea{font-size:12px;resize:vertical}button{width:100%;background:linear-gradient(115deg,#438dbc,#8278c3);color:white;border:1px solid #8eafe5;padding:13px;border-radius:7px;font:inherit;cursor:pointer;margin-top:18px}button:hover{filter:brightness(1.1)}.notice{background:#33283d;border:1px solid #68506f;color:#dac0d7;padding:15px;border-radius:7px;font-size:12px;line-height:1.7;margin-top:20px}footer{font-size:9px;line-height:2;color:#607c9c;letter-spacing:.5px;margin-top:32px}@media(max-width:450px){.login{padding:25px}h1{font-size:30px}}