[hidden]{display:none!important}
html{scroll-padding-top:90px}body{overflow-wrap:break-word}img,video{max-width:100%}a,button,input{touch-action:manipulation}
.grid-3,.pricing{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.hero-grid>*{min-width:0}.card,.price-card{min-width:0}.hero-actions .btn{height:auto;min-height:48px;padding:12px 20px;text-align:center}
.legal-page{max-width:940px;margin:auto;padding:36px 20px}.legal-page .legal-card{padding:30px;background:#fff;border:1px solid #e2e8f0;border-radius:20px}
.legal-page h1{font-size:clamp(26px,5vw,38px);line-height:1.25}.legal-page h2{margin-top:28px}.legal-page p,.legal-page li{line-height:1.65}.legal-page li{margin:12px 0}
.legal-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;background:#2563eb;color:white;border-radius:12px;text-decoration:none}
.terms-row{display:flex;align-items:flex-start;gap:10px}.terms-row input{width:20px;height:20px;flex-shrink:0}.payment-mode label{min-height:44px;display:flex;align-items:center;gap:8px}
@media(max-width:400px){.brand{gap:7px}.brand-mark{width:30px;height:30px}.nav-actions .btn{padding:8px 12px}.hero h1{font-size:34px}.price-card{padding:24px 20px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.browser-wrapper{min-width:0}.toast{left:14px;right:14px;max-width:none}.legal-page{padding:24px 14px}.legal-page .legal-card{padding:20px}}
.muted{color:#64748b;font-size:14px;line-height:1.55}
.notice{padding:14px 16px;border-radius:12px;background:#eff6ff;color:#1e40af;margin:14px 0;font-size:14px;overflow-wrap:anywhere}
.notice.error{display:block;color:#991b1b;background:#fef2f2}
.notice.success{color:#065f46;background:#ecfdf5}
.field-label{display:block;margin:16px 0 8px;font-size:14px;font-weight:700}
.key-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.key-value{overflow-wrap:anywhere;word-break:break-word;user-select:all}
.key-display{gap:18px;flex-wrap:wrap}.key-display>div:first-child{min-width:0;flex:1 1 240px}
.copy-btn{min-height:40px;padding:8px;cursor:pointer}.copy-btn:disabled,.btn:disabled{cursor:not-allowed;opacity:.55}
.info-list li{gap:18px;align-items:flex-start}.info-list b{min-width:0;text-align:right;overflow-wrap:anywhere}.info-list span{flex-shrink:0;max-width:55%}
.tariff-card{display:block;font:inherit;color:#0f172a;border:2px solid #e2e8f0;border-radius:16px;padding:18px;cursor:pointer;background:#fff;position:relative;min-width:0}
.tariff-card input{position:absolute;opacity:0;width:1px;height:1px}
.tariff-card:focus-within{outline:3px solid #93c5fd;outline-offset:3px}
.tariff-card.selected-for-payment{border-color:#2563eb;background:#eff6ff}
.tariff-card .choice-label{padding-top:10px;border-top:1px solid #e2e8f0;color:#1d4ed8;font-size:13px;font-weight:700}
.tariff-card .tariff-name{font-size:18px;font-weight:800}.tariff-price{font-size:25px;font-weight:800;color:#2563eb;margin:8px 0}.tariff-desc{font-size:13px;color:#64748b;margin:10px 0}
.status-badge[data-status="expired"],.status-badge[data-status="revoked"]{background:#fff7ed;color:#9a3412}.status-badge[data-status="expired"]::before,.status-badge[data-status="revoked"]::before{background:#f59e0b}
.legal-footer-links,.footer-links{display:flex;gap:14px 22px;flex-wrap:wrap}.legal-footer-links a,.footer-links a{overflow-wrap:anywhere}
.payment-mode{display:flex;gap:14px;flex-wrap:wrap;padding:16px;background:#f8fafc;border-radius:12px}.payment-mode label{margin:0;font-size:14px}.payment-mode input{accent-color:#2563eb}
.consent-note{margin-top:18px;font-size:13px;line-height:1.6;color:#64748b}.consent-note a,.muted a{color:#1d4ed8;text-decoration:underline}
.receipt-block{padding-top:18px;margin-top:18px;border-top:1px solid #e2e8f0}.receipt-block h3{font-size:16px;margin-bottom:10px}
.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:20px 0}.payment-summary dt{font-size:13px;color:#64748b}.payment-summary dd{font-size:15px;margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}
.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions .btn{width:auto}
.key-toggle{background:none;border:0;color:#2563eb;cursor:pointer;min-height:40px;padding:8px;font:inherit;font-size:13px}
.wrap .card,.legal-card,.legal-seller{overflow-wrap:anywhere}.wrap h1{font-size:clamp(26px,5vw,36px);line-height:1.25;hyphens:auto}
@media(max-width:600px){.container{width:calc(100% - 28px)}.card{padding:20px}.nav{height:auto;min-height:70px;gap:10px;flex-wrap:wrap;padding:12px 0}.brand{font-size:16px}.user-info{gap:6px}.pricing-grid,.plans{grid-template-columns:minmax(0,1fr)}.info-list li{font-size:14px}.info-list span{max-width:50%}.legal-footer-inner,.footer{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.legal-footer-links,.footer-links{flex-direction:column;gap:12px}.payment-summary{grid-template-columns:1fr}.box{padding:20px;margin:28px auto}.result-actions .btn{width:100%;justify-content:center}.key-value{font-size:15px}.payment-methods{flex-wrap:wrap;text-align:center}.grid>div{min-width:0}}
