@scope(body.billing){*{box-sizing:border-box}:scope{margin:0;color:#f7f6f2;background:radial-gradient(ellipse at top,#152039,#050d1a 65%);font:400 16px/1.6 Jost,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:2px solid #dcc47b;outline-offset:5px}.billing-header{border-bottom:1px solid #344052;padding:20px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.08em;font-size:14px}.brand img{width:38px;height:38px;object-fit:contain}.languages{display:flex;gap:8px}.languages button{border:1px solid #465268;border-radius:8px;background:transparent;color:#c2c7d2;min-width:44px;min-height:44px}.languages button[aria-pressed=true]{color:#edd69a;border-color:#c9a84c;background:#c9a84c15}main{width:min(100% - 48px,1000px);margin:56px auto 72px;flex:1;min-height:380px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#dcc47b;text-transform:uppercase;margin:0 0 10px}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;line-height:1.12;text-wrap:balance}h1{font-size:clamp(38px,5vw,58px);margin:0 0 16px}h2{font-size:30px;margin:0 0 16px}h3{font-size:26px;margin:0 0 12px}p{margin:0 0 16px}.muted{color:#bdc3cf}.intro{margin-bottom:32px}.billing-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:#111c2b;border:1px solid #3c4654;border-radius:18px;padding:32px;min-width:0}.panel.gold{border-color:#8a7544}.plan-price{font-size:36px;line-height:1.2;color:#edd69a;white-space:nowrap;margin:18px 0 24px}.plan-price span{font-size:16px;color:#bdc3cf}.features{padding-left:20px;display:grid;gap:12px;margin:0 0 24px}.features li::marker{color:#dcc47b}.note{font-size:14px;color:#bdc3cf}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #c9a84c;background:#d8bb6c;color:#09101c;border-radius:9px;text-decoration:none;font-weight:500;gap:10px;text-align:center;line-height:1.4}.btn.secondary{background:transparent;color:#edd69a}.btn.danger{border-color:#f2a8a8;color:#ffc7c7;background:transparent}.btn.full{width:100%}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.terms{font-size:15px}.terms a{color:#edd69a;text-underline-offset:3px}.inline-links{display:flex;flex-wrap:wrap;gap:8px 16px}.inline-links a{min-height:44px;display:inline-flex;align-items:center}.notice{padding:16px 18px;border-left:3px solid #dcc47b;background:#dcc47b0d;margin:20px 0;border-radius:0 8px 8px 0}.notice.error{border-color:#f2a8a8;color:#ffd0d0;background:#f2a8a80a}.notice:empty{display:none}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #354052}.detail-list div:last-child{border:0}.detail-list dt{color:#bdc3cf}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;min-height:30px;padding:2px 12px;border-radius:30px;background:#c9a84c17;color:#edd69a;border:1px solid #8a7544;font-size:14px}.centered{max-width:620px;margin:0 auto;text-align:center}.centered .actions{justify-content:center}.spinner{width:36px;height:36px;border:2px solid #59647a;border-top-color:#dcc47b;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.billing-footer{border-top:1px solid #344052;padding:28px max(24px,calc((100vw - 1120px)/2));font-size:14px;color:#bdc3cf}.billing-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px}.billing-footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.legal{max-width:760px;margin:0 auto}.legal section{margin-top:32px}.legal h2{font-size:28px}.legal p,.legal li{color:#bdc3cf}.legal a{color:#edd69a}.history{margin-top:24px}.history ul{list-style:none;padding:0;margin:0}.history li{padding:16px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #354052}.history li:last-child{border-bottom:0}.history small{display:block;color:#bdc3cf;font-size:14px}.history .amount{white-space:nowrap}dialog{color:#f7f6f2;background:#111c2b;border:1px solid #8a7544;border-radius:18px;padding:32px;max-width:calc(100% - 32px);width:480px}dialog::backdrop{background:#000b}dialog .actions{justify-content:flex-end}.skeleton{height:340px;border-radius:18px;background:linear-gradient(110deg,#111c2b,#1a283d,#111c2b);background-size:200% 100%;animation:shimmer 2s infinite}#app{display:contents}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:900px){.billing-grid{grid-template-columns:1fr}main{max-width:640px}.detail-list dd{max-width:60%}}@media(max-width:480px){.billing-header{padding:16px}.brand{font-size:12px;gap:8px;letter-spacing:.04em}.brand img{width:32px;height:32px}main{width:calc(100% - 32px);margin:32px auto 48px}.panel{padding:24px}.plan-price{font-size:32px}.billing-footer{padding:24px 16px}.billing-footer nav{gap:4px 16px}.actions .btn{flex:1 1 160px}.detail-list div{gap:12px}.detail-list dt,.detail-list dd{font-size:15px}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.brand{min-height:44px}.inline-links a,.billing-footer nav a{min-width:44px}.checkout-identity{display:grid;gap:4px}.checkout-identity time{display:inline-block}.checkout-intro{margin-bottom:24px}.checkout-identity{font-size:14px;display:flex;flex-wrap:wrap;gap:4px 20px}.checkout-grid{gap:24px}.checkout-grid .panel{padding:24px}.plan-summary>p{margin-bottom:8px}.plan-summary .plan-price{margin:12px 0 20px}.mobile-feature{display:none}.compact-features .features{gap:6px;margin-bottom:8px;font-size:15px}.compact-features>.note{margin-bottom:8px}summary{cursor:pointer;min-height:44px;align-content:center;color:#edd69a}details[open]>summary{margin-bottom:8px}details .features{margin-top:8px}.pay-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.pay-total strong{font-size:28px;color:#edd69a;font-weight:500}.pay-panel .notice{padding:12px 14px;margin:12px 0;font-size:14px}.renewal-summary{margin-bottom:8px}.terms{border-top:1px solid #354052;border-bottom:1px solid #354052}.terms p{margin:8px 0 12px;font-size:14px}.consent{margin:12px 0;line-height:1.6}.consent a,.revolut-note a{color:#edd69a;text-underline-offset:3px}.revolut-note{margin:12px 0 0}.billing-footer{padding-top:16px;padding-bottom:16px}.billing-footer p{margin-bottom:6px}.billing-footer nav:empty{display:none}.text-action{border:0;background:none;color:#edd69a;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 12px}.history li{display:grid;grid-template-columns:1.1fr .7fr .8fr 1.4fr;align-items:center;gap:8px 16px;font-size:15px;padding:12px 0}.history .amount{text-align:right}.history li>.muted{text-align:right}@media(max-width:900px){.checkout-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.checkout-grid .panel{padding:20px}}@media(max-width:600px){.checkout-intro .eyebrow{display:none}.checkout-grid{grid-template-columns:1fr;gap:12px}.checkout-intro{margin-bottom:16px}.checkout-intro h1{font-size:34px;margin-bottom:8px}.checkout-identity{font-size:12px}.checkout-grid .panel{padding:16px}.checkout-grid h2{font-size:28px;margin-bottom:4px}.plan-summary .plan-price{margin:8px 0 12px}.compact-features>ul,.features-includes{display:none}.mobile-feature{display:block}li.mobile-feature{display:list-item}.compact-features details[open]>ul{display:block}.compact-features details[open]>ul:before{content:none}.pay-total{margin-bottom:10px}.history li{grid-template-columns:1fr auto;gap:4px 12px}.history li .history-date{order:0}.history li .amount{order:1}.history li>span:nth-child(2){order:2}.history li>.muted{order:3}main:has(.checkout-grid){margin-top:20px;margin-bottom:32px}}}
