body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}:root{--secondary-color:#2c3e50;--light-color:#ecf0f1;--dark-color:#2c3e50;--success-color:#27ae60;--danger-color:#e74c3c;--warning-color:#f39c12;--border-radius:8px;--box-shadow:0 4px 6px #0000001a;--transition:all 0.3s ease}.container{max-width:1200px;padding:0 20px}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3498db;border-top:3px solid var(--primary-color);height:40px;width:40px}:root{--primary-color:#3498db;--primary-dark:#2980b9;--secondary-color:#f8f9fa;--secondary-light:#e9ecef;--accent-color:#e74c3c;--accent-light:#fd7e14;--light-color:#343a40;--light-gray:#495057;--dark-color:#f8f9fa;--text-color:#f8f9fa;--text-light:#adb5bd;--white:#212529;--black:#f8f9fa;--bg-color:#212529;--card-bg:#343a40;--border-color:#495057;--footer-bg:#1a1d23;--box-shadow:0 10px 30px #0000004d;--box-shadow-hover:0 20px 40px #0006;--gradient-primary:linear-gradient(135deg,#3498db,#2980b9);--gradient-secondary:linear-gradient(135deg,#2c3e50,#34495e);--gradient-accent:linear-gradient(135deg,#e74c3c,#c0392b);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px}[data-theme=light]{--primary-color:#3498db;--primary-dark:#2980b9;--secondary-color:#2c3e50;--secondary-light:#34495e;--accent-color:#e74c3c;--accent-light:#e74c3c;--light-color:#ecf0f1;--light-gray:#f8f9fa;--dark-color:#2c3e50;--text-color:#333;--text-light:#7f8c8d;--white:#fff;--black:#000;--bg-color:#fff;--card-bg:#fff;--border-color:#e9ecef;--footer-bg:#2c3e50;--box-shadow:0 10px 30px #0000001a;--box-shadow-hover:0 20px 40px #00000026}.theme-toggle{margin-left:20px}.theme-switch{display:none}.theme-label{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);background:var(--gradient-secondary);border-radius:50px;cursor:pointer;display:flex;height:30px;justify-content:space-between;padding:5px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.theme-label i{font-size:14px;z-index:1}.theme-label .fa-sun{color:#f39c12}.theme-label .fa-moon{color:#f1c40f}.theme-ball{background:#212529;background:var(--white);border-radius:50%;box-shadow:0 2px 5px #0003;height:26px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:26px}.theme-switch:checked+.theme-label .theme-ball{transform:translateX(30px)}[data-theme=dark] .plans-grid .plan-card{background:#0b0d10;border:1px solid #ffffff0a;box-shadow:0 18px 40px #020617b3;color:#e6e6e6}[data-theme=dark] .plans-grid .plan-card.popular{border-color:#73f0a824;box-shadow:0 28px 60px #020617bf,0 6px 18px #73f0a80a;transform:scale(1.03)}[data-theme=dark] .plans-grid .plan-card .plan-name{color:#f1f5f9}[data-theme=dark] .plans-grid .plan-card .price-amount{color:#73f0a8}[data-theme=dark] .plans-grid .plan-card .price-period,[data-theme=dark] .plans-grid .plan-card .service-price{color:#a8b3bd}[data-theme=dark] .plans-grid .plan-card .feature-item{border-color:#ffffff08}[data-theme=dark] .plans-grid .plan-card.plan-basic{border-left:4px solid #3498db2e}[data-theme=dark] .plans-grid .plan-card.plan-basic .plan-name{color:#bfe8ff}[data-theme=dark] .plans-grid .plan-card.plan-basic .plan-footer .btn{background:linear-gradient(90deg,#3498dbfa,#2563ebf2)}[data-theme=dark] .plans-grid .plan-card.plan-professional{border-left:4px solid #9b59b633}[data-theme=dark] .plans-grid .plan-card.plan-professional .plan-name{color:#e7c9f7}[data-theme=dark] .plans-grid .plan-card.plan-professional .plan-footer .btn{background:linear-gradient(90deg,#9b59b6fa,#7b1fa2f2)}[data-theme=dark] .plans-grid .plan-card.plan-enterprise{border-left:4px solid #2ecc712e}[data-theme=dark] .plans-grid .plan-card.plan-enterprise .plan-name{color:#d9ffea}[data-theme=dark] .plans-grid .plan-card.plan-enterprise .plan-footer .btn{background:linear-gradient(90deg,#2ecc71fa,#16a34af2)}[data-theme=dark] .plans-grid .plan-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;will-change:transform}[data-theme=dark] .plans-grid .plan-card:hover{box-shadow:0 40px 80px #020617cc,0 8px 24px #00000073;transform:translateY(-8px)}[data-theme=dark] .plans-grid .plan-card.popular{background:linear-gradient(180deg,#0b0d10f2,#0f1115f2);border-left-style:solid;border-left-width:6px;box-shadow:0 36px 80px #020617d1,0 10px 28px #73f0a80f;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .plans-grid .plan-card.popular .popular-badge{box-shadow:0 8px 18px #00000080}[data-theme=dark] .plans-grid .plan-card .plan-footer .btn:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--login-color:#09aca1d9;--secondary-color:#7c3aed;--accent-color:#0bc587;--danger-color:#ef4444;--warning-color:#f59e0b;--dark-color:#1e293b;--light-color:#f8fafc;--gray-color:#64748b;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--text-color:#333}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;color:var(--dark-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:clamp(1rem,2vw + .5rem,1.25rem);line-height:1.7;min-height:100vh}.auth-container,.container,.pricing-table,.service-description{max-width:70ch}.container{margin:0 auto;padding:1rem;width:100%}@media (min-width:576px){.container{padding:1.5rem}}@media (min-width:768px){.container{padding:2rem}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--dark-color) 0,#0f172a 100%);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{flex-wrap:wrap}.logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.logo:hover{opacity:.9;transform:translateY(-1px)}.logo-icon{color:#0bc587;color:var(--accent-color);font-size:1.8rem}.nav-links{flex-wrap:wrap;gap:1rem}.nav-link{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#ffffffe6;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.nav-button{align-items:center;background:#2563eb;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-button:hover{background:#1d4ed8;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-button-primary{background:#0bc587;background:var(--accent-color)}.nav-button-primary:hover{background:#0da271}.user-menu{flex-wrap:wrap}.user-name{background:#ffffff1a;border-radius:8px;border-radius:var(--radius-sm);font-weight:500;padding:.75rem 1.25rem}.logout-button,.user-name{align-items:center;color:#fff;display:flex;gap:.5rem}.logout-button{background:#ef4444;background:var(--danger-color);border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.logout-button:hover{background:#dc2626;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#fff;overflow:hidden;padding:4rem 1rem;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-title{color:#1a1a2e!important;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;position:relative;z-index:1}.hero-subtitle{color:#2d3748!important;font-size:clamp(1rem,2.5vw,1.5rem);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-buttons,.hero-subtitle{margin-bottom:3rem;position:relative;z-index:1}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn,.hero-buttons{justify-content:center}.btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:inline-flex;font-weight:600;gap:.75rem;min-height:48px;min-width:48px;padding:1rem 2rem}.btn-primary{background:#fff;color:#2563eb;color:var(--primary-color)}.btn-primary:hover{background:#f1f5f9;box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-secondary{background:#fff;border:2px solid #2563eb;border:2px solid var(--primary-color);color:#2563eb;color:var(--primary-color)}.btn-secondary:hover{background:#2563eb;background:var(--primary-color);box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px)}.section-title{color:#1e293b;color:var(--dark-color);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;padding-bottom:1rem;position:relative}.section-title:after{background:linear-gradient(90deg,#2563eb,#0bc587);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-subtitle{color:#64748b;color:var(--gray-color);font-size:1.125rem;margin-left:auto;margin-right:auto;max-width:600px}.dashboard-grid,.pricing-grid,.services-grid,.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin-top:2rem}.admin-container{padding:1rem 0 3rem}.admin-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.admin-card{background:#fff;border:1px solid #0000000a;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:inherit;padding:1.25rem;text-align:center;text-decoration:none;transition:all .18s ease;width:260px}.admin-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.admin-icon{color:#2563eb;color:var(--primary-color);font-size:2.25rem;margin-bottom:.75rem}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0}.admin-controls .input{border:1px solid #00000014;border-radius:8px;flex:1 1;min-width:220px;padding:.5rem .75rem}.controls-right{align-items:center;display:flex;gap:.75rem}.panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);margin-top:1rem;padding:1rem}.user-table-wrapper{overflow:auto}.user-table{border-collapse:collapse;min-width:720px;width:100%}.user-table td,.user-table th{border-bottom:1px solid #0000000a;padding:.75rem .85rem;text-align:left}.user-table thead th{color:#64748b;color:var(--gray-color);font-size:.95rem;font-weight:700}.pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;padding:.75rem 0}.toast{background:#000c;border-radius:8px;bottom:16px;color:#fff;padding:.5rem .75rem;position:fixed;right:16px}.analytics-grid{display:block}.analytics-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.stat-card{border-radius:12px;box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);padding:1rem 1.25rem;text-align:center;width:200px}.stat-card h3{font-size:1.5rem;margin-bottom:.25rem}.settings-form .input{border:1px solid #00000014;border-radius:8px;margin-bottom:.75rem;padding:.5rem;width:100%}@media (max-width:720px){.admin-card{width:100%}.user-table{min-width:0;min-width:auto}}.service-card{border:1px solid #0000000d;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.service-card:before{background:linear-gradient(90deg,#2563eb,#0bc587);background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.service-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service-icon{background:#2563eb1a;border-radius:12px;border-radius:var(--radius-md);color:#2563eb;color:var(--primary-color);display:inline-flex;font-size:2.5rem;height:64px;margin-bottom:1.5rem;width:64px}.service-name{color:#1e293b;color:var(--dark-color);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.service-price{color:#0bc587;color:var(--accent-color);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.service-description{color:#64748b;color:var(--gray-color);flex:1 1;font-size:1rem;line-height:1.6;margin-bottom:2rem}.service-button{align-items:center;background:#2563eb;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.service-button:hover{background:#1d4ed8;transform:translateY(-2px)}.pricing-card,.service-button:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.pricing-card{background:#fff;border:2px solid;border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.pricing-card.popular{border-color:#0bc587;border-color:var(--accent-color);box-shadow:0 20px 40px #10b98126;transform:scale(1.05)}.popular-badge{background:#0bc587;background:var(--accent-color);font-size:.875rem;font-weight:700}.plan-name{font-size:1.5rem;margin-bottom:1rem}.plan-price{margin-bottom:2rem}.price-amount{font-size:2.5rem;font-weight:800}.price-period{color:#64748b;color:var(--gray-color);font-size:1rem}.feature-list{margin-bottom:2rem}.feature-item{align-items:center;border-bottom:1px solid #0000000d;font-size:.95rem;padding:.75rem 0;text-align:left}.feature-item:last-child{border-bottom:none}.auth-container{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);margin:2rem auto;max-width:440px;padding:3rem 1.5rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{margin-bottom:1rem}.form-label{color:#1e293b;color:var(--dark-color);display:block;font-weight:600;margin-bottom:.5rem}.form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;border-radius:var(--radius-sm);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.dashboard-header{align-items:center;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem}.stats-card{background:#fff;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:all .3s ease}.stats-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stats-title{color:#64748b;color:var(--gray-color);font-size:1rem;font-weight:600;margin-bottom:.75rem}.stats-number{color:#2563eb;color:var(--primary-color);font-size:2.5rem;font-weight:800}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-links{display:none;flex-direction:column;padding:1rem 0;width:100%}.nav-links.active{display:flex}.user-menu{width:100%}.hero-buttons,.user-menu{align-items:stretch;flex-direction:column}.btn{width:100%}.dashboard-header,.subscription-card{align-items:stretch;flex-direction:column}.subscription-actions{justify-content:center}.billing-toggle,.payment-options{flex-direction:column}.pricing-card.popular{transform:none}}@media (max-width:480px){.dashboard-grid,.pricing-grid,.services-grid,.settings-grid{grid-template-columns:1fr}.container{padding:1rem}}.auth-container,.pricing-card,.service-card{animation:fadeIn .5s ease-out}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;color:#2563eb;color:var(--primary-color);font-size:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{background:#1e293b;background:var(--dark-color);color:#fff;margin-top:auto;padding:3rem 0 1.5rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer-title{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.footer-link{color:#cbd5e1;display:block;margin-bottom:.75rem;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:.875rem;padding-top:1.5rem;text-align:center}.footer-bottom a{color:#0bc587;color:var(--accent-color);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.ai-features-highlight{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:50px 0;padding:20px}.ai-feature{background:linear-gradient(145deg,#3498db1a,#2980b90d);border:1px solid #3498db33;border-radius:15px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.ai-feature:hover{border-color:#3498db;box-shadow:0 10px 25px #3498db26;transform:translateY(-5px)}.ai-feature:before{background:linear-gradient(90deg,#3498db,#9b59b6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ai-feature:nth-child(2):before{background:linear-gradient(90deg,#9b59b6,#2ecc71)}.ai-feature:nth-child(3):before{background:linear-gradient(90deg,#2ecc71,#e74c3c)}.ai-feature .ai-icon{color:#3498db;font-size:3rem;margin-bottom:20px;transition:transform .3s ease}.ai-feature:hover .ai-icon{transform:scale(1.1)}.ai-feature h3{color:#2c3e50;font-size:1.4rem;margin:15px 0}.ai-feature p{color:#495057;line-height:1.6}.ai-recommendations-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin:50px 0;overflow:hidden;padding:40px;position:relative}.ai-recommendations-section:before{background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:20px 20px;content:"";height:100%;opacity:.3;position:absolute;right:-50%;top:-50%;width:100%}.ai-recommendations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;position:relative;z-index:1}.ai-recommendations-header i{color:#fff;font-size:2.5rem}.ai-recommendations-header h3{flex-grow:1;font-size:1.8rem;margin:0 20px}.ai-recommendations-header .btn-sm{background:#fff;border:none;border-radius:25px;color:#764ba2;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s ease}.ai-recommendations-header .btn-sm:hover{background:#f8f9fa;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.ai-recommendations-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));position:relative;z-index:1}.ai-recommendation-card{background:#fff;border-radius:15px;box-shadow:0 8px 20px #00000026;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.ai-recommendation-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.ai-badge{align-items:center;background:linear-gradient(45deg,#9b59b6,#e74c3c);border-radius:20px;box-shadow:0 4px 10px #9b59b64d;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 20px;position:absolute;right:20px;top:-12px;z-index:2}.ai-recommendation-card .service-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:70px;justify-content:center;margin:20px auto;width:70px}.ai-recommendation-card .service-icon i{color:#fff;font-size:2rem}.ai-recommendation-card .service-name{color:#2c3e50;font-size:1.3rem;margin:15px 0 10px;text-align:center}.ai-recommendation-card .service-price{color:#e74c3c;font-size:1.5rem;font-weight:700;margin:10px 0;text-align:center}.ai-recommendation-card .service-description{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:15px 0;text-align:center}.ai-reason{align-items:center;background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-left:4px solid #3498db;border-radius:10px;color:#495057;display:flex;font-size:.9rem;gap:10px;margin:15px 0;padding:15px}.ai-reason i{color:#f39c12;font-size:1.1rem}.ai-recommendation-card .service-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.ai-recommendation-card .service-button:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.ai-chat-button{align-items:center;background:linear-gradient(135deg,#27ae60,#219653);border:none;border-radius:25px;box-shadow:0 4px 10px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:10px 20px;transition:all .3s ease}.ai-chat-button:hover{background:linear-gradient(135deg,#219653,#1e8449);box-shadow:0 6px 15px #27ae6066;transform:translateY(-2px)}.ai-insights-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:25px 0}.ai-insight-card{border-left:5px solid #3498db;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px;transition:all .3s ease}.ai-insight-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.insight-title{color:#7f8c8d;font-size:.85rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.insight-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#9b59b6);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:800;margin:10px 0}.ai-recommendation{background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-left:3px solid #f39c12;border-radius:8px;color:#495057;font-size:.9rem;gap:10px;margin-top:15px;padding:12px 15px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ai-recommendation-card .ai-badge{animation:pulse 2s infinite}@media (max-width:768px){.ai-features-highlight{gap:20px;grid-template-columns:1fr;padding:10px}.ai-recommendations-section{margin:30px 0;padding:25px}.ai-recommendations-header{flex-direction:column;gap:15px;text-align:center}.ai-recommendations-grid{grid-template-columns:1fr}.ai-recommendation-card{padding:20px}}[data-theme=dark] .ai-feature{background:#34495e!important;border-color:#2c3e50!important}[data-theme=dark] .ai-features-highlight{background:#2c3e50!important;border:1px solid #34495e!important;box-shadow:0 5px 15px #0003!important}[data-theme=dark] .ai-feature h3{color:#ecf0f1}[data-theme=dark] .hero-title{text-shadow:0 2px 4px #0000004d}[data-theme=dark] .hero-subtitle{opacity:.95}[data-theme=dark] .ai-feature p{color:#bdc3c7!important}[data-theme=dark] .ai-recommendation-card{background:#2c3e50}[data-theme=dark] .ai-recommendation-card .service-name{color:#ecf0f1}[data-theme=dark] .ai-recommendation-card .service-description{color:#bdc3c7}[data-theme=dark] .ai-reason{background:linear-gradient(90deg,#34495e,#2c3e50);color:#ecf0f1}[data-theme=dark] .ai-insight-card{background:#2c3e50}[data-theme=dark] .insight-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#9b59b6);-webkit-background-clip:text}[data-theme=dark] .ai-recommendation{background:linear-gradient(90deg,#34495e,#2c3e50);color:#ecf0f1}.ai-chat-window{animation:slideIn .3s ease;background:#fff;border-radius:15px;bottom:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;width:350px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:space-between;padding:15px 20px}.chat-header,.chat-header h3{align-items:center;display:flex}.chat-header h3{font-size:1.1rem;gap:10px;margin:0}.close-chat{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;padding:5px;transition:background-color .2s;width:30px}.close-chat:hover{background:#fff3}.chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.message{align-items:flex-start;animation:fadeIn .3s ease;display:flex;gap:10px;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message i{color:#667eea;font-size:1.2rem;margin-top:5px}.user-message{justify-content:flex-end}.user-message p{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 15px;color:#fff}.ai-message p,.user-message p{margin:0;max-width:80%;padding:10px 15px}.ai-message p{background:#fff;border-radius:15px 15px 15px 0;box-shadow:0 2px 5px #0000001a}.chat-input{background:#fff;border-top:1px solid #dee2e6;display:flex;gap:10px;padding:15px}.chat-input-field{border:1px solid #dee2e6;border-radius:25px;flex:1 1;font-size:.95rem;outline:none;padding:10px 15px;transition:border-color .3s}.chat-input-field:focus{border-color:#667eea}.send-chat{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .2s;width:40px}.send-chat:hover{transform:scale(1.1)}[data-theme=dark] .ai-chat-window{background:#2c3e50;box-shadow:0 10px 30px #0006}[data-theme=dark] .chat-messages{background:#34495e}[data-theme=dark] .ai-message p{background:#3c5065;box-shadow:0 2px 5px #0000004d;color:#fff}[data-theme=dark] .chat-input{background:#2c3e50;border-top-color:#4a6278}[data-theme=dark] .chat-input-field{background:#34495e;border-color:#4a6278;color:#fff}[data-theme=dark] .chat-input-field::placeholder{color:#95a5a6}[data-theme=dark] .chat-input-field:focus{border-color:#667eea}[data-theme=dark] .btn-secondary{background:#0000;border:2px solid #333;border:2px solid var(--text-color);color:#333;color:var(--text-color)}[data-theme=dark] .btn-secondary:hover{background:#333;background:var(--text-color);color:#1e293b;color:var(--dark-color)}@media (max-width:768px){.ai-chat-window{bottom:10px;height:400px;right:10px;width:calc(100% - 40px)}}.dashboard-container{padding:2rem 1rem}.dashboard-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width:768px){.dashboard-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.welcome-section .section-title{color:#333;font-size:1.8rem;margin-bottom:.5rem}.user-highlight{color:#3498db}.welcome-subtitle{color:#666;font-size:1rem}.header-actions{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-tabs{border-bottom:1px solid #e1e1e1;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#3498db}.tab-button.active{background-color:#f8f9fa;border-bottom-color:#3498db;border-radius:4px 4px 0 0;color:#3498db}.tab-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:.75rem;margin-left:.25rem;padding:.2rem .5rem}.section-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}@media (min-width:768px){.section-header{align-items:center;flex-direction:row;justify-content:space-between}}.sub-section-title{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:.5rem}.section-description{color:#666;font-size:.95rem}.section-stats{display:flex;gap:2rem}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:#3498db}.stat-label{text-transform:uppercase}.ai-insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.ai-insights-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ai-insights-grid{grid-template-columns:repeat(4,1fr)}}.ai-insight-card{background:#fff;border:1px solid #e1e1e1;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.ai-insight-card:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.insight-header{gap:1rem;margin-bottom:1rem}.insight-header,.insight-icon{align-items:center;display:flex}.insight-icon{border-radius:12px;font-size:1.2rem;height:50px;justify-content:center;width:50px}.insight-title{color:#333;font-size:1rem;margin:0}.insight-content{display:flex;flex-direction:column;gap:.5rem}.insight-value{font-size:2rem;font-weight:700;line-height:1}.insight-description{color:#666;font-size:.9rem;margin:0}.ai-recommendation{align-items:center;background:#f8f9fa;border-radius:6px;color:#666;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.subscriptions-list{display:flex;flex-direction:column;gap:1.5rem}.subscription-card{background:#fff;border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 2px 15px #0000001a;padding:1.5rem;transition:all .3s ease}.subscription-card:hover{border-color:#3498db;box-shadow:0 5px 20px #00000026}.subscription-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.subscription-header{align-items:center;flex-direction:row}}.subscription-icon{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.subscription-info{flex:1 1}.subscription-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}@media (min-width:768px){.subscription-title{align-items:center;flex-direction:row}}.subscription-name{color:#333;font-size:1.3rem;margin:0}.plan-badge{align-self:flex-start;background:#9b59b6;border-radius:20px;color:#fff;font-size:.85rem;padding:.25rem .75rem}.subscription-price{color:#666;font-size:1.1rem;margin:0}.subscription-status{display:flex;justify-content:flex-end}.status-badge{align-items:center;border:1px solid;border-radius:20px;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem 1rem}.subscription-details{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem;padding:1rem}@media (min-width:768px){.subscription-details{grid-template-columns:repeat(3,1fr)}}.detail-item{align-items:center;display:flex;gap:1rem}.detail-item i{color:#3498db;font-size:1.2rem}.detail-label{font-size:.85rem;text-transform:uppercase}.detail-value{font-size:1rem;font-weight:500}.subscription-actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.subscription-actions{flex-direction:row;justify-content:flex-end}}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.action-button-secondary{background:#f8f9fa;border:1px solid #ddd;color:#333}.action-button-secondary:hover{background:#e9ecef;border-color:#ccc}.action-button-danger{background:#fff5f5;border:1px solid #fdd;color:#e74c3c}.action-button-danger:hover{background:#ffeaea;border-color:#fcc}.action-button-primary{background:#3498db;color:#fff}.action-button-primary:hover{background:#2980b9}.empty-state{border:2px dashed #ddd;padding:3rem 1rem}.empty-icon{color:#bdc3c7;font-size:4rem;margin-bottom:1rem}.empty-title{color:#333;font-size:1.5rem;margin-bottom:.5rem}.empty-description{color:#666;line-height:1.6;margin:0 auto 2rem;max-width:500px}.empty-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.empty-actions{flex-direction:row;justify-content:center}}.settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.settings-grid{grid-template-columns:repeat(2,1fr)}}.setting-card{align-items:center;background:#fff;border:1px solid #e1e1e1;border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.setting-card:hover{border-color:#3498db;box-shadow:0 3px 10px #0000001a}.setting-icon{align-items:center;background:#f0f8ff;border-radius:10px;color:#3498db;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.setting-content{flex:1 1}.setting-title{color:#333;font-size:1.1rem;margin:0 0 .25rem}.setting-description{color:#666;font-size:.9rem;margin:0}.setting-action{align-items:center;background:none;border:1px solid #3498db;border-radius:6px;color:#3498db;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.setting-action:hover{background:#3498db;color:#fff}.loading-state{color:#666;flex-direction:column;gap:1rem;min-height:300px}.loading-state,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#00000080;bottom:0;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem}.modal-close:hover{color:#e74c3c}.modal-body{padding:1.5rem}.warning-message{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.warning-message i{color:#f39c12;font-size:1.5rem}.warning-message h4{color:#856404;margin:0}.modal-body p{color:#666;line-height:1.6;margin-bottom:1rem}.warning-list{list-style:none;margin:1.5rem 0;padding:0}.warning-list li{align-items:center;color:#666;display:flex;gap:.75rem;margin-bottom:.75rem}.warning-list i{color:#e74c3c}.modal-footer{border-top:1px solid #e1e1e1;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-lg{font-size:1.1rem;padding:1rem 2rem}.btn-danger{background:#e74c3c;border:none;color:#fff}.btn-danger:hover{background:#c0392b}[data-theme=dark] .ai-insight-card,[data-theme=dark] .dashboard-container,[data-theme=dark] .modal,[data-theme=dark] .setting-card,[data-theme=dark] .subscription-card{background:#2c3e50;border-color:#34495e;color:#ecf0f1}[data-theme=dark] .detail-value,[data-theme=dark] .section-title,[data-theme=dark] .setting-title,[data-theme=dark] .sub-section-title,[data-theme=dark] .subscription-name{color:#ecf0f1}[data-theme=dark] .insight-description,[data-theme=dark] .section-description,[data-theme=dark] .setting-description,[data-theme=dark] .welcome-subtitle{color:#bdc3c7}[data-theme=dark] .empty-state,[data-theme=dark] .subscription-details{background:#34495e;border-color:#2c3e50}[data-theme=dark] .ai-recommendation{background:#34495e}[data-theme=dark] .dashboard-tabs{border-bottom-color:#34495e}[data-theme=dark] .tab-button{color:#bdc3c7}[data-theme=dark] .tab-button.active,[data-theme=dark] .tab-button:hover{color:#3498db}[data-theme=dark] .tab-button.active{background:#34495e}.pricing-container{margin:0 auto;max-width:1400px;padding:2rem 1rem}.pricing-header{border-bottom:2px solid #f0f0f0;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;margin-bottom:1rem}.subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.view-toggle{background:#f8f9fa;border-radius:12px;display:inline-flex;margin:0 auto;padding:.25rem}.toggle-button{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-button:hover{color:#3498db}.toggle-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#3498db}.plans-comparison{margin-bottom:4rem}.section-title{font-size:2rem;margin-bottom:.5rem;text-align:center}.section-subtitle{color:#666;font-size:1.1rem;margin-bottom:3rem;text-align:center}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media (min-width:992px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background:#fff;border:2px solid #e1e1e1;border-radius:16px;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.plan-card.popular{border-color:#9b59b6;transform:scale(1.02)}.popular-badge{align-items:center;background:#9b59b6;border-radius:20px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.plan-name{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.plan-best-for{color:#666;font-size:.9rem;margin-bottom:1rem}.plan-price{margin-bottom:.5rem}.price-amount{font-size:3rem}.price-period{color:#666;font-size:1.2rem;margin-left:.25rem}.yearly-equivalent{color:#666;font-size:.9rem}.yearly-equivalent .savings{color:#2ecc71;font-weight:500;margin-left:.25rem}.feature-list{flex:1 1;list-style:none;margin:0 0 2rem;padding:0}.feature-item{align-items:flex-start;color:#555;display:flex;gap:.75rem;line-height:1.5;margin-bottom:1rem}.feature-item i{flex-shrink:0;margin-top:.25rem}.plan-footer{display:flex;flex-direction:column;gap:.75rem}.btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.btn-outline{border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:#3498db;color:#fff}.features-comparison{margin-bottom:4rem}.comparison-title{color:#333;font-size:1.5rem;margin-bottom:2rem;text-align:center}.comparison-table{overflow-x:auto}.comparison-table table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 3px 15px #00000014;overflow:hidden;width:100%}.comparison-table th{background:#f8f9fa;border-bottom:2px solid #e1e1e1;font-weight:600;padding:1.25rem;text-align:center}.comparison-table td{border-bottom:1px solid #f0f0f0;padding:1rem 1.25rem;text-align:center}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#f8f9fa}.controls-bar{grid-gap:1.5rem;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;padding:1.5rem}@media (min-width:768px){.controls-bar{align-items:center;grid-template-columns:1fr auto}}@media (min-width:992px){.controls-bar{grid-template-columns:300px 1fr auto}}.search-box{align-items:center;display:flex;position:relative}.search-box i{color:#999;left:1rem;position:absolute}.search-input{border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3498db;outline:none}.clear-search{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;position:absolute;right:1rem}.clear-search:hover{color:#666}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-button{align-items:center;background:#f8f9fa;border:2px solid #e1e1e1;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.filter-button:hover{border-color:#3498db;color:#3498db}.filter-button.active{background:#3498db;border-color:#3498db;color:#fff}.action-buttons{align-items:center;gap:1rem}.sort-controls{align-items:center;display:flex;gap:.5rem}.sort-label{color:#666;font-size:.9rem}.sort-select{background:#fff;color:#333;font-size:.9rem;padding:.5rem}.sort-order,.sort-select{border:2px solid #e1e1e1;border-radius:6px;cursor:pointer}.sort-order{background:#f8f9fa;color:#666;font-weight:700;height:32px;transition:all .3s ease;width:32px}.sort-order:hover{border-color:#3498db;color:#3498db}.compare-button{align-items:center;background:#f8f9fa;border:2px solid #e1e1e1;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.compare-button:hover{border-color:#3498db;color:#3498db}.compare-button.active{background:#3498db;border-color:#3498db;color:#fff}.compare-count{background:#2ecc71;border-radius:10px;color:#fff;font-size:.75rem;margin-left:.25rem;padding:.1rem .4rem}.services-table-container{background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;margin-bottom:3rem;overflow:hidden}.table-responsive{max-height:600px;overflow-x:auto;overflow-y:auto}.services-table{border-collapse:collapse;min-width:800px;width:100%}.sticky-header{background:#f8f9fa;border-bottom:2px solid #e1e1e1;color:#333;font-weight:600;padding:1.25rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.sortable{cursor:pointer;transition:background .3s ease}.sortable:hover{background:#e9ecef}.sort-indicator{color:#3498db;margin-left:.5rem}.service-row{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.service-row:hover{background:#f8f9fa}.service-row.selected{background:#e8f4fc;border-left:4px solid #3498db}.service-row.compare-mode{cursor:pointer}.service-row.compare-mode:hover{background:#e8f4fc}.select-cell{padding:1rem;width:80px}.checkbox-wrapper{display:inline-block;margin-bottom:.5rem;position:relative}.checkbox-wrapper input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.service-icon-cell{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.service-name-cell{padding:1rem}.service-name{color:#333;font-weight:600;margin-bottom:.25rem}.service-category{background:#f0f7ff;border-radius:4px;color:#666;display:inline-block;padding:.25rem .5rem}.actions-cell,.features-cell,.price-cell,.yearly-cell{padding:1rem}.price-display{display:flex;flex-direction:column}.price-amount{color:#333;font-size:1.3rem;font-weight:700}.price-per{color:#666;font-size:.85rem}.yearly-price{display:flex;flex-direction:column;gap:.5rem}.yearly-amount{color:#333;font-size:1.1rem;font-weight:600}.savings-display{align-items:center;color:#2ecc71;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.features-content{color:#666;font-size:.95rem;line-height:1.5;max-width:300px}.action-buttons{display:flex;gap:.5rem}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.empty-state{background:#f8f9fa;border-radius:12px;margin:2rem;padding:4rem 1rem;text-align:center}.empty-state i{color:#bdc3c7;font-size:3rem;margin-bottom:1.5rem}.empty-state h3{color:#333;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:1.5rem}.summary-stats{grid-gap:1rem;background:#f8f9fa;border-top:2px solid #e1e1e1;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}@media (min-width:768px){.summary-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;box-shadow:0 2px 8px #0000000d;gap:1rem;padding:1rem}.stat-card,.stat-icon{align-items:center;border-radius:10px;display:flex}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;height:50px;justify-content:center;width:50px}.stat-content{flex:1 1}.stat-number{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.comparison-view{background:#fff;border:2px solid #3498db;border-radius:12px;box-shadow:0 5px 20px #00000014;margin-bottom:3rem;padding:2rem}.comparison-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.comparison-header h3{color:#333;margin:0}.close-compare,.comparison-header h3{align-items:center;display:flex;gap:.5rem}.close-compare{background:#f8f9fa;border:2px solid #e1e1e1;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.close-compare:hover{border-color:#e74c3c;color:#e74c3c}.comparison-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.comparison-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.comparison-grid{grid-template-columns:repeat(3,1fr)}}.comparison-card{background:#f8f9fa;border:2px solid #e1e1e1;border-radius:12px;padding:1.5rem;transition:all .3s ease}.comparison-card:hover{border-color:#3498db;transform:translateY(-2px)}.comparison-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.comparison-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.comparison-card-header h4{color:#333;font-size:1.1rem;margin:0}.comparison-pricing{margin-bottom:1.5rem}.price-comparison{display:flex;gap:1rem;justify-content:space-between}.monthly-price,.yearly-price{background:#fff;border-radius:8px;flex:1 1;padding:1rem;text-align:center}.price-label{color:#666;display:block;font-size:.85rem;margin-bottom:.5rem}.price-value{color:#333;display:block;font-size:1.1rem;font-weight:600}.savings-badge{background:#2ecc71;border-radius:12px;color:#fff;display:block;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem}.comparison-features{margin-bottom:1.5rem}.comparison-features h5{color:#333;margin-bottom:.75rem}.comparison-features ul{list-style:none;margin:0;padding:0}.comparison-features li{align-items:flex-start;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.comparison-features i{color:#2ecc71;margin-top:.1rem}.comparison-actions{text-align:center}.pricing-faq{margin-bottom:4rem}.faq-title{color:#333;font-size:1.8rem;margin-bottom:2rem;text-align:center}.pricing-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-top:4rem;padding:4rem 2rem;text-align:center}.cta-content h2{font-size:2.2rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.cta-buttons{flex-direction:row;justify-content:center}}.btn-outline{background:#0000;border:2px solid #fff;color:#fff}.btn-outline:hover{background:#fff;color:#764ba2}[data-theme=dark] .pricing-container{color:#ecf0f1}[data-theme=dark] .main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3498db,#2ecc71);-webkit-background-clip:text}[data-theme=dark] .subtitle{color:#bdc3c7}[data-theme=dark]
[data-theme=dark] .faq-title,[data-theme=dark] .controls-bar,[data-theme=dark] .faq-item,[data-theme=dark] .plan-card,[data-theme=dark] .price-amount,[data-theme=dark] .section-title,[data-theme=dark] .service-name,[data-theme=dark] .services-table-container,[data-theme=dark] .stat-card,[data-theme=dark] .stat-number,[data-theme=dark] .yearly-amount{color:#ecf0f1}[data-theme=dark] .faq-item p,[data-theme=dark] .feature-item,[data-theme=dark] .features-content,[data-theme=dark] .plan-best-for,[data-theme=dark] .price-per,[data-theme=dark] .price-period,[data-theme=dark] .section-subtitle,[data-theme=dark] .service-category,[data-theme=dark] .stat-label,[data-theme=dark] .yearly-equivalent{color:#bdc3c7}[data-theme=dark] .sticky-header{background:#34495e;border-bottom-color:#2c3e50;color:#ecf0f1}[data-theme=dark] .service-row:hover{background:#34495e}[data-theme=dark] .service-row.selected{background:#1a252f}[data-theme=dark] .summary-stats{background:#34495e;border-top-color:#2c3e50}[data-theme=dark] .empty-state{background:#34495e}[data-theme=dark] .empty-state i{color:#7f8c8d}[data-theme=dark] .pricing-cta{background:linear-gradient(135deg,#2980b9,#27ae60)}.subscribe-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.back-navigation{margin-bottom:2rem}.back-button{align-items:center;background:none;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#f8f9fa;border-color:#3498db;color:#3498db}.loading-state,.not-found-state{padding:4rem 1rem;text-align:center}.loading-state i{color:#3498db;margin-bottom:1rem}.not-found-state .not-found-icon{color:#f39c12;font-size:4rem;margin-bottom:1.5rem}.not-found-state h2{color:#333;margin-bottom:.5rem}.not-found-state p{color:#666;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}.subscribe-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media (min-width:992px){.subscribe-content{grid-template-columns:1fr 1fr}}.service-card{background:#fff;border:1px solid #e1e1e1;border-radius:16px;box-shadow:0 5px 20px #00000014;height:100%;padding:2rem}.service-header{border-bottom:2px solid #f0f0f0;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.service-header,.service-icon{align-items:center;display:flex}.service-icon{border-radius:16px;color:#fff;flex-shrink:0;font-size:1.8rem;height:70px;justify-content:center;width:70px}.service-title h2{color:#333;font-size:1.6rem;margin:0 0 .25rem}.service-category{background:#e8f4fc;border-radius:20px;color:#3498db;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.service-description p{color:#666;line-height:1.6;margin-bottom:2rem}.service-features{margin-bottom:2rem}.service-features h4{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.service-features ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.service-features li{align-items:center;color:#555;display:flex;font-size:.95rem;gap:.75rem}.service-features i{color:#2ecc71}.service-stats{grid-gap:1rem;border-top:2px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding-top:1.5rem}.stat{gap:.75rem}.stat,.stat i{align-items:center;display:flex}.stat i{background:#f0f7ff;border-radius:10px;color:#3498db;font-size:1.2rem;height:40px;justify-content:center;width:40px}.stat-number{color:#333;font-size:1.1rem;font-weight:700}.stat-label{color:#666;font-size:.85rem}.subscription-form{background:#fff;border:1px solid #e1e1e1;border-radius:16px;box-shadow:0 5px 20px #00000014;padding:2rem}.form-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.form-header h2{color:#333;font-size:1.8rem;margin:0 0 .5rem}.form-header p{color:#666;margin:0}.form-section{margin-bottom:2rem}.section-title{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.billing-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.billing-options{grid-template-columns:1fr 1fr}}.billing-option{border:2px solid #e1e1e1;border-radius:12px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.billing-option:hover{border-color:#3498db;box-shadow:0 5px 15px #3498db1a;transform:translateY(-2px)}.billing-option.selected{background:linear-gradient(135deg,#f8fbff,#f0f7ff);border-color:#3498db}.option-badge{background:#9b59b6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:15px;top:-10px}.option-content{display:flex;flex-direction:column;gap:.5rem}.option-title{align-items:center;color:#333;display:flex;font-weight:600;gap:.5rem}.option-price{align-items:baseline;display:flex;gap:.25rem}.option-price .price{color:#333;font-size:1.8rem;font-weight:700}.option-price .period{color:#666;font-size:.95rem}.option-description{color:#666;font-size:.9rem}.save-badge{background:#2ecc71;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.option-check,.save-badge{align-items:center;color:#fff}.option-check{background:#3498db;border-radius:50%;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:1rem;top:1rem;width:24px}.payment-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.payment-method{align-items:center;border:2px solid #e1e1e1;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.payment-method:hover{border-color:#3498db}.payment-method.selected{background:#f8fbff;border-color:#3498db}.method-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.method-info{flex:1 1}.method-name{color:#333;font-weight:600;margin-bottom:.25rem}.method-description{color:#666;font-size:.9rem}.method-check{color:#3498db;font-size:1.2rem}.promo-code-section{display:flex;flex-direction:column;gap:.75rem}.promo-input-group{display:flex;gap:.5rem}.promo-input{border:2px solid #e1e1e1;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease}.promo-input:focus{border-color:#3498db;outline:none}.promo-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease}.promo-button:hover{background:#2980b9}.discount-applied{align-items:center;color:#2ecc71;display:flex;font-weight:500;gap:.5rem}.promo-hint{background:#f8f9fa;border-radius:6px;color:#666;font-size:.85rem;padding:.5rem}.instructions-card{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:12px;padding:1.5rem}.instructions-card h4{color:#333;font-size:1rem;margin:0 0 1rem}.instructions-list{margin:0;padding-left:1.5rem}.instructions-list li{color:#555;line-height:1.5;margin-bottom:.5rem}.bank-details{display:flex;flex-direction:column;gap:.75rem}.bank-detail{border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding-bottom:.5rem}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;font-weight:600}.order-summary{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:12px;padding:1.5rem}.summary-row{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding:.5rem 0}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#666}.summary-row .value{color:#333;font-weight:500}.discount-row .value,.savings{color:#2ecc71}.savings{font-weight:500;margin-left:.5rem}.summary-divider{background:#3498db;border-radius:1px;height:2px;margin:1rem 0}.total-row{margin-top:.5rem}.total-row .label{color:#333;font-size:1.1rem;font-weight:600}.total-row .value.total{color:#3498db;font-size:1.4rem;font-weight:700}.total-row .period{color:#666;font-size:.9rem;font-weight:400;margin-left:.25rem}.checkbox-container input{display:none}.subscribe-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease;width:100%}.subscribe-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.subscribe-button:disabled{cursor:not-allowed;opacity:.7}.subscribe-button.loading{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.security-assurance{color:#2ecc71;gap:.5rem}.faq-section{border-top:2px solid #f0f0f0;margin-top:4rem;padding-top:3rem}.faq-section h3{color:#333;font-size:1.8rem;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{background:#fff;border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:1.5rem}.faq-item h4{align-items:center;color:#333;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.faq-item p{color:#666;line-height:1.6;margin:0}.success-modal{animation:modalSlideIn .5s ease;background:#fff;border-radius:20px;max-width:500px;padding:3rem;text-align:center;width:90%}.success-icon{color:#2ecc71;font-size:4rem;margin-bottom:1.5rem}.success-modal h3{color:#333;font-size:1.8rem;margin-bottom:1rem}.success-message{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.success-details{background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.success-details p{align-items:center;color:#555;display:flex;gap:.75rem;margin:0 0 .75rem}.success-details p:last-child{margin-bottom:0}.redirect-message{color:#666;font-style:italic;margin-bottom:1.5rem}.btn-large{font-size:1.1rem;padding:1rem 2rem}[data-theme=dark] .faq-item,[data-theme=dark] .service-card,[data-theme=dark] .subscription-form{background:#2c3e50;border-color:#34495e;color:#ecf0f1}[data-theme=dark] .faq-item h4,[data-theme=dark] .form-header h2,[data-theme=dark] .section-title,[data-theme=dark] .service-title h2,[data-theme=dark] .summary-row .value{color:#ecf0f1}[data-theme=dark] .faq-item p,[data-theme=dark] .form-header p,[data-theme=dark] .method-description,[data-theme=dark] .option-description,[data-theme=dark] .service-description p,[data-theme=dark] .summary-row .label{color:#bdc3c7}[data-theme=dark] .instructions-card,[data-theme=dark] .order-summary,[data-theme=dark] .promo-hint,[data-theme=dark] .service-stats,[data-theme=dark] .success-details{background:#34495e;border-color:#2c3e50}[data-theme=dark] .back-button{border-color:#34495e;color:#bdc3c7}[data-theme=dark] .back-button:hover{background:#34495e;color:#3498db}[data-theme=dark] .billing-option,[data-theme=dark] .payment-method{border-color:#34495e}[data-theme=dark] .billing-option:hover,[data-theme=dark] .payment-method:hover{border-color:#3498db}[data-theme=dark] .billing-option.selected,[data-theme=dark] .payment-method.selected{background:#34495e;border-color:#3498db}[data-theme=dark] .success-modal{background:#2c3e50;color:#ecf0f1}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .features-comparison{color:#ecf0f1}[data-theme=dark] .comparison-table table{background:#2c3e50!important;border:1px solid #34495e!important;box-shadow:0 3px 15px #0003!important}[data-theme=dark] .comparison-table th{background:#34495e!important;border-bottom:2px solid #2c3e50!important;color:#ecf0f1!important}[data-theme=dark] .comparison-table td{background:#2c3e50!important;border-bottom:1px solid #34495e!important;color:#bdc3c7!important}[data-theme=dark] .comparison-table tr:hover td{background:#34495e!important;color:#ecf0f1!important}[data-theme=dark] .comparison-table tr:last-child td{border-bottom:none!important}[data-theme=dark] .comparison-table i.fa-check{color:#2ecc71!important}[data-theme=dark] .comparison-table i.fa-times{color:#e74c3c!important}[data-theme=dark] .comparison-table th[style*="color:"]{filter:brightness(1.2);opacity:.9}[data-theme=dark] .comparison-title{color:#ecf0f1!important}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.terms-text{color:#2d3748;line-height:1.6}.terms-text strong{color:#2c3e50;font-weight:600}[data-theme=dark] .checkbox-container:hover{background:#3a506b;border-color:#3498db}[data-theme=dark] .terms-text strong{color:#bdc3c7}[data-theme=dark] .terms-text a{color:#5dade2}[data-theme=dark] .terms-text a:hover{color:#3498db}@keyframes pulseCheckbox{0%{box-shadow:0 0 0 0 #3498dbb3}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 0 0 #3498db00}}.terms-text{font-size:1.05rem!important}.terms-text a{font-weight:700!important}.terms-agreement{background:#f8f9fa!important;border:3px solid #e1e1e1!important;border-radius:12px!important;margin:2rem 0!important;padding:1.5rem!important}.checkbox-container{align-items:center!important;cursor:pointer!important;display:flex!important;gap:15px!important}.checkbox-container input{display:none!important}@keyframes checkPop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.terms-text{color:#2c3e50!important;flex:1 1!important;font-size:1rem!important;font-weight:500!important;line-height:1.6!important}.terms-text a{color:#2980b9!important;font-weight:600!important;text-decoration:underline!important}.terms-text a:hover{color:#1c5d8a!important}[data-theme=dark] .terms-agreement{background:#34495e!important;border-color:#2c3e50!important}[data-theme=dark] .terms-text{color:#ecf0f1!important}[data-theme=dark] .terms-text a{color:#5dade2!important;pointer-events:auto;position:relative;z-index:3}[data-theme=dark] .terms-text a:hover{color:#3498db!important}.checkbox-container:focus-within{outline:2px solid #3498db!important;outline-offset:2px!important}.register-header{margin-bottom:2.5rem;text-align:center}.register-header .section-title{color:#2c3e50;font-size:2.2rem;margin-bottom:.5rem}.register-header .section-subtitle{color:#7f8c8d;font-size:1.1rem;margin:0 auto;max-width:600px}.form-label-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.status-available,.status-checking,.status-unavailable{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:.25rem}.status-checking{color:#f39c12}.status-available{color:#27ae60}.status-unavailable{color:#e74c3c}.input-with-icon{position:relative}.input-icon{color:#95a5a6;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:3rem;padding-right:3rem}.password-toggle{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:1.1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#3498db}.password-match-icon{font-size:1.1rem;position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.password-match-icon .success{color:#27ae60}.password-match-icon .error{color:#e74c3c}.password-strength-meter{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:8px;margin-top:1rem;padding:1rem}.strength-bars{display:flex;gap:.25rem;margin-bottom:1rem}.strength-bar{background:#ecf0f1;border-radius:3px;flex:1 1;height:6px;transition:all .3s ease}.strength-bar.filled{animation:fillBar .5s ease}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.password-strength-text{font-size:.9rem;font-weight:600}.strength-requirements p{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.requirements-list{list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.requirements-list li.met{color:#27ae60}.requirements-list li i{font-size:.85rem}.terms-text{flex:1 1;font-size:.95rem}.has-success .form-input{border-color:#27ae60!important}.has-error .form-input{border-color:#e74c3c!important}.success-text{color:#27ae60;gap:.5rem;margin-top:.5rem}.security-assurance,.success-text{align-items:center;display:flex;font-size:.9rem}.security-assurance{background:#f8f9fa;border-radius:8px;color:#7f8c8d;gap:.75rem;justify-content:center;margin-top:1.5rem;padding:1rem}.security-assurance i{color:#3498db}.progress-steps{border-top:1px solid #e1e1e1;display:flex;gap:3rem;justify-content:center;margin-top:3rem;padding-top:2rem}.step{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.5;transition:opacity .3s ease}.step.active{opacity:1;.checkbox-input{align-items:center;background:#f8f9fa;border:2px solid #e1e1e1;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;opacity:0;position:absolute;transition:all .3s ease;width:40px;.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;position:relative;width:100%;z-index:1}}.checkbox-container.enhanced .checkbox-input:checked~.checkbox-label .checkmark{background:#3498db;border-color:#3498db}.checkbox-container.enhanced .checkbox-input:checked~.checkbox-label .checkmark:after{color:#fff;content:"✓";font-size:.9rem;font-weight:700}}.step.active .step-text{color:#3498db;font-weight:600}[data-theme=dark] .register-header .section-title{color:#ecf0f1}[data-theme=dark] .register-header .section-subtitle{color:#bdc3c7}[data-theme=dark] .password-strength-meter{background:#34495e;border-color:#2c3e50}[data-theme=dark] .strength-bar:not(.filled){background:#2c3e50}[data-theme=dark] .strength-requirements p{color:#ecf0f1}[data-theme=dark] .requirements-list li{color:#bdc3c7}[data-theme=dark] .security-assurance,[data-theme=dark] .step-number{background:#34495e;color:#bdc3c7}[data-theme=dark] .step-number{border-color:#2c3e50}[data-theme=dark] .step.active .step-number{background:#3498db;border-color:#3498db;color:#fff}[data-theme=dark] .step-text{color:#bdc3c7}@media (max-width:768px){.register-header .section-title{font-size:1.8rem}.progress-steps{flex-wrap:wrap;gap:1.5rem}.step{flex:1 1;min-width:100px}.requirements-list{font-size:.85rem}}@media (max-width:480px){.form-label-wrapper{align-items:flex-start;flex-direction:column;gap:.25rem}.progress-steps{flex-direction:column;gap:1rem}.step{flex-direction:row;justify-content:flex-start;width:100%}}.checkbox-container.enhanced{background:#f8f9fa;border:2px solid #e1e1e1;border-radius:10px;cursor:pointer;display:block;font-size:.95rem;margin:1.5rem 0;padding:1.25rem;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.checkbox-container.enhanced:hover{background:#f0f7ff;border-color:#3498db}.checkbox-container.enhanced input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #3498db;border-radius:5px;height:25px;left:1.25rem;position:absolute;top:1.5rem;width:25px}.checkbox-container.enhanced:hover .checkmark{border-color:#2980b9}.checkbox-container.enhanced input:checked~.checkmark{background-color:#3498db;border-color:#3498db}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container.enhanced input:checked~.checkmark:after{display:block}.checkbox-container.enhanced .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:9px;top:5px;transform:rotate(45deg);width:5px}.terms-text{color:#2c3e50;display:block;line-height:1.5;margin-left:35px}.terms-text a{color:#3498db;font-weight:600;pointer-events:auto;position:relative;text-decoration:none;z-index:3}.terms-text a:hover{text-decoration:underline}[data-theme=dark] .checkbox-container.enhanced{background:#34495e;border-color:#2c3e50}[data-theme=dark] .checkbox-container.enhanced:hover{background:#3a506b;border-color:#3498db}[data-theme=dark] .checkmark{background:#2c3e50}[data-theme=dark] .terms-text{color:#ecf0f1}.simple-checkbox-container{margin:1.5rem 0}.simple-checkbox-label{align-items:flex-start;background:#f8f9fa;border:2px solid #e1e1e1;border-radius:10px;cursor:pointer;display:flex;padding:1.25rem;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.simple-checkbox-label:hover{background:#f0f7ff;border-color:#3498db;box-shadow:0 5px 15px #3498db1a;transform:translateY(-2px)}.simple-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.simple-checkmark{align-items:center;background:#fff;border:2px solid #3498db;border-radius:5px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:15px;margin-top:2px;min-width:24px;position:relative;transition:all .3s ease;width:24px;z-index:1}.simple-checkbox:checked~.simple-checkmark{background:#3498db;border-color:#3498db}.simple-checkbox:checked~.simple-checkmark:after{color:#fff;content:"✓";font-size:.9rem;font-weight:700}.simple-terms-text{color:#2c3e50;flex:1 1;font-size:.95rem;line-height:1.5;position:relative;z-index:1}.simple-terms-text a{color:#3498db;font-weight:600;pointer-events:auto;position:relative;text-decoration:none;z-index:3}.simple-terms-text a:hover{text-decoration:underline}[data-theme=dark] .simple-checkbox-label{background:#34495e;border-color:#2c3e50}[data-theme=dark] .simple-checkbox-label:hover{background:#3a506b;border-color:#3498db}[data-theme=dark] .simple-checkmark{background:#2c3e50}[data-theme=dark] .simple-terms-text{color:#ecf0f1}[data-theme=dark] .simple-terms-text a{color:#5dade2}.phone-input-container{display:flex;width:100%}.phone-input-container .react-international-phone-input{border-radius:4px;display:flex;overflow:hidden}.phone-input-container .react-international-phone-country-selector{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px 0 0 4px;border-right:none}.phone-input-container .react-international-phone-country-selector-button{background-color:initial;border:none;height:44px;padding:10px 15px}.phone-input-container .react-international-phone-input-container{flex:1 1}.phone-input-container .react-international-phone-input{border:1px solid #ddd;border-radius:0 4px 4px 0;font-size:16px;height:44px;padding:10px 15px;width:100%}.phone-input-container .react-international-phone-country-selector-dropdown{max-height:300px;overflow-y:auto;width:300px;z-index:1000}@media (max-width:768px){.phone-input-container .react-international-phone-country-selector-dropdown{max-width:300px;width:100%}.phone-input-container .react-international-phone-country-selector-button{padding:10px}}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:0 20px;position:relative}.hamburger{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;z-index:1001}.nav-links{gap:1.5rem}.nav-links,.user-menu{align-items:center;display:flex}.user-menu{gap:1rem}.theme-toggle-mobile{display:none}.theme-toggle-desktop{display:block}@media (max-width:768px){.hamburger{display:block}.nav-links{align-items:flex-start;background:#fff;box-shadow:-5px 0 15px #0000001a;flex-direction:column;height:100vh;max-width:300px;overflow-y:auto;padding:80px 30px 30px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.nav-links.active{right:0}.nav-links .nav-link{border-bottom:1px solid #eee}.nav-links .nav-button,.nav-links .nav-link{color:#333;display:block;justify-content:flex-start;padding:12px 0;text-decoration:none;width:100%}.nav-links .nav-button{background:none;border:none;cursor:pointer;text-align:left}.nav-links .nav-button-primary{background-color:#007bff;border-radius:4px;color:#fff;padding:10px 15px;text-align:center}.user-name{border-bottom:1px solid #eee}.logout-button,.user-name{color:#333;padding:12px 0;width:100%}.logout-button{background:none;border:none;cursor:pointer;text-align:left}.user-menu{align-items:flex-start;flex-direction:column;gap:.5rem;width:100%}.theme-toggle-desktop{display:none}.theme-toggle-mobile{border-bottom:1px solid #eee;display:block;padding:15px 0;width:100%}[data-theme=dark] .nav-links{background:#2c3e50;color:#fff}[data-theme=dark] .nav-links .nav-button,[data-theme=dark] .nav-links .nav-link{border-bottom:1px solid #444;color:#fff}[data-theme=dark] .nav-links .nav-button-primary{background-color:#0056b3;color:#fff}[data-theme=dark] .logout-button,[data-theme=dark] .user-name{border-bottom:1px solid #444;color:#fff}[data-theme=dark] .hamburger{color:#fff}[data-theme=dark] .theme-toggle-mobile{border-bottom:1px solid #444}}.nav-link:hover{color:#007bff}[data-theme=dark] .nav-link:hover{color:#4da3ff}.nav-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:8px 16px;transition:all .3s}.nav-button:hover{background:#348de7}.nav-button-primary{background:#007bff;border-color:#007bff;color:#fff!important}.nav-button-primary:hover{background:#0056b3}[data-theme=dark] .nav-button{background:#34495e;border-color:#2c3e50;color:#fff}[data-theme=dark] .nav-button:hover{background:#2c3e50}[data-theme=dark] .nav-button-primary{background:#0056b3;border-color:#0056b3}[data-theme=dark] .nav-button-primary:hover{background:#003d82}
/*# sourceMappingURL=main.690c3375.css.map*/