/* Presentation only; billing forms, permissions, and prices stay in Paymenter. */
body.billing-glossy { --color-base:110 35% 94%; --color-muted:140 15% 70%; --color-primary:91 81% 65%; --color-secondary:96 64% 74%; --color-neutral:142 19% 25%; --color-background:150 40% 6%; --color-background-secondary:149 29% 12%; background:#071810; color:#f0f8ed; isolation:isolate; }
.billing-glossy::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,#0718106b,#071810f5 90%),url("/assets/smphosting-clean-hero-v1.png") center top/cover; filter:blur(16px); transform:scale(1.05); }
.billing-glossy >nav { width:calc(100% - 32px); margin:12px 16px 0; padding-inline:20px; border:1px solid #d8ffdd26; border-radius:24px; background:linear-gradient(125deg,#264333c4,#0d211ae3); box-shadow:0 8px 35px #0003,inset 0 1px 0 #ffffff12; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.billing-glossy main { padding-top:28px; }
.billing-glossy :is(.bg-background-secondary,.bg-primary-800).rounded-md,.billing-glossy .bg-background-secondary.rounded-lg,.billing-glossy .bg-background-secondary.rounded-xl,.billing-glossy #login { background:linear-gradient(135deg,#c1edcd0c,#ffffff02 50%),rgba(19,40,32,.82); border:1px solid #d5ffe02b; border-radius:22px; box-shadow:0 18px 50px #0003,inset 0 1px 0 #ffffff12; }
.billing-glossy #login { margin-top:32px; padding-top:1px; max-width:520px; }
.billing-glossy :is(button,a).bg-primary { background:linear-gradient(145deg,#d2ffb7,#a3ef63 65%,#85d452); color:#102b12; border-radius:999px; min-height:44px; box-shadow:inset 0 1px 0 #ffffff80,0 5px 24px #9ee95c22; }
.billing-glossy button.bg-background-secondary { border-radius:999px; background:#ffffff09; border-color:#d8ffdd30; min-height:44px; }
.billing-glossy :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { background:#061c15ba; border-color:#d1f8d32d; border-radius:12px; color:#eff8ea; min-height:44px; }
.billing-glossy :is(a,button,input,select,textarea):focus-visible { outline:3px solid #c2ff91; outline-offset:4px; }
.billing-glossy main >[role=status] >div { background:linear-gradient(125deg,#a3ef6313,#112d23b8)!important; border-color:#d5ffd333!important; box-shadow:inset 0 1px 0 #ffffff12; }
.billing-glossy h1 { letter-spacing:-.04em; }
@media(max-width:640px) { .billing-glossy >nav { width:calc(100% - 20px); margin:10px 10px 0; padding-inline:14px; border-radius:20px; } .billing-glossy #login { width:calc(100% - 32px); padding-inline:24px; } }