*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#12305c 0,transparent 30%),radial-gradient(circle at 80% 10%,#28154c 0,transparent 24%),linear-gradient(180deg,#091426,#050913);color:#f5fbff;display:grid;place-items:center;padding:22px}.box{width:min(520px,100%);background:rgba(10,25,45,.96);border:1px solid #284c73;border-radius:24px;padding:28px;box-shadow:0 24px 70px #0007}.brand{font-size:42px;margin-bottom:4px}.sub{color:#9fb5cf;margin:0 0 22px}.field{margin:14px 0}.field label{display:block;font-size:13px;color:#bcd0e8;margin-bottom:6px}.field input,.field select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #31577d;background:#071526;color:#fff;outline:none}.field input:focus,.field select:focus{border-color:#46d8ff;box-shadow:0 0 0 3px #46d8ff22}.btn{width:100%;border:0;border-radius:13px;padding:13px 15px;font-weight:800;cursor:pointer;background:linear-gradient(90deg,#46d8ff,#a77cff);color:#06111e;margin-top:8px}.links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.links a{color:#8ce8ff;text-decoration:none}.msg{padding:10px 12px;border-radius:12px;margin:12px 0;background:#351725;border:1px solid #7a3046;color:#ffd7df}.ok{background:#103326;border-color:#24694c;color:#baffda}.small{font-size:12px;color:#9fb5cf}.logo{font-weight:900;font-size:25px}.logo span{color:#46d8ff}