/* SNK OnePay Premium UI Layer — visual-only enhancement */
:root{color-scheme:dark;--onepay-bg:#07110c;--onepay-panel:#0e1b13;--onepay-line:#ffffff14;--onepay-lime:#c5ff4a;--onepay-muted:#9aaba0}
body:not(.checkout-page){background:radial-gradient(ellipse at 85% 0%,#183d2b55,transparent 35%),radial-gradient(ellipse at 0% 45%,#213c1e28,transparent 30%),#07110c!important;color:#f2f7f2!important;font-family:'DM Sans',Inter,system-ui,-apple-system,sans-serif!important}
body:not(.checkout-page) a{transition:color .18s,border-color .18s,transform .18s}
body:not(.checkout-page) h1,body:not(.checkout-page) h2,body:not(.checkout-page) h3{font-family:Manrope,'DM Sans',system-ui,sans-serif;letter-spacing:-.6px}
body:not(.checkout-page) .panel,body:not(.checkout-page) .card,body:not(.checkout-page) .mock,body:not(.checkout-page) section.panel{background:linear-gradient(145deg,#112117,#0b160f)!important;border:1px solid #ffffff15!important;border-radius:21px!important;box-shadow:0 22px 65px #0002, inset 0 1px #ffffff04!important}
body:not(.checkout-page) .panel,body:not(.checkout-page) .card{animation:onepay-rise .45s ease both}
@keyframes onepay-rise{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body:not(.checkout-page) .btn,body:not(.checkout-page) button.btn,body:not(.checkout-page) button:not(.plain){transition:transform .18s,box-shadow .18s,border-color .18s}
body:not(.checkout-page) .btn:not(.alt),body:not(.checkout-page) button.btn:not(.alt),body:not(.checkout-page) button:not(.alt):not(.plain){background:linear-gradient(135deg,#d8ff83,#b9f344)!important;color:#101a0a!important;border:1px solid #d8ff83!important;box-shadow:0 7px 22px #c5ff4a16}
body:not(.checkout-page) .btn:hover,body:not(.checkout-page) button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0003}
body:not(.checkout-page) .btn.alt{background:#ffffff07!important;color:#eef7ef!important;border:1px solid #ffffff20!important}
body:not(.checkout-page) input:not([type=checkbox]),body:not(.checkout-page) select,body:not(.checkout-page) textarea{background:#07110c!important;color:#f1f7f1!important;border:1px solid #ffffff20!important;border-radius:12px!important;transition:border-color .2s,box-shadow .2s}
body:not(.checkout-page) input:focus,body:not(.checkout-page) select:focus,body:not(.checkout-page) textarea:focus{outline:none;border-color:#c5ff4a!important;box-shadow:0 0 0 4px #c5ff4a14!important}
body:not(.checkout-page) .muted,body:not(.checkout-page) .out,body:not(.checkout-page) .message{color:#a1b1a5!important}
body:not(.checkout-page) .pill{background:#c5ff4a12!important;color:#d7ff9b!important;border:1px solid #c5ff4a27}
body:not(.checkout-page) .brand,body:not(.checkout-page) .logo{letter-spacing:-.35px}
body:not(.checkout-page) .mark{background:linear-gradient(145deg,#e1ff8c,#c5ff4a)!important;color:#0b1609!important;box-shadow:0 6px 22px #c5ff4a18}
body:not(.checkout-page) hr{border-color:#ffffff13}
@media(max-width:600px){body:not(.checkout-page) .panel,body:not(.checkout-page) .card{padding:19px!important;border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){body:not(.checkout-page) *,body:not(.checkout-page) *:before,body:not(.checkout-page) *:after{animation:none!important;transition:none!important}}