:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html,body { margin: 0; min-height: 100%; }
body { background: #0d0810; color: #fff; }
.page { min-height: 100svh; display: grid; place-items: center; padding: 26px 18px; overflow:hidden; background: radial-gradient(ellipse 50% 34% at 50% 35%, rgba(242,36,146,.16), transparent 75%), radial-gradient(ellipse 55% 50% at 8% 95%, rgba(167,33,124,.11), transparent 74%), #0d0810; }
.panel { width: min(100%, 440px); text-align: center; padding: 48px 26px 34px; border: 1px solid rgba(255,121,205,.15); border-radius: 25px; background: linear-gradient(160deg,rgba(32,18,32,.78),rgba(15,10,18,.88)); box-shadow: 0 28px 100px rgba(0,0,0,.37), inset 0 1px rgba(255,255,255,.035); }
.logo { width: 98px; height: 98px; margin: 0 auto 25px; display:flex; align-items:center; justify-content:center; gap:1px; border-radius: 27px; background: linear-gradient(140deg,#ff54ba 0%,#e70089 55%,#b60075 100%); box-shadow: 0 9px 32px rgba(250,24,151,.25), inset 0 1px 1px rgba(255,255,255,.45); border:1px solid rgba(255,255,255,.22); transform:rotate(-3deg); }
.logo span { font-size:43px; font-weight:950; letter-spacing:-7px; text-shadow: 0 3px 6px rgba(80,0,55,.2); }
.logo span:last-child { transform: translate(1px,5px); }
.eyebrow { margin:0 0 10px; color:#ff81c8; font-size:10px; font-weight:800; letter-spacing:3px; }
h1 { margin:0; font-size:clamp(34px,8vw,44px); font-weight:900; line-height:1.2; letter-spacing:-1.9px; }
h1 span { color:#ff50af; }
.subtitle { margin: 12px 0 32px; color:#bfb1c0; font-size:15px; }
.access-button { margin-top: 46px; display:flex; align-items:center; justify-content:center; gap:12px; min-height:55px; width:100%; border-radius:13px; color:white; background:linear-gradient(110deg,#ff49ad,#e50086); text-decoration:none; font-size:17px; font-weight:800; transition:transform .2s,filter .2s,box-shadow .2s; box-shadow:0 10px 26px rgba(232,0,131,.24); }
.access-button svg { width:19px; height:19px; transition:transform .2s; }
.access-button:hover { transform:translateY(-2px); filter:brightness(1.1); box-shadow:0 14px 32px rgba(232,0,131,.3); }
.access-button:hover svg { transform:translateX(3px); }
.access-button:focus-visible { outline: 3px solid #fff; outline-offset:4px; }
.footer { margin:34px 0 0; font-size:11px; color:#776b78; }
@media(max-width:440px){.panel{padding:42px 22px 30px;border-radius:20px}.logo{width:88px;height:88px}.logo span{font-size:39px}.access-button{margin-top:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}