:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#f5f7fb;background:#0b1020}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 15%,#202c51 0,transparent 60%)}
main{width:100%;max-width:620px;text-align:center;padding:56px 44px;background:linear-gradient(145deg,#151f35,#101729);border:1px solid #2c3a58;border-radius:28px;box-shadow:0 24px 80px #0004}
.lock{width:88px;height:88px;position:relative;margin:0 auto 28px;border:1px solid #424f85;border-radius:26px;background:#232e51}
.lock::before{content:"";position:absolute;width:26px;height:27px;left:30px;top:18px;border:3px solid #aab4ff;border-radius:16px 16px 0 0}
.lock span{position:absolute;left:23px;top:39px;width:40px;height:30px;border-radius:7px;background:#aab4ff}
.lock span::after{content:"";position:absolute;left:18px;top:9px;width:4px;height:12px;background:#232e51;border-radius:3px}
h1{font-size:clamp(28px,5vw,40px);line-height:1.2;letter-spacing:-.03em;margin:0 0 22px}
p{font-size:17px;line-height:1.8;margin:0;color:#c5cede}
.help{font-size:14px;color:#a2afc5;border-top:1px solid #2c3a58;padding-top:24px;margin-top:30px}
@media(max-width:480px){body{padding:18px}main{padding:38px 24px;border-radius:22px}.message{font-size:16px}}