*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020812;color:#f6f8ff;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 50% 20%,#09275a 0,#04101f 32%,#020812 72%);overflow-x:hidden}.login309{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;position:relative}.login309:before,.login309:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.login309:before{width:330px;height:330px;background:#263dff;left:10%;top:8%}.login309:after{width:300px;height:300px;background:#8d22ff;right:9%;bottom:8%}.back309{position:absolute;left:30px;top:28px;color:#8fb7e9;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:1px}.card309{position:relative;z-index:2;width:100%;max-width:460px;padding:42px 38px 36px;border:1px solid #31597e;border-radius:16px;background:rgba(3,14,29,.94);box-shadow:0 30px 90px #000,0 0 45px rgba(64,84,255,.13)}.mark309{text-align:center;color:#ff9d16;font-size:24px;font-weight:1000;font-style:italic}.mark309 span{color:#46bfff}.orb309{width:62px;height:62px;margin:20px auto;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e22b18;background:radial-gradient(circle at 35% 30%,#ffd76b,#ff9813 45%,#f05a00 100%);box-shadow:0 0 25px #ff8a00aa;font-size:20px}.card309 h1{text-align:center;margin:18px 0 8px;font-size:32px}.card309>p{text-align:center;color:#9fb1c7;margin:0 0 28px}.card309 label{display:block;margin:16px 0;color:#9ec8f4;font-size:11px;font-weight:900;letter-spacing:1.2px}.card309 input{display:block;width:100%;height:52px;margin-top:8px;padding:0 15px;border:1px solid #315b83;border-radius:8px;background:#020a14;color:#fff;outline:0;font-size:15px}.card309 input:focus{border-color:#6e6dff;box-shadow:0 0 0 3px rgba(92,76,255,.12)}.card309 button{width:100%;height:54px;margin-top:10px;border:1px solid #a959ff;border-radius:8px;background:linear-gradient(110deg,#3c78ff,#7e22e9);box-shadow:0 0 24px rgba(93,52,255,.28);color:#fff;font-weight:1000;font-size:16px;cursor:pointer}.new309{text-align:center;margin-top:24px;color:#8398b0;font-size:13px}.new309 a{color:#b77cff;font-weight:900;text-decoration:none}.err309{margin:0 0 18px;padding:12px;border:1px solid #a73955;border-radius:8px;background:#35111c;color:#ff9caf;text-align:center}@media(max-width:520px){.login309{padding:18px}.back309{left:18px;top:18px}.card309{padding:34px 20px 28px;margin-top:30px}.card309 h1{font-size:27px}}