/* ONN public-page skin. Controllers, form fields and payment handlers are unchanged. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/ibm-plex-sans-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/ibm-plex-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body:not(.admin-body){--font-body:"IBM Plex Sans",Arial,sans-serif;--font-display:"IBM Plex Sans",Arial,sans-serif;--text:#f6f8fa;--muted:#a7b1bb;--page-bg:#090d11;--panel:#12181e;--yellow:#1185f5;--blue:#1185f5;background:#090d11!important;background-image:none!important;color:#f6f8fa;font-family:var(--font-body);letter-spacing:0}
body:not(.admin-body)::before,body:not(.admin-body)::after{display:none}
body:not(.admin-body) :is(h1,h2,h3,h4,.btn,.logo-text strong,.pay-header__brand,.pay-title,.pay-input,.pay-btn,.pay-plan-info__price,.pay-card__title,.pay-tab){font-family:"IBM Plex Sans",Arial,sans-serif;letter-spacing:0}
body:not(.admin-body) :is(h1,h2,h3){font-weight:600}
body:not(.admin-body) :focus-visible{outline:3px solid #80c5ff;outline-offset:3px}
body:not(.admin-body) :is(.site-header,.pay-header){background:rgba(9,13,17,.96);border-color:#283039;box-shadow:none}
body:not(.admin-body) :is(.site-footer,.pay-footer){background:#090d11;border-color:#283039}
body:not(.admin-body) .btn{border-radius:8px;font-weight:600;font-style:normal;min-height:44px;box-shadow:none}
body:not(.admin-body) .btn-primary,body.pay-body .pay-btn{background:#1185f5;border-color:#1185f5;color:#fff;box-shadow:none}
body:not(.admin-body) .btn-primary:hover,body.pay-body .pay-btn:hover{background:#339aff;border-color:#339aff}
body:not(.admin-body) :is(.btn-secondary,.btn-ghost){background:#1b242d;border-color:#35414b;color:#f6f8fa}
body:not(.admin-body) :is(.section-kicker,.seo-eyebrow){color:#79b9ed;letter-spacing:0}
body:not(.admin-body) :is(.account-card,.checkout-card,.checkout-intro,.account-auth-aside,.account-dashboard,.account-dashboard-card,.order-hero-card,.order-connect-device-card,.seo-card,.seo-side-card){background:#12181e;border:1px solid #283039;border-radius:8px;box-shadow:none}
body:not(.admin-body) :is(.account-form input,.account-form select,.checkout-form input){background:#090d11;color:#f6f8fa;border-color:#35414b;border-radius:8px}
body:not(.admin-body) :is(.section-panel>.container,.seo-final-cta,.seo-hero,.seo-section--muted){background:#090d11;background-image:none;border-color:#283039;box-shadow:none}
body:not(.admin-body) .section-panel>.container{border-radius:0}
body.seo-page .seo-hero h1{font-size:48px;line-height:1.12;letter-spacing:0}
body.seo-page .seo-section h2{font-size:28px;line-height:1.2;letter-spacing:0}
body.seo-page .seo-visual{background:#12181e;border-color:#283039;border-radius:8px;box-shadow:none}
body:not(.admin-body) .logo-mark{background:none;border:0;box-shadow:none}
body:not(.admin-body) .logo-text strong,body.pay-body .pay-header__brand{font-size:23px;font-weight:700}
body:not(.admin-body) .logo-text small{color:#a7b1bb;font-size:10px}
body:not(.admin-body) :is(.legal-content a,.checkout-legal-note a,.pay-legal a,.pay-support-link){color:#96ceff;text-underline-offset:3px}
body:not(.admin-body) .legal-content{font-size:15px;line-height:1.8;max-width:900px}
body.pay-body .pay-title{font-size:52px;line-height:1.08;letter-spacing:0;font-weight:600}
body.pay-body .pay-title__accent{background:none;-webkit-text-fill-color:#55aeff;color:#55aeff;font:inherit;letter-spacing:0}
body.pay-body .pay-subtitle{color:#a7b1bb;font-size:16px}
body.pay-body .pay-badge{padding:0;border:0;border-radius:0;background:none;color:#bcc8cf;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;white-space:nowrap}
body.pay-body .pay-badge::before{background:#65d99b;box-shadow:none}
body.pay-body .pay-card{background:#12181e;border-color:#283039;border-radius:8px;box-shadow:none}
body.pay-body .pay-card::before{display:none}
body.pay-body .pay-card__eyebrow{background:none;border:0;padding:0;color:#79b9ed;font-weight:400;letter-spacing:0}
body.pay-body .pay-card__title{font-size:26px;font-weight:600;line-height:1.2}
body.pay-body .pay-plan-info{background:#0d151e;border-color:#2c4253;border-radius:8px;box-shadow:none}
body.pay-body .pay-plan-info__price{background:none;-webkit-text-fill-color:#f6f8fa;color:#f6f8fa;font-size:38px;letter-spacing:0;font-weight:600}
body.pay-body :is(.pay-plan-info__pill,.pay-plan-info__discount){background:#162b3e;border-color:#29465e;color:#96ceff;font-family:var(--font-body);letter-spacing:0}
body.pay-body .pay-input{background:#090d11;border-color:#35414b;border-radius:8px;font-size:16px}
body.pay-body .pay-btn{border-radius:8px;font-size:16px;font-weight:600;font-style:normal}
body.pay-body .pay-header__logo img{border:0;object-fit:contain}
body.pay-body .pay-header__login{border:0;background:none;border-radius:0;color:#bcc8cf;font-family:var(--font-body)}
body.pay-body .pay-tab{background:#1b242d;border-color:#35414b;border-radius:8px}
body.pay-body .pay-tab--active{border-color:#1185f5;background:#142b3e}
body.pay-body .pay-modal__dialog{background:#12181e;border-color:#283039;border-radius:8px;color:#f6f8fa}
@media(max-width:680px){body.seo-page .seo-hero h1{font-size:32px}body.seo-page .seo-section h2{font-size:24px}body.pay-body .pay-title{font-size:32px}body.pay-body .pay-card__title{font-size:23px}body.pay-body .pay-card{padding:22px 18px}body.pay-body .pay-plan-info__price{font-size:34px}body:not(.admin-body) .legal-content{font-size:14px}}
body:not(.admin-body) .account-page:has(.account-auth-shell){padding:48px 0}
body:not(.admin-body) .account-page .container:has(.account-auth-shell){padding:0;border:0;box-shadow:none;background:none;width:calc(100% - 40px);max-width:1000px}
body:not(.admin-body) .account-auth-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
body:not(.admin-body) .account-auth-aside{background:none;border:0;padding:0;box-shadow:none;gap:18px}
body:not(.admin-body) .account-auth-aside h1{font-size:40px;line-height:1.12;max-width:18ch;letter-spacing:0}
body:not(.admin-body) .account-auth-point{border:0;border-bottom:1px solid #283039;border-radius:0;background:none;padding:12px 0;font-size:13px;box-shadow:none}
body:not(.admin-body) .account-auth-card{padding:26px}
body:not(.admin-body) .account-form .btn-primary{background:#1185f5!important;border-color:#1185f5!important;color:#fff!important}
body:not(.admin-body) .site-footer .footer-lead{font-size:13px;line-height:1.6}
body:not(.admin-body) .site-footer .footer-disclaimer{font-size:11px;line-height:1.7;color:#91a0ac}
body:not(.admin-body) .site-footer .footer-copy,body:not(.admin-body) .site-footer .footer-nav{font-size:12px;line-height:1.6}
@media(max-width:680px){body:not(.admin-body) .account-page:has(.account-auth-shell){padding:24px 0 32px}body:not(.admin-body) .account-auth-shell{grid-template-columns:1fr;gap:28px}body:not(.admin-body) .account-auth-card{order:-1;padding:22px 18px}body:not(.admin-body) .account-auth-card h2{font-size:25px}body:not(.admin-body) .account-auth-aside h1{font-size:28px;max-width:24ch}body:not(.admin-body) .account-note-lead{font-size:14px}body:not(.admin-body) .account-auth-aside{gap:14px}}
