:root{--color-bg: #f7f9fd;--color-surface: #ffffff;--color-text: #172033;--color-muted: #64748b;--color-border: #d9e1ee;--color-border-strong: #c5d0e1;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #eef5ff;--color-primary-border: #b7cdfd;--color-brand: #3478ff;--color-danger: #b42318;--color-warning: #b45309;--color-success: #047857;--shadow-soft: 0 14px 32px rgba(23, 32, 51, .07)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,Segoe UI,system-ui,sans-serif}button,input{font:inherit}button{min-height:42px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);padding:0 16px;cursor:pointer;font-weight:750}button:disabled{opacity:.55;cursor:default}.primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:16px min(5vw,56px);border-bottom:1px solid var(--color-border);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-link{display:inline-flex;align-items:center;border:0;background:transparent;padding:0;font-weight:850}.brand-logo{display:inline-flex;align-items:center;gap:12px;color:var(--color-brand);font-size:28px;font-weight:850;line-height:1;letter-spacing:0;white-space:nowrap}.brand-logo img{width:34px;height:34px;display:block;flex:0 0 auto}nav{display:flex;gap:20px}a{color:var(--color-primary);text-decoration:none}.top-actions,.hero-actions,.dash-actions,.icon-text{display:flex;align-items:center;gap:10px}.user-email{color:var(--color-muted);font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:min(6vw,72px);align-items:center;min-height:600px;padding:74px min(6vw,72px) 42px}.hero h1{margin:18px 0 16px;font-size:64px;line-height:1;letter-spacing:0}.hero-title{display:flex}.hero-brand{gap:16px;font-size:56px}.hero-brand img{width:58px;height:58px}.hero p{max-width:650px;color:var(--color-muted);font-size:21px;line-height:1.55}.badge,.mini-status{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:800}.secondary-link{display:inline-flex;align-items:center;min-height:42px;font-weight:800}.extension-card,.info-card,.price-card,.dash-card,.payments{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.extension-card{display:grid;gap:14px;padding:24px}.card-brand{font-size:24px}.card-brand img{width:32px;height:32px}.card-header{display:flex;gap:7px}.card-header span{width:10px;height:10px;border-radius:50%;background:#b8c4d4}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 min(6vw,72px) 54px}.trust-row span{padding:16px;border:1px solid #d8e2ee;border-radius:8px;background:#fff;font-weight:800}.section-grid,.faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:44px min(6vw,72px)}.info-card{padding:22px}.info-card h3,.price-card h3,.dash-card h2,.payments h2{margin:0 0 10px}.info-card p,.price-card p,.dash-card p{color:#5b6b80;line-height:1.55}.steps{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr));gap:16px;align-items:center;padding:44px min(6vw,72px);background:var(--color-primary-soft)}.steps h2{margin:0}.steps div{display:flex;align-items:center;gap:12px}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--color-primary);color:#fff}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:52px min(6vw,72px)}.price-card{display:grid;gap:12px;padding:28px}.price-card strong{font-size:34px}.price-card p{display:flex;align-items:center;gap:9px;margin:0}.is-primary{border-color:var(--color-primary)}footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:28px min(6vw,72px);color:var(--color-muted)}.footer-brand{gap:8px;font-size:18px}.footer-brand img{width:24px;height:24px}.auth-page,.return-page,.loading{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);display:grid;gap:16px;padding:28px;border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabs .active{border-color:var(--color-primary);background:var(--color-primary-soft)}label{display:grid;gap:7px;color:#43536a;font-weight:750}input{min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px}.form-error{padding:12px 14px;border:1px solid #f0b4b4;border-radius:8px;background:#fff4f4;color:#9b1c1c}.muted{color:var(--color-muted);line-height:1.55}.return-page{background:radial-gradient(circle at 50% 18%,rgba(52,120,255,.1),transparent 34%),var(--color-bg)}.return-card{width:min(520px,100%);display:grid;justify-items:center;gap:16px;padding:34px;border:1px solid var(--color-border);border-radius:8px;background:#fffffff5;box-shadow:0 24px 70px #1720331c;text-align:center}.return-brand{justify-self:start;font-size:22px}.return-brand img{width:30px;height:30px}.return-icon{width:76px;height:76px;display:grid;place-items:center;margin-top:10px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.return-success .return-icon{background:#ecfdf3;color:var(--color-success)}.return-error .return-icon{background:#fff1f0;color:var(--color-danger)}.return-auth .return-icon{background:#fff7ed;color:var(--color-warning)}.return-card h1{margin:4px 0 0;font-size:32px;line-height:1.15}.return-card p{max-width:390px;margin:0;color:var(--color-muted);line-height:1.6}.return-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;padding:13px 14px;border:1px solid var(--color-border);border-radius:8px;background:#f8fbff;text-align:left}.return-meta span{color:var(--color-muted);font-size:13px;font-weight:750}.return-meta strong{font-size:14px;word-break:break-all}.return-actions{width:100%;display:flex;justify-content:center;gap:10px;margin-top:4px}.return-actions button{min-width:170px}.dashboard{padding:38px min(6vw,72px) 70px}.dash-heading h1{margin:0;font-size:42px}.dash-heading p{margin:8px 0 28px;color:var(--color-muted)}.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dash-card{padding:22px}.dash-card.wide{grid-column:span 2}.feature-list{display:flex;flex-wrap:wrap;gap:8px}.feature-list span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:var(--color-primary-soft);color:#244886;font-size:13px}.dashboard-pricing{padding:28px 0}.payments{display:grid;gap:16px;padding:24px}.payments div.payment-row{display:grid;grid-template-columns:70px 150px 150px 1fr 190px;gap:14px;align-items:center;padding:12px 14px;border:1px solid transparent;border-radius:8px;background:#f9fbff;transition:border-color .14s ease,background .14s ease}.payments div.payment-row:hover{border-color:var(--color-primary-border);background:#fff}.plan-card-head,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.plan-card-head h3,.section-title-row h2{margin:0}.plan-badge{padding:5px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:850}.full-width{width:100%}.payment-method-block{display:grid;gap:10px;margin:8px 0 4px}.payment-method-block>span{color:var(--color-muted);font-size:13px;font-weight:800}.payment-methods{display:flex;gap:10px}.payment-method-button{flex:1;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:var(--color-text);font-weight:750}.payment-method-button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.payment-method-button:not(.active):hover{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.section-title-row>span{color:var(--color-muted);font-size:13px;font-weight:750}.payment-list{display:grid;gap:8px}.empty-state{margin:0;padding:22px;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-muted);text-align:center}.payment-id,.payment-method,.payment-row time{color:var(--color-muted);font-size:14px}.payment-row strong{justify-self:end}.payment-row time{justify-self:end}.status-pill{justify-self:start;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef2f8;color:#475569;font-size:13px;font-weight:800}.status-paid{background:#ecfdf3;color:var(--color-success)}.status-pending,.status-created{background:#fff7ed;color:var(--color-warning)}.status-failed,.status-cancelled,.status-chargeback{background:#fff1f0;color:var(--color-danger)}.status-refunded{background:#f1f5f9;color:#475569}.dash-actions{justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border);flex-wrap:wrap}.dash-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary)}.outline-button{border-color:var(--color-border);background:#fff;color:var(--color-text)}@media(max-width:860px){.topbar,.hero,.trust-row,.section-grid,.faq,.steps,.pricing,.dash-grid{grid-template-columns:1fr}nav{display:none}.hero h1{font-size:44px}.topbar{gap:12px}.top-actions{justify-content:end}.dash-card.wide{grid-column:auto}.payments div.payment-row{grid-template-columns:1fr}.payment-row strong,.payment-row time{justify-self:start}.payment-methods{flex-direction:column}.return-card{padding:26px 20px}.return-card h1{font-size:26px}.return-actions{flex-direction:column}.return-actions button{width:100%}}
