:root{--bg:#020617;--bg-soft:#0b1120;--bg-card:#0f172ae6;--bg-card-soft:#0f172acc;--border-subtle:#94a3b840;--border-strong:#94a3b866;--accent:#3b82f6;--accent-strong:#2563eb;--accent-glow:#3b82f673;--accent-yellow:#fbbf24;--green:#22c55e;--text-main:#f9fafb;--text-muted:#94a3b8;--radius:18px;--radius-full:999px;--shadow-soft:0 20px 45px #00000073;--shadow-strong:0 28px 70px #000000a6}body.theme-light{--bg:#f9fafb;--bg-soft:#e5e7eb;--bg-card:white;--bg-card-soft:#f3f4f6;--border-subtle:#64748b40;--text-main:#111827;--text-muted:#6b7280;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-glow:#2563eb66}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top,#1e293b,#020617 60%),radial-gradient(circle at bottom,#0b1120,#020617 70%);flex-direction:column;font-family:Inter,system-ui,sans-serif;line-height:1.55;display:flex}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% -10%,#3b82f62e,#0000 70%),radial-gradient(circle at 80% 10%,#38bdf81f,#0000 70%),radial-gradient(circle at 50% 120%,#ec48991f,#0000 70%);position:fixed;inset:-40%}.pricing-page{flex-direction:column;flex:1;display:flex}.pricing-header{text-align:center;max-width:900px;margin:0 auto;padding:60px 16px 20px}.pricing-header h1{margin:0 0 10px;font-size:clamp(2.4rem,4vw,3rem);font-weight:700}.pricing-header .subtitle{color:var(--text-muted);font-size:1rem}.pricing-header .subnote{color:var(--accent);margin-top:10px;font-size:.9rem}.back{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);box-shadow:var(--shadow-soft);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:24px;left:24px}.back:before{content:"←"}.back:hover{background:var(--bg-card);box-shadow:var(--shadow-strong);transform:translateY(-1px)}.pricing-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1120px;margin:30px auto 80px;padding:0 20px;display:grid}.plan-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);padding:26px 22px 24px;transition:all .25s}.plan-card:hover{border-color:var(--accent-glow);box-shadow:var(--shadow-strong);transform:translateY(-4px)}.plan-card.highlight{background:radial-gradient(circle at top,#3b82f633,var(--bg-card));border-color:var(--accent);box-shadow:0 24px 70px var(--accent-glow);transform:translateY(-6px)}.plan-card.highlight:hover{transform:translateY(-8px)}.badge{border-radius:var(--radius-full);border:1px solid var(--accent);letter-spacing:.05em;color:var(--accent-soft-2);background:#3b82f633;margin-bottom:10px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.badge:before{content:"★ "}.plan-card h2{margin:0;font-size:1.35rem}.price{align-items:baseline;gap:6px;margin:16px 0 12px;font-size:2.3rem;font-weight:700;display:flex}.price span{color:var(--text-muted);font-size:.9rem}.plan-features{color:var(--text-muted);margin:14px 0 18px;padding:0;font-size:.92rem;list-style:none}.plan-features li{align-items:flex-start;gap:8px;display:flex}.plan-features li:before{content:"✔";color:var(--green);margin-top:1px;font-size:.9rem}.btn-upgrade{border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;cursor:pointer;width:100%;box-shadow:0 12px 32px var(--accent-glow);border:none;padding:12px 0;font-size:1rem;font-weight:600;transition:all .2s}.btn-upgrade:after{content:" →"}.btn-upgrade:hover{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 40px var(--accent-glow);transform:translateY(-2px)}.btn-upgrade:active{transform:translateY(0)}footer{text-align:center;color:var(--text-muted);padding-bottom:30px;font-size:.85rem}@media (max-width:960px){.pricing-container{grid-template-columns:1fr;max-width:520px}.plan-card.highlight{order:-1}.back{margin-bottom:12px;position:static}}@media (max-width:640px){body:before{opacity:.6}}