.pricing-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}}
.status.paid{background:#e9f8f0;color:var(--green)}
.status.pending{background:#edf3ff;color:var(--blue)}
.status.expired,.status.cancelled{background:#f1f2f5;color:#7d8798}
.status.disabled{background:#f1f2f5;color:#7d8798}
.status.cooldown{background:#fff3e2;color:var(--amber)}
.recharge-order{padding:22px}
.recharge-order .metrics{margin-bottom:22px}
.recharge-order code{word-break:break-all}
.inline-actions{display:flex;gap:5px;flex-wrap:wrap}
.inline-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px;font-size:9px;cursor:pointer}

/* 2026 visual polish */
body{font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.site{background:linear-gradient(180deg,#f8fbff 0,#fff 560px)}
.site-nav{position:relative;height:82px;border-bottom:0!important}
.site-nav::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#dfe8f7 18%,#dfe8f7 82%,transparent)}
.site-nav nav a{font-size:12px!important;transition:.2s}
.site-nav nav a:hover{color:#245fd7;transform:translateY(-1px)}
.nav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.nav-actions a{white-space:nowrap;text-decoration:none;font-size:11px;font-weight:700;border-radius:10px;padding:10px 15px;transition:.2s}
.nav-register{color:#526176;border:1px solid #e1e7f0;background:#fff}
.nav-login{color:#fff!important;border-color:#2463e8!important;background:linear-gradient(135deg,#3478f6,#1d55d8);box-shadow:0 8px 20px #2563eb22}
.nav-actions a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1f56c622}
.hero{position:relative;padding-top:96px!important}
.hero::before{content:"";position:absolute;width:520px;height:520px;left:-300px;top:-150px;border-radius:50%;background:#3b82f610;filter:blur(4px);pointer-events:none}
.eyebrow{width:max-content;padding:7px 11px;border:1px solid #dce8fb;border-radius:999px;background:#ffffffc7;box-shadow:0 5px 18px #315b9610}
.hero h1{font-size:56px!important;letter-spacing:-2.5px!important}
.hero h1 em{background:linear-gradient(110deg,#2259d2,#4a8df8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-primary{background:linear-gradient(135deg,#3478f6,#1d55d8)!important;box-shadow:0 12px 30px #2563eb35!important}
.hero-secondary{background:#ffffffc7;box-shadow:0 8px 24px #23395d0b}
.hero-actions a{transition:.2s}
.hero-actions a:hover{transform:translateY(-2px)}
.hero-demo{transform:rotate(.35deg)!important;border:1px solid #31405b;box-shadow:0 34px 90px #18253c42!important}
.numbers{background:#fff;border:1px solid #e8edf5!important;border-radius:18px;box-shadow:0 16px 45px #263b5b0b;overflow:hidden}
.feature-grid article{background:linear-gradient(145deg,#fff,#fbfdff);border-radius:16px!important;padding:27px!important}
.feature-grid article>span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#edf4ff}
.pricing-grid article{border-radius:18px!important;box-shadow:0 12px 34px #1c34560a}
.faq-grid details{border-radius:14px!important;box-shadow:0 8px 24px #23395d08}
.auth-body{background:radial-gradient(circle at 15% 10%,#dfeaff 0,transparent 34%),radial-gradient(circle at 90% 85%,#e7efff 0,transparent 32%),#f6f9ff!important}
.auth-card{padding:40px!important;border-radius:22px!important;border:1px solid #e2e9f4!important;box-shadow:0 28px 80px #1d37651a!important}
.auth-card h1{font-size:27px!important;letter-spacing:-.5px}
.auth-card input{height:46px;border-radius:11px;background:#fbfcff}
.auth-card .primary{height:46px;border-radius:11px;background:linear-gradient(135deg,#3478f6,#1d55d8);box-shadow:0 10px 25px #2563eb2b}
.auth-note{line-height:1.9!important}.auth-note a{color:#2563eb;text-decoration:none;font-weight:700}
.card{border-radius:15px!important;box-shadow:0 10px 32px #1c345608}
.metrics article{border-radius:14px!important;box-shadow:0 8px 24px #1c345607}

@media(max-width:900px){.site-nav{padding:0 20px}.hero h1{font-size:45px!important}.nav-actions{margin-left:auto}}
@media(max-width:560px){.site-nav{height:68px!important;padding:0 12px!important;gap:8px}.site-nav::after{left:12px;right:12px}.site-brand{gap:7px!important}.site-brand>span{width:34px!important;height:34px!important}.site-brand b{font-size:13px!important}.site-brand small{display:none}.nav-actions{gap:5px}.nav-actions a{padding:8px 9px;font-size:10px;border-radius:8px}.nav-login b{display:none}.hero{padding-top:52px!important}.hero h1{font-size:37px!important;letter-spacing:-1.5px!important}.auth-main{padding:15px!important}.auth-card{padding:28px 22px!important}}
@media(max-width:360px){.site-brand div{display:none!important}.nav-actions a{padding:8px}}