*{box-sizing:border-box;padding:0;margin:0}:root{--color-sky-blue:#4A90E2;--color-sky-blue-dark:#2C5F8D;--color-sky-blue-darker:#1A3E5C;--color-sunshine-yellow:#FFD166;--color-warm-coral:#FF6B6B;--color-coral-dark:#E63946;--color-fresh-green:#06D6A0;--color-success-green:#10B981;--color-cream:#F8F9FA;--color-warm-gray:#495057;--gradient-hero:linear-gradient(135deg,#4A90E2,#06D6A0);--gradient-cta:linear-gradient(135deg,#FFD166,#FF6B6B);--gradient-footer:linear-gradient(180deg,#2C5F8D,#1A3E5C);--gradient-card:linear-gradient(135deg,#4A90E2,#FFD166);--primary:#4A90E2;--primary-dark:#2C5F8D;--secondary:#06D6A0;--text-dark:#1F2937;--text-medium:#4B5563;--text-light:#6B7280;--bg-light:#F8F9FA;--bg-white:#FFFFFF;--border:#E5E7EB}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-dark);background:var(--bg-white);line-height:1.6}.page{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-white);border-bottom:1px solid var(--border);padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.logo{font-size:1.75rem;font-weight:700;color:var(--primary);max-width:1200px;margin:0 auto}.main{flex:1 1;width:100%}.hero-section{background:linear-gradient(to bottom,var(--bg-white),var(--bg-light));text-align:center;padding:5rem 2rem;border-bottom:1px solid var(--border)}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:var(--primary);margin-bottom:1rem;letter-spacing:-.02em}.hero-tagline{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-dark);font-weight:600;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-medium);max-width:600px;margin:0 auto}.announcement-section{padding:4rem 2rem;display:flex;justify-content:center;background:var(--bg-white)}.announcement-card{max-width:800px;background:var(--bg-light);border:2px solid var(--primary);border-radius:12px;padding:3rem;text-align:center}.announcement-title{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--primary);font-weight:700;margin-bottom:1rem}.announcement-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-medium);line-height:1.7}.features-section{background:var(--bg-light);padding:4rem 2rem}.feature-group{max-width:1200px;margin:0 auto 5rem}.feature-group:last-child{margin-bottom:0}.section-header{text-align:center;margin-bottom:3rem}.section-icon{width:80px;height:80px;margin-bottom:1.5rem}.section-header h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--text-dark);font-weight:700;margin-bottom:.75rem}.section-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-medium);font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:var(--bg-white);padding:2.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:var(--primary)}.feature-icon{width:60px;height:60px;margin-bottom:1.5rem}.feature-card h3{font-size:1.35rem;color:var(--text-dark);font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--text-medium);font-size:1rem;line-height:1.7}.footer{background:var(--text-dark);color:var(--bg-light);text-align:center;padding:2rem;font-size:.9rem;margin-top:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}.pricing-page{min-height:100vh;background:linear-gradient(to bottom,#EFF6FF,var(--bg-white));padding:4rem 1rem}.pricing-container{max-width:1200px;margin:0 auto}.pricing-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--text-dark);text-align:center;margin-bottom:3rem}.billing-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;background:var(--bg-white);padding:.5rem;border-radius:12px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 2px 8px rgba(0,0,0,.08)}.billing-toggle button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-medium)}.billing-toggle button.active{background:var(--primary);color:white}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:4rem}.pricing-card{background:var(--bg-white);border-radius:16px;padding:2.5rem;border:2px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.12);border-color:var(--primary)}.pricing-card.featured{border-color:var(--primary);border-width:3px}.popular-badge{position:absolute;top:0;right:0;background:var(--primary);color:white;padding:.5rem 1rem;font-size:.875rem;font-weight:700;border-bottom-left-radius:12px}.plan-name{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.plan-price{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.plan-price-small{font-size:1rem;color:var(--text-medium);font-weight:400}.plan-features{list-style:none;margin:2rem 0;padding:0}.plan-features li{padding:.75rem 0;color:var(--text-medium);display:flex;align-items:flex-start;gap:.75rem}.plan-features li:before{content:"✓";color:var(--secondary);font-weight:700;font-size:1.25rem;flex-shrink:0}.btn{width:100%;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;display:inline-block;text-decoration:none}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-secondary{background:var(--bg-light);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:white}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.faq-section{max-width:800px;margin:4rem auto 0;padding:2rem;background:var(--bg-white);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.faq-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:2rem;text-align:center}.faq-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-question{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.faq-answer{color:var(--text-medium);line-height:1.7}.billing-dashboard{min-height:100vh;background:linear-gradient(to bottom,#EFF6FF,var(--bg-white));padding:2rem 1rem}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-dark);margin-bottom:2rem}.subscription-card{background:var(--bg-white);border-radius:16px;padding:2.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:2rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.card-title{font-size:1.75rem;font-weight:700;color:var(--text-dark)}.status-badge{padding:.5rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:700;display:inline-block}.status-active{background:#D1FAE5;color:#065F46;border:2px solid #10b981}.status-canceled{background:#FEE2E2;color:#991B1B;border:2px solid #ef4444}.status-past-due{background:#FEF3C7;color:#92400E;border:2px solid #f59e0b}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.875rem;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1.25rem;color:var(--text-dark);font-weight:600}.payment-history{background:var(--bg-white);border-radius:16px;padding:2.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08)}.table-wrapper{overflow-x:auto}.payment-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.payment-table thead{background:var(--bg-light)}.payment-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border)}.payment-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-medium)}.payment-table tbody tr:hover{background:#F0F9FF}.btn-link{color:var(--primary);text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:8px;transition:all .2s;display:inline-block}.btn-link:hover{background:var(--bg-light);color:var(--primary-dark)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#EFF6FF,var(--bg-white))}.loading-spinner{width:64px;height:64px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#EFF6FF,var(--bg-white));text-align:center;padding:2rem}.error-title{font-size:2rem;font-weight:700;color:#DC2626;margin-bottom:1rem}.error-message{font-size:1.125rem;color:var(--text-medium);margin-bottom:2rem;max-width:500px}@media (max-width:768px){.hero-section{padding:3rem 1.5rem}.announcement-card{padding:2rem 1.5rem}.features-section{padding:3rem 1.5rem}.feature-grid{grid-template-columns:1fr}.section-icon{width:60px;height:60px}.feature-icon{width:48px;height:48px}.billing-dashboard,.pricing-page{padding:2rem 1rem}.pricing-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}.subscription-details{grid-template-columns:1fr}.payment-table{font-size:.875rem}.payment-table td,.payment-table th{padding:.75rem .5rem}}