.subscription-page{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 24px;background:#07112b;color:#fff}
.subscription-content{position:relative;width:100%;max-width:490px;text-align:center}
.subscription-content .brand{justify-content:center;color:#fff;font-size:40px;margin-bottom:44px}
.subscription-content .brand-icon{width:52px;height:52px;border-radius:16px;font-size:38px}
.subscription-content .brand-dot{margin-left:-9px}
.subscription-content h1{font-size:26px;line-height:1.3;letter-spacing:-.5px;margin:0 0 14px}
.permission-copy{font-size:17px;line-height:1.65;color:#e2e8f6;margin:0 auto 28px}
.fallback-copy{font-size:12px;color:#99a9c8;margin:0 0 12px}
.subscription-content .button{max-width:320px;min-height:48px;font-size:14px;border-radius:12px;box-shadow:0 8px 28px #4168f628}
.subscription-content .status{min-height:0;margin:20px 0 0;font-size:14px;color:#c5d1e8;line-height:1.6}
.subscription-content .notice{background:#142442;color:#e2e8f6;text-align:left;font-size:14px}
.permission-arrow{position:absolute;width:170px;height:195px;left:-200px;top:-50px;color:#ff9b4a;pointer-events:none;animation:permission-hint 2.8s ease-in-out infinite}
@keyframes permission-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:940px){.permission-arrow{left:-120px;top:-65px;width:110px;height:145px}}
@media(max-width:700px){.subscription-page{padding:70px 24px 36px}.permission-arrow{width:70px;height:90px;left:8px;top:-100px}.subscription-content .brand{font-size:34px;margin-bottom:32px}.subscription-content h1{font-size:24px}.permission-copy{font-size:16px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.permission-arrow{animation:none}}
.subscription-page,.subscription-page *{-webkit-user-select:none;user-select:none}