*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#020202;color:#fff;font-family:"Segoe UI",Arial,sans-serif}
body{overflow:hidden}
.fake{position:fixed;inset:-30px;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:radial-gradient(circle at 70% 20%,rgba(225,8,25,.25),transparent 30rem),#060607;filter:blur(15px);opacity:.65}
.fake img{width:min(100%,900px);grid-column:1/-1;justify-self:center}
.fake div{height:260px;border:1px solid #333;border-radius:20px;background:linear-gradient(135deg,#18181c,#080809)}
.shade{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding:18px;background:rgba(0,0,0,.75);backdrop-filter:blur(7px)}
.gate{position:relative;width:min(100%,640px);padding:30px 46px 36px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(145deg,#141417,#050506);box-shadow:0 45px 130px rgba(0,0,0,.8),0 0 70px rgba(225,8,25,.15);text-align:center}
.gate:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff2739,transparent);box-shadow:0 0 25px #e00819}
.gate img{width:min(100%,340px);height:auto;margin:0 auto 8px}
.gate>span{color:#ff3042;font-size:.66rem;font-weight:850;letter-spacing:.18em}
.gate h1{margin:9px 0 13px;font-size:clamp(2.35rem,7vw,3.8rem);line-height:.98}
.gate p{max-width:520px;margin:0 auto;color:#b8b8bf;line-height:1.6}
.gate-actions{display:grid;grid-template-columns:1.5fr .8fr;gap:12px;margin-top:25px}
.gate-actions form{margin:0}
.gate button{width:100%;min-height:52px;border:1px solid #ff5260;border-radius:9px;background:linear-gradient(135deg,#ff2739,#ac000c);color:#fff;font-weight:900;letter-spacing:.08em;cursor:pointer}
.gate button.exit{border-color:#444;background:#08080a}
.gate button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.gate small{display:block;margin-top:15px;color:#6e6e76}
@media(max-width:600px){.shade{place-items:start center;padding:14px}.gate{margin:auto 0;padding:24px 18px 27px;border-radius:18px}.gate img{width:min(100%,285px)}.gate h1{font-size:clamp(2.1rem,12vw,3rem)}.gate-actions{grid-template-columns:1fr}.gate p{font-size:.95rem}.fake{padding:30px}.fake div{height:180px}}
@media(max-height:700px) and (min-width:601px){.gate{padding:22px 38px 26px}.gate img{width:270px}.gate h1{font-size:2.7rem}.gate p{font-size:.93rem}.gate-actions{margin-top:18px}.gate small{margin-top:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}