html,body{margin:0;min-height:100%;background:#01060d;color:#eaf8ff;font-family:Arial,Helvetica,sans-serif}body{display:grid;place-items:center;padding:20px}.gate{width:min(560px,96vw);border:1px solid rgb(69 220 255 / .55);border-radius:24px;background:radial-gradient(circle at top left,rgb(27 92 139 / .45),rgb(3 10 20 / .98) 42%,rgb(1 5 10 / .98));box-shadow:0 0 50px rgb(0 177 255 / .28);padding:28px}.brand{font-size:13px;color:#72dfff;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.gate h1{margin:8px 0 10px;font-size:32px;line-height:1.05}.gate p{color:#cbeeff;line-height:1.45}.gate input{width:100%;box-sizing:border-box;border:1px solid rgb(75 218 255 / .45);background:#020b16;color:#fff;border-radius:12px;padding:14px;font-size:18px;margin:10px 0}.gate button{border:1px solid rgb(76 220 255 / .65);background:linear-gradient(180deg,rgb(24 88 137 / .9),rgb(4 20 36 / .98));color:#fff;border-radius:12px;padding:13px 16px;font-weight:900;font-size:16px;cursor:pointer}.hint{font-size:13px;opacity:.72;margin-top:14px}.lock{font-size:42px;filter:drop-shadow(0 0 12px rgb(69 220 255 / .6))}