:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:rgba(33,38,45,0.8);--text-primary:#f0f6fc;--text-secondary:#8b949e;--border-primary:#30363d;--border-hover:#7c3aed;--gradient-primary:linear-gradient(135deg,#7c3aed,#06b6d4);--gradient-bg:linear-gradient(135deg,#0d1117,#161b22 50%,#21262d)}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f6f8fa;--bg-tertiary:#f1f3f4;--bg-card:rgba(255,255,255,0.8);--text-primary:#24292f;--text-secondary:#656d76;--border-primary:#d0d7de;--border-hover:#7c3aed;--gradient-primary:linear-gradient(135deg,#7c3aed,#06b6d4);--gradient-bg:linear-gradient(135deg,#ffffff,#f6f8fa 50%,#f1f3f4)}.pricing-page-container{background:var(--gradient-bg);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.pricing-content{max-width:1200px;margin:0 auto;padding:120px 2rem 4rem}.pricing-hero{text-align:center;margin-bottom:4rem}.pricing-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.pricing-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem}.billing-toggle{display:inline-flex;background:var(--bg-secondary);border-radius:9999px;padding:.5rem;border:1px solid var(--border-primary)}.toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.toggle-btn.active{background:var(--gradient-primary);color:white;box-shadow:0 4px 15px rgba(124,58,237,.3)}.discount-badge{position:absolute;top:-.75rem;right:-1rem;background:#e11d48;color:white;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:9999px;transform:rotate(15deg)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:start}.pricing-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;display:flex;flex-direction:column;height:100%;transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-5px);border-color:var(--border-hover)}.pricing-card.popular{border-color:var(--border-hover);transform:scale(1.05)}.popular-badge{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:.5rem 1.25rem;border-radius:9999px;font-size:.8rem;font-weight:700}.card-header{margin-bottom:2rem}.tier-name{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.tier-price{font-size:3rem;font-weight:700;line-height:1}.price-period{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem}.tier-description{color:var(--text-secondary);margin-top:.75rem;height:40px}.card-body{display:flex;flex-direction:column;flex-grow:1}.cta-button{display:block;width:100%;text-align:center;padding:1rem;border-radius:8px;background:var(--gradient-primary);color:white;text-decoration:none;font-weight:600;transition:all .3s ease;margin-bottom:2rem}.pricing-card:not(.popular) .cta-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(124,58,237,.2)}.feature-list{list-style:none;padding:0;margin:0;space-y:1rem;flex-grow:1}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary)}.feature-item .feature-icon{width:20px;height:20px;color:#22c55e}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,17,23,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);padding:1rem 2rem;transition:all .3s ease}[data-theme=light] .header{background:rgba(255,255,255,.8)}.header-content{max-width:1200px;margin:0 auto;justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.5rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;background:var(--gradient-primary);transition:all .3s ease;transform:translateX(-50%)}.nav-link:hover:after{width:100%}