.billing-container{background-color:var(--background-color,#1a1a1a);min-height:100vh;color:var(--text-color,#e0e0e0);flex-direction:column;align-items:center;padding:4rem 2rem;font-family:monospace;display:flex}.billing-header{text-align:center;margin-bottom:4rem}.billing-header h1{letter-spacing:.2em;color:var(--white-color,#fff);text-transform:uppercase;margin-bottom:.5rem;font-size:2.5rem}.billing-subtitle{color:#888;letter-spacing:.1em;font-size:1rem}.billing-plans-grid{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;display:flex}.plan-card{backdrop-filter:blur(15px);background:rgba(25,30,40,.95);border:1px solid #333;flex-direction:column;width:350px;padding:2.5rem 2rem;transition:all .2s;display:flex}.highlighted-plan{border:1px solid var(--accent-color,#c2fe0c);box-shadow:0 15px 40px rgba(0,0,0,.95),inset 0 0 20px rgba(194,254,12,.05)}.plan-card h2{letter-spacing:.15em;color:var(--white-color,#fff);margin-bottom:1rem;font-size:1.5rem}.plan-price{color:var(--white-color,#fff);margin-bottom:2rem;font-size:3rem;font-weight:700}.plan-interval{color:#888;letter-spacing:.1em;font-size:1rem;font-weight:400}.plan-features{flex-grow:1;margin:0 0 2.5rem;padding:0;list-style:none}.plan-features li{letter-spacing:.05em;color:#ccc;border-bottom:1px solid #333;padding:.75rem 0;font-size:.9rem}.plan-features li:last-child{border-bottom:none}.plan-button{color:var(--white-color,#fff);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #4a5568;padding:1rem;font-family:monospace;font-size:1rem;transition:all .2s}.plan-button:hover:not(:disabled){background:var(--accent-color,#c2fe0c);color:#000;border-color:var(--accent-color,#c2fe0c);box-shadow:0 0 15px rgba(194,254,12,.2)}.active-plan{color:#666;cursor:not-allowed;border-color:#333}.subscription-status-message{border:1px solid var(--accent-color,#c2fe0c);color:var(--white-color,#fff);text-align:center;letter-spacing:.1em;background:rgba(194,254,12,.1);margin-top:2rem;padding:1rem}.billing-back-link{margin-top:3rem}.billing-back-link a{color:#888;letter-spacing:.1em;border-bottom:1px solid transparent;text-decoration:none;transition:all .2s}.billing-back-link a:hover{color:var(--white-color,#fff);border-bottom-color:var(--white-color,#fff)}@media (width<=768px){.billing-container{padding:2rem 1rem}.billing-header h1{font-size:1.8rem}.plan-card{box-sizing:border-box;width:100%;max-width:350px;padding:1.5rem}.plan-price{font-size:2.2rem}.billing-plans-grid{flex-direction:column;align-items:center}}.billing-tabs{justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.billing-tab-button{border:1px solid var(--gray-color,#333);color:#888;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:.8rem 2rem;font-family:monospace;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.billing-tab-button:hover{color:var(--white-color,#fff);background:rgba(255,255,255,.05);border-color:#666}.billing-tab-button.active{color:var(--black-color,#000);background:var(--accent-color,#c2fe0c);border-color:var(--accent-color,#c2fe0c);box-shadow:0 0 15px rgba(194,254,12,.3)}