body{font-family:-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}#root,body,html{height:100%;width:100%}.layout{background:#f8fafc;height:100vh;position:relative}.sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;z-index:100}.sidebar.open{width:280px}.sidebar:not(.open){width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;height:80px;justify-content:space-between;min-height:80px;padding:20px}.sidebar:not(.open) .sidebar-header{height:auto;justify-content:center;padding:20px 10px}.sidebar-header-collapsed{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.logo-collapsed{cursor:pointer;transition:transform .2s}.logo-collapsed:hover{transform:scale(1.05)}.sidebar-toggle-collapsed{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.sidebar-toggle-collapsed:hover{background:#e2e8f0;transform:scale(1.05)}.logo{align-items:center;cursor:pointer;gap:12px;transition:transform .2s}.logo:hover{transform:scale(1.02)}.logo-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.logo-text{font-size:22px;font-weight:700;letter-spacing:-.5px}.gradient-text{background:linear-gradient(135deg,#667eea,#9333ea 50%,#ec4899);font-weight:700}.sidebar-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.sidebar-toggle:hover{background:#e2e8f0;transform:scale(1.05)}.sidebar-toggle svg{color:#64748b;height:20px;width:20px}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 12px;scrollbar-color:#e2e8f0 #0000;scrollbar-width:thin}.sidebar:not(.open) .sidebar-nav{padding:20px 8px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .2s;white-space:nowrap;width:100%}.sidebar:not(.open) .nav-item{border-radius:12px;justify-content:center;padding:12px}.sidebar:not(.open) .nav-item span{display:none}.nav-item:before{background:linear-gradient(135deg,#667eea,#9333ea);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .2s;width:3px}.nav-item:hover{background:#f8fafc;color:#334155;transform:translateX(2px)}.sidebar:not(.open) .nav-item:hover{background:#f1f5f9;transform:none}.nav-item.active{background:linear-gradient(135deg,#667eea,#9333ea);box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600}.nav-item.active:hover{background:linear-gradient(135deg,#5a67d8,#8b5cf6);transform:translateX(2px)}.nav-item.active svg{color:#fff}.nav-item.active:before{background:#fff;opacity:.2;transform:translateX(0)}.sidebar:not(.open) .nav-item.active{background:linear-gradient(135deg,#667eea,#9333ea);box-shadow:0 2px 8px #667eea4d}.nav-item svg{flex-shrink:0}.home-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-bottom:12px}.home-btn:hover{background:linear-gradient(135deg,#059669,#047857);color:#fff;transform:translateX(2px)}.home-btn svg{color:#fff}.nav-separator{background:#e2e8f0;height:1px;margin:12px 0}.sidebar:not(.open) .nav-separator{display:none;margin:8px 4px}.sidebar-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:16px}.sidebar:not(.open) .sidebar-footer{padding:12px 8px}.user-info{align-items:center;background:#f8fafc;border-radius:12px;gap:12px;margin-bottom:12px;padding:12px}.sidebar:not(.open) .user-info{justify-content:center;padding:8px}.sidebar:not(.open) .user-details{display:none}.user-avatar{cursor:pointer;flex-shrink:0;position:relative;transition:transform .2s}.user-avatar:hover{transform:scale(1.05)}.profile-image-sidebar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;object-fit:cover}.profile-placeholder-sidebar{background:linear-gradient(135deg,#667eea,#9333ea);box-shadow:0 2px 8px #0000001a;color:#fff}.profile-camera-badge,.profile-placeholder-sidebar{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center}.profile-camera-badge{background:#667eea;bottom:0;height:16px;position:absolute;right:0;width:16px}.user-details{flex:1 1;min-width:0}.user-name{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.user-email{color:#64748b;display:block;font-size:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-plan{align-items:center;background:linear-gradient(135deg,#667eea,#9333ea);border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.trial-badge{font-size:10px;margin-left:4px;padding:2px 6px}.logout-button{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.sidebar:not(.open) .logout-button{padding:10px 8px}.sidebar:not(.open) .logout-button span{display:none}.logout-button:hover{background:#fecaca;box-shadow:0 2px 8px #dc262633;transform:translateY(-1px)}.main-content{background:#f8fafc;margin-left:80px;min-height:100vh;overflow-y:auto;transition:margin-left .3s ease}.sidebar.open~.main-content{margin-left:280px}.content-wrapper{margin:0 auto;max-width:100%;padding:24px;width:100%}.loading-container{min-height:100vh}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #e2e8f0;border-top-color:#667eea;height:32px;width:32px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);width:280px}.main-content{margin-left:0!important}.sidebar-overlay{display:block}.sidebar-overlay:not(.open){display:none}.content-wrapper{padding:15px 10px}.user-info{padding:8px}.nav-item{font-size:13px;padding:10px 12px}.sidebar-header{padding:15px}.logo-text{font-size:18px}}.landing-page{overflow-x:hidden;width:100%}.landing-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #e5e5e780;box-shadow:0 2px 8px #00000014;box-sizing:border-box;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.nav-container{gap:2rem;max-width:1200px;position:relative}.nav-brand{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.625rem;font-weight:800;gap:.75rem;letter-spacing:-.02em}.nav-brand img{filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.nav-links{display:flex;flex:1 1;gap:2.5rem;justify-content:center;margin:0 2rem}.nav-links a{color:#4a5568;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover{color:#667eea}.nav-links a:hover:after{width:100%}.nav-dropdown{display:inline-block}.nav-dropdown-trigger{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-dropdown-trigger:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-dropdown-trigger:hover,.nav-dropdown:hover .nav-dropdown-trigger{color:#667eea}.nav-dropdown-trigger:hover:after,.nav-dropdown:hover .nav-dropdown-trigger:after{width:100%}.nav-dropdown-menu{animation:dropdownFadeIn .2s ease;border:1px solid #e5e5e780;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:-5px;min-width:240px;padding:10px .5rem .5rem;pointer-events:auto;top:calc(100% + 10px);z-index:10000}.nav-dropdown-menu,.nav-dropdown-menu:before{background:#fff;left:50%;position:absolute;transform:translateX(-50%)}.nav-dropdown-menu:before{border-left:1px solid #e5e5e780;border-top:1px solid #e5e5e780;content:"";height:12px;top:5px;transform:translateX(-50%) rotate(45deg);width:12px}.nav-dropdown-menu a{border-radius:8px;color:#4a5568;display:block;font-size:.925rem;margin-bottom:2px;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-dropdown-menu a:hover{background:linear-gradient(135deg,#667eea14,#764ba214);color:#667eea;transform:translateX(4px)}.nav-dropdown-menu a:after{display:none}.nav-actions{align-items:center;display:flex;gap:1rem;margin-left:auto;padding-right:1rem}.login-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s}.login-btn:hover{background:#5a67d8;transform:translateY(-2px)}.mobile-menu-btn{background:none;border:none;color:#4a5568;cursor:pointer;display:none}.user-menu{position:relative}.user-menu-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.user-menu-button:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-1px)}.user-menu-button svg{transition:all .3s ease}.user-dropdown{animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #667eea1a;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:280px;z-index:10000}.user-dropdown:before{background:#fff;border-left:1px solid #667eea1a;border-top:1px solid #667eea1a;content:"";height:16px;position:absolute;right:20px;top:-8px;transform:rotate(45deg);width:16px}.dropdown-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid #667eea1a;padding:20px}.user-info{display:flex;flex-direction:column;gap:4px}.user-info strong{color:#1a202c;font-size:16px;font-weight:700;letter-spacing:-.01em}.user-info small{color:#718096;font-size:13px;font-weight:400}.dropdown-menu{padding:8px}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#667eea14;color:#667eea}.dropdown-item svg{color:#718096;height:18px;transition:all .2s ease;width:18px}.dropdown-item:hover svg{color:#667eea}.dropdown-item span{font-size:14px}.dropdown-item.logout{border-top:1px solid #0000000d;color:#e53e3e;margin-top:4px;padding-top:16px}.dropdown-item.logout svg{color:#e53e3e}.dropdown-item.logout:hover{background:#e53e3e14;color:#c53030}.dropdown-item.logout:hover svg{color:#c53030}.dropdown-divider{display:none}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-section:before{background-image:url(/static/media/pattern-7538a7ae69f6110a.25ab132849645a00a003.svg);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{box-shadow:0 10px 20px #0003}.btn-secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff4d}.trust-badges{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.company-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:inline-flex;font-weight:600;gap:.25rem;padding:.5rem 1rem}.hero-image{position:relative}.dashboard-preview{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.preview-header{background:#f5f5f7;border-bottom:1px solid #e5e5e7;padding:.75rem 1rem}.preview-dots{display:flex;gap:.5rem}.preview-dots span{background:#ddd;border-radius:50%;height:12px;width:12px}.preview-dots span:first-child{background:#ff5f56}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:last-child{background:#27c93f}.preview-content{background:#fafafa;min-height:300px;padding:2rem}.metric-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.metric-card-preview{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:1rem}.metric-value{color:#667eea;font-size:1.5rem}.metric-label{color:#86868b;font-size:.75rem;margin-top:.25rem}.chart-preview{background:#fff;background-image:linear-gradient(90deg,#667eea 0,#764ba2);border-radius:8px;box-shadow:0 1px 3px #0000001a;height:150px;opacity:.1}.features-section{background:#f5f5f7;padding:5rem 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;text-align:center;transition:all .3s}.feature-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.feature-icon{color:#fff;height:30px;width:30px}.feature-card h3{color:#1d1d1f;font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:#86868b;line-height:1.6}.success-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:5rem 2rem;position:relative}.success-section:before{background:linear-gradient(90deg,#0000,#e5e5e7,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.success-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:3rem}.success-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:2rem;transition:all .3s ease}.success-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea26;transform:translateY(-5px)}.success-header{gap:1rem;margin-bottom:1.5rem}.company-icon,.success-header{align-items:center;display:flex}.company-icon{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;height:48px;justify-content:center;width:48px}.success-card h3{color:#1d1d1f;font-size:1.5rem;font-weight:700;margin:0}.achievement{color:#667eea;font-size:1.125rem}.achievement,.metric-badge{font-weight:600;margin-bottom:1rem}.metric-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;padding:.375rem 1rem}.success-card p{color:#86868b;line-height:1.6;margin:0}.services-section{background:#f5f5f7;padding:5rem 2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.service-card{border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s}.service-card:before{background:linear-gradient(90deg,#667eea,#0000);background:linear-gradient(90deg,var(--service-color,#667eea) 0,#0000 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.service-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.service-icon{height:48px;margin-bottom:1rem;width:48px}.service-card h3{color:#1d1d1f;font-size:1.5rem;margin-bottom:.5rem}.service-description{color:#667eea;font-weight:500}.service-features{list-style:none;padding:0}.service-features li{align-items:flex-start;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem;line-height:1.4;margin-bottom:.75rem}.service-features svg{color:#10b981;flex-shrink:0;margin-top:2px}.transformation-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:5rem 2rem}.transformation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.transformation-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.transformation-card:before{background:#667eea;background:var(--card-color,#667eea);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.transformation-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-8px)}.transform-icon{align-items:center;background:#667eea1a;border-radius:12px;display:flex;height:56px;justify-content:center;margin-bottom:1.5rem;width:56px}.transformation-card h3{color:#1d1d1f;font-size:1.375rem;font-weight:700;margin-bottom:.5rem}.transform-description{color:#86868b;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.price-tag{align-items:baseline;display:flex;gap:.25rem;margin-bottom:1.5rem}.price-tag .price{color:#667eea;font-size:2rem;font-weight:700}.price-tag .duration{color:#86868b;font-size:.95rem;font-weight:500}.transform-features{list-style:none;margin:0 0 2rem;padding:0}.transform-features li{align-items:flex-start;color:#4a5568;display:flex;font-size:.9rem;gap:.75rem;line-height:1.4;margin-bottom:.75rem}.transform-features svg{flex-shrink:0;margin-top:2px}.transform-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease;width:100%}.transform-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.assessment-section,.security-compliance-section{background:#fff;padding:5rem 2rem}.tech-cloudx-section{background:#fff;overflow:hidden;padding:0;position:relative}.tech-stack-content{background:#fff;padding:5rem 2rem;position:relative;z-index:1}.section-title-tech{color:#1d1d1f;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle-tech{color:#86868b;font-size:1.125rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.tech-stack-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.tech-stack-item{background:#fff;border:1px solid #e5e5e7;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.tech-stack-item:before{background:#667eea;background:var(--tech-color,#667eea);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.tech-stack-item:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea26;transform:translateY(-5px)}.tech-category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.tech-category-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;color:#667eea;color:var(--tech-color,#667eea);display:flex;height:48px;justify-content:center;width:48px}.tech-category-info{flex:1 1}.tech-category-label{color:#1d1d1f;font-size:1.375rem;font-weight:700;margin-bottom:.25rem}.tech-category-count{color:#86868b;font-size:.875rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-chip{background:#f5f5f7;border:1px solid #e5e5e7;border-radius:20px;color:#4a5568;cursor:default;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.tech-chip:hover{border-color:#0000;box-shadow:0 4px 12px #667eea40;color:#fff;transform:translateY(-2px)}.tech-chip:hover,.tech-stats-bar{background:linear-gradient(135deg,#667eea,#764ba2)}.tech-stats-bar{border-radius:16px;box-shadow:0 10px 30px #667eea4d;display:flex;gap:4rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:900px;padding:2rem}.tech-stat{color:#fff;text-align:center}.tech-stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.tech-stat-label{font-size:.875rem;font-weight:500;opacity:.9}.cloudx-content{background:linear-gradient(135deg,#8b5cf6,#667eea);overflow:hidden;padding:5rem 2rem;position:relative}.cloudx-content:before{background-image:url(/static/media/pattern-1095ce3e9bd742a9.c875e78bb5a0bffcff43.svg);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cloudx-header{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.mobile-app-content{grid-gap:4rem;align-items:center;color:#fff;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.app-info h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.app-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.app-logo h2{color:#fff;font-size:2.5rem;margin:0}.app-subtitle{color:#fffffff2;font-size:1.25rem;margin-bottom:1rem;opacity:.95}.app-description{color:#ffffffe6;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9}.app-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.app-feature{align-items:flex-start;display:flex;gap:1rem}.app-feature-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.app-feature h4{color:#fff;font-size:1.125rem;margin-bottom:.25rem}.app-feature p{color:#ffffffe6;font-size:.9rem;opacity:.9}.app-platforms{align-items:center;color:#fff;display:flex;gap:1rem;margin-top:2rem}.platform-badge{background:#fff3;border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.phone-frame{background:#1a1a1a;border-radius:36px;box-shadow:0 20px 60px #0000004d;height:600px;margin:0 auto;padding:12px;width:300px}.phone-screen{background:#fff;border-radius:24px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.app-header{align-items:center;background:#667eea;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:1rem}.app-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.metric-mini{background:#f5f5f7;border-radius:12px;color:#1d1d1f;padding:1rem;text-align:center}.metric-number{color:#667eea;display:block;font-size:1.5rem;font-weight:700}.metric-text{color:#86868b;display:block;font-size:.75rem;margin-top:.25rem}.cost-breakdown{color:#1d1d1f;flex:1 1;padding:0 1rem}.cost-item{border-bottom:1px solid #e5e5e7;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem}.cost-item span:last-child{color:#667eea;font-weight:600}.app-chart{background:linear-gradient(180deg,#667eea1a,#667eea0d);border-radius:12px;flex:1 1;margin:0 1rem}.app-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;padding:1rem}.app-action-btn{background:#667eea;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem}.app-action-btn.ai-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.cloudx-pricing{border-top:1px solid #fff3;margin-top:4rem;padding-top:3rem}.cloudx-pricing h3{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.cloudx-tiers{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.cloudx-tier{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s}.cloudx-tier:hover{background:#ffffff26;transform:translateY(-5px)}.cloudx-tier.premium{background:#fff3;border:2px solid #ffffff80}.cloudx-tier h4{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.tier-price{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.cloudx-tier ul{list-style:none;margin-bottom:1.5rem;padding:0}.cloudx-tier li{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.cloudx-tier svg{color:#10b981;flex-shrink:0}.tier-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.tier-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.pricing-section{background:#f5f5f7;padding:5rem 2rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.pricing-card.popular{border:2px solid #667eea;transform:scale(1.05)}.popular-badge{background:#667eea;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.new-plan{position:relative}.new-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem 1rem;position:absolute;right:20px;top:-12px}.plan-name{color:#1d1d1f;font-size:1.5rem;margin-bottom:1rem}.price{color:#667eea;font-size:2.5rem;font-weight:700}.period{color:#86868b;font-size:1rem}.plan-description{color:#86868b;margin-bottom:1.5rem}.plan-features{margin-bottom:2rem}.plan-features li{color:#4a5568;margin-bottom:.75rem}.plan-features svg{color:#10b981;flex-shrink:0}.plan-button{background:#fff;border:2px solid #e5e5e7;border-radius:8px;cursor:pointer;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.plan-button.primary{background:#667eea;border-color:#667eea;color:#fff}.plan-button:hover{transform:translateY(-2px)}.plan-addons{border-top:1px solid #e5e5e7;margin-top:1rem;padding-top:1rem}.addon-text{color:#667eea;font-size:.9rem;font-weight:600;text-align:center}.discount-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;font-size:1.125rem;gap:1rem;justify-content:center;margin:3rem auto 0;max-width:900px;padding:1.5rem 2rem;text-align:center}.discount-banner svg{flex-shrink:0}.discount-banner strong{font-weight:700}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 2rem}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h2{color:#fff}.cta-content p{color:#ffffffe6}.cta-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.cta-features span{align-items:center;color:#fffffff2;display:flex;font-size:1rem;font-weight:500;gap:.5rem}.cta-features svg{color:#10b981}#contact{scroll-margin-top:80px}.landing-footer{background:linear-gradient(180deg,#1d1d1f,#0a0a0c);color:#fff;margin-top:0;padding:4rem 2rem 1.5rem;position:relative}.landing-footer:before{background:linear-gradient(90deg,#0000,#667eea,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-brand{align-items:center;color:#667eea;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.footer-column h4{color:#fff;margin-bottom:1rem}.footer-column p{color:#86868b;line-height:1.6}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:.5rem}.footer-column ul li a{color:#86868b;text-decoration:none;transition:color .2s}.footer-column ul li a:hover{color:#667eea}.certifications{align-items:center;border-top:1px solid #667eea33;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.certifications svg{color:#667eea}.certifications span{color:#667eea;font-size:.9rem;font-weight:600}.footer-bottom{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;padding-top:1rem}.footer-links a{color:#86868b;transition:color .2s}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{background:#fff;box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-links.mobile-open{display:flex}.nav-dropdown{width:100%}.nav-dropdown-trigger{justify-content:space-between;padding:.5rem 0;width:100%}.nav-dropdown-menu{background:#667eea0d;border:none;border-radius:8px;box-shadow:none;margin-bottom:.5rem;margin-top:.5rem;position:static;transform:none;width:100%}.nav-dropdown-menu:before{display:none}.nav-dropdown-menu a{font-size:.875rem;padding-left:2rem}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.hero-image{margin-top:2rem}.assessment-grid,.mobile-app-content,.success-grid,.tech-stack-grid,.transformation-grid{grid-template-columns:1fr}.tech-stats-bar{flex-direction:column;gap:2rem}.tech-category-header{flex-direction:column;text-align:center}.tech-list{justify-content:center}.tech-badges{justify-content:flex-start}.discount-banner{flex-direction:column;font-size:1rem;padding:1.25rem 1.5rem;text-align:center}.cta-features{align-items:center;flex-direction:column;gap:1rem}.trust-badges{flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.price-tag .price{font-size:1.75rem}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:1rem}}.cta-section .cta-content p{color:#ffffffe6;display:block;opacity:1}body,html{overflow-x:hidden}.chatbot-fab{bottom:24px}.chatbot-fab,.chatbot-panel{position:fixed;right:24px;z-index:9999}.chatbot-panel{border-radius:16px;bottom:96px;box-shadow:0 20px 50px #00000040;height:min(70vh,640px);width:min(420px,90vw)}.cta-section{background:#0000;padding:4rem 1.25rem}.cta-card{box-shadow:0 30px 60px #667eea59;color:#fff;max-width:920px;overflow:clip;text-align:center}.cta-card h2{font-size:clamp(1.75rem,2.5vw,2.25rem)}.cta-subtitle{font-size:1rem}.cta-highlights{grid-gap:1.25rem;align-items:center;display:grid;gap:1.25rem;grid-auto-columns:1fr;grid-auto-flow:column;margin-bottom:1.75rem}.highlight{white-space:nowrap}.tick{align-items:center;background:#10b9812e;border-radius:999px;color:#10b981;display:inline-flex;font-weight:900;height:22px;justify-content:center;line-height:1;width:22px}.cta-btn{box-shadow:0 10px 25px #ffffff26;font-size:1rem;margin:0 auto}.cta-btn:hover{box-shadow:0 18px 35px #00000040}@media (max-width:768px){.cta-card{padding:2.25rem 1.25rem}.cta-highlights{grid-auto-columns:auto;grid-auto-flow:row}}.landing-page,body,html{overflow-x:hidden}.assessment-section,.cta-section,.hero-section,.pricing-section,.security-compliance-section,.services-section,.success-section,.tech-cloudx-section,.transformation-section{overflow:clip}body{width:100%}.cta-section{background:#f5f5f7;padding:4rem 1rem}.cta-card{background:linear-gradient(135deg,#8b5cf6,#667eea);border-radius:28px;box-shadow:0 24px 80px #667eea59;margin:0 auto;max-width:1100px;padding:3rem 2rem;position:relative}.cta-card a,.cta-card h2,.cta-card p,.cta-card span{color:#fff!important}.cta-card h2{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.cta-subtitle{font-size:1.125rem;margin-bottom:1.75rem;opacity:.95}.cta-highlights{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:1.25rem 0 2rem}.highlight{align-items:center;color:#fff!important;display:inline-flex;font-weight:600;gap:.5rem;opacity:.95}.highlight .tick{background:#ffffff2e;border:1px solid #ffffff59;border-radius:50%;display:inline-block;font-weight:800;height:26px;line-height:26px;text-align:center;width:26px}.cta-btn{align-items:center;background:#fff;border:none;border-radius:12px;color:#4f46e5;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;padding:.9rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.cta-btn:hover{box-shadow:0 12px 24px #0000002e;transform:translateY(-2px)}.cta-card,.section-container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1200px}#root,.landing-page,body,html{width:100%}*,:after,:before{box-sizing:border-box}canvas,iframe,img,svg,video{max-width:100%}#root,.landing-page,body,html{max-width:100%;overflow-x:hidden!important}.assessment-section,.cta-section,.hero-section,.pricing-section,.security-compliance-section,.services-section,.success-section,.tech-cloudx-section,.transformation-section{overflow:hidden}@media (max-width:768px){.hero-section{padding:6rem 1rem 3rem!important}.hero-content{gap:2rem!important;grid-template-columns:1fr!important;text-align:center!important}.hero-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:1rem!important}.hero-description{font-size:1rem!important;margin-bottom:1.5rem!important;padding:0 .5rem!important}.hero-buttons{align-items:center!important;flex-direction:column!important;gap:.75rem!important}.btn-primary,.btn-secondary{font-size:.95rem!important;max-width:280px!important;width:100%!important}.trust-badges{gap:.5rem!important;justify-content:center!important;margin-top:1.5rem!important}.company-badge{font-size:.8rem!important;padding:.4rem .8rem!important}.nav-container{padding:.75rem 1rem!important}.section-title{font-size:1.75rem!important;margin-bottom:.75rem!important}.section-subtitle{font-size:1rem!important;margin-bottom:2rem!important;padding:0 .5rem!important}.cloudx-content{padding:3rem 1rem!important}.app-logo h2{font-size:1.75rem!important}.app-subtitle{font-size:1rem!important}.phone-frame{height:500px!important;width:250px!important}.cta-card h2{font-size:1.75rem!important}.cta-highlights{flex-direction:column!important;gap:1rem!important}}@media (max-width:480px){.hero-title{font-size:1.6rem!important}.hero-description{font-size:.9rem!important}.section-title{font-size:1.5rem!important}.phone-frame{height:440px!important;width:220px!important}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.transparent{background:#0000;border-bottom:none}.navbar.transparent .nav-link{color:#fff}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#1e293b;font-size:1.25rem;font-weight:700;gap:.75rem;text-decoration:none;transition:color .3s ease}.navbar.transparent .nav-logo{color:#fff}.nav-logo:hover{color:#667eea}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#475569;cursor:pointer;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#667eea}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-content{display:block}.dropdown-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:none;left:0;margin-top:.5rem;min-width:200px;padding:.5rem 0;position:absolute;top:100%}.dropdown-content a{color:#475569;display:block;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.dropdown-content a:hover{background:#f8fafc;color:#667eea}.nav-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.nav-cta:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.user-icon{font-size:1.1rem}.main-content{flex:1 1;padding-top:80px}.footer{background:#1e293b;color:#cbd5e0;margin-top:auto;padding:60px 20px 20px}.footer-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 3rem;max-width:1200px}.footer-section h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.75rem;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section p{line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.75rem}.footer-section a{color:#cbd5e0;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#667eea}.certification{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;display:flex;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.certification span{font-size:.875rem;font-weight:500}.footer-bottom{border-top:1px solid #cbd5e01a;padding-top:2rem;text-align:center}.footer-bottom p{color:#94a3b8;margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-links a{color:#cbd5e0;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}.public-layout{background:#f5f5f7;display:flex;flex-direction:column;min-height:100vh}.public-main-content{flex:1 1;padding-top:0;width:100%}@media (max-width:768px){.nav-container{padding:1rem}.nav-menu{display:none}.footer-container{gap:2rem;grid-template-columns:1fr}.footer-links{flex-direction:column;gap:1rem}}.cta-section{background:linear-gradient(135deg,#8b5cf6,#667eea)!important}.cta-section>.section-container,.cta-section>.section-container>*,.cta-section>.section-container>.cta-content{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important}.cta-section .cta-content h2{color:#fff!important}.cta-section .cta-content p{color:#ffffffe6!important}.cta-section .cta-features span{color:#fffffff2!important}.main-content.no-scroll{overflow-y:visible!important}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;position:absolute;z-index:0}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2);inset:0;position:absolute}.pattern-overlay{background-image:url(/static/media/pattern-28a18a55de90abd4.0289a79505de72f184b6.svg);inset:0;opacity:.1;position:absolute}.back-to-home{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;display:flex;gap:.5rem;left:2rem;padding:.5rem 1rem;position:absolute;text-decoration:none;top:2rem;transition:all .2s;z-index:10}.back-to-home:hover{background:#ffffff4d;transform:translateX(-5px)}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2rem;text-align:center}.logo{display:inline-flex}.login-header h1{color:#1d1d1f;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#86868b}.error-message{background:#fee;color:#c00;gap:.5rem;margin-bottom:1rem;padding:.75rem}.login-form{display:flex;flex-direction:column;gap:1rem}.input-icon{color:#86868b;top:50%;transform:translateY(-50%)}.input-group input{border:1px solid #e5e5e7;padding:.875rem 1rem .875rem 3rem;transition:all .2s}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;padding:.875rem;transition:transform .2s}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff}.login-footer{color:#86868b;font-size:.875rem;margin-top:2rem;text-align:center}.test-credentials{background:#f5f5f7;border-radius:8px;margin-top:1rem;padding:1rem}@media (max-width:768px){.login-container{margin:20px;max-width:none;padding:20px;width:calc(100% - 40px)}.login-form{gap:15px}.btn-primary,.form-group input{font-size:16px;padding:12px}}.dashboard{margin:0 auto;max-width:1400px;padding:24px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.dashboard-header p{color:#6b7280;font-size:14px;margin:0}.header-actions{gap:16px}.plan-info{align-items:center;background:#f9fafb;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:8px;padding:8px 16px}.trial-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:12px;padding:2px 8px}.account-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.account-selector:hover{border-color:#667eea}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;box-shadow:0 2px 8px #667eea40;color:#fff!important;font-size:14px;font-weight:600;justify-content:center;min-width:120px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.refresh-button *{fill:#fff!important;color:#fff!important;opacity:1!important;visibility:visible!important}.refresh-button:before{background:linear-gradient(135deg,#764ba2,#8b5cf6);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.refresh-button:hover{border-color:#fff3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.refresh-button:hover:before{opacity:1}.refresh-button:active{box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}.refresh-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;opacity:.7}.refresh-button:disabled:hover{border-color:#0000;transform:none}.refresh-button:disabled:before{display:none}.refresh-button .spinning{animation:spin 1s linear infinite}.cost-status-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 20px}.cost-status-banner button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:background .2s}.cost-status-banner button:hover{background:#ffffff4d}.subscription-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:12px 20px}.subscription-alert.warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.subscription-alert button{align-items:center;background:#92400e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;margin-left:auto;padding:6px 12px;transition:background .2s}.subscription-alert button:hover{background:#78350f}.accounts-section{margin-bottom:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.add-account-btn{border-radius:6px;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.add-account-btn:hover{transform:translateY(-1px)}.accounts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative;transition:all .3s}.account-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000000d}.account-card.primary{background:linear-gradient(135deg,#667eea08,#764ba208);border-color:#667eea}.primary-badge{background:#667eea;border-radius:4px;font-size:11px;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.account-card h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.account-info{display:flex;gap:12px;margin-bottom:16px}.account-id,.account-region{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.account-stats{gap:24px;margin-bottom:12px}.account-stats .stat{display:flex;flex-direction:column;gap:4px}.stat-value{color:#111827;font-size:20px}.stat-label{font-size:12px}.account-status{border-top:1px solid #f3f4f6;padding-top:12px}.sync-status{color:#6b7280;font-size:12px}.sync-status.synced{color:#10b981}.sync-status.pending{color:#f59e0b}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s}.metric-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.metric-label{align-items:center;color:#6b7280;display:flex;font-size:12px;letter-spacing:.05em}.metric-value{color:#111827;font-size:24px;font-weight:700}.metric-change{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:32px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.chart-header h3{color:#111827;font-size:16px;margin:0 0 4px}.chart-subtitle{color:#6b7280;font-size:12px}.empty-chart{align-items:center;color:#9ca3af;display:flex;height:300px;justify-content:center}.resources-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.summary-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.view-all-btn{align-items:center;background:#0000;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.view-all-btn:hover{background:#667eea;color:#fff}.resources-list{display:flex;flex-direction:column;gap:12px}.resource-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:12px;transition:background .2s}.resource-item:hover{background:#f3f4f6}.resource-icon{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:40px;width:40px}.resource-info{display:flex;flex-direction:column;gap:2px}.resource-name{color:#111827;font-size:14px;font-weight:500}.resource-type{color:#6b7280;font-size:12px}.resource-status{align-items:center;display:flex;gap:12px}@media (max-width:768px){.dashboard{padding:10px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-wrap:wrap;gap:10px;width:100%}.metrics-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.charts-grid{gap:15px}.accounts-grid,.charts-grid{grid-template-columns:1fr}.refresh-button-fixed{font-size:14px;min-width:auto;padding:8px 12px}.account-selector{width:100%}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:12px}.metric-value{font-size:1.5rem}.chart-card{padding:12px}.dashboard-header h1{font-size:1.5rem}@media (max-width:768px){.dashboard{padding:15px 10px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-header h1{font-size:1.75rem}.dashboard-header p{font-size:.9rem}.header-actions{flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.plan-info{order:1;width:100%}.account-selector{max-width:none;order:2;width:100%}.refresh-button-fixed{font-size:16px;justify-content:center;order:3;padding:12px;width:100%}.metrics-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.metric-card{padding:15px 12px}.metric-value{font-size:1.25rem}.metric-label{font-size:.8rem}.charts-grid{gap:15px;grid-template-columns:1fr}.chart-card{padding:15px}.accounts-grid{grid-template-columns:1fr}.account-card{padding:20px 15px}.cost-status-banner{flex-direction:column;font-size:13px;gap:8px;text-align:center}.dashboard{padding:10px 8px}.metrics-grid{gap:8px;grid-template-columns:1fr}.metric-card{padding:12px 10px}.dashboard-header h1{font-size:1.5rem}.chart-card .chart-header h3{font-size:1rem}.chart-subtitle{font-size:.75rem}}}.resources-page{padding:1rem}.resources-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.refresh-button{background:#fff;border:1px solid #eee;border-radius:10px;gap:.5rem;padding:.45rem .7rem}.resources-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.stat-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;display:flex;gap:.75rem;padding:12px}.stat-value{font-size:1.25rem}.stat-label{font-size:.9rem}.resources-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.search-bar{align-items:center;border:1px solid #eee;border-radius:10px;display:flex;gap:.5rem;padding:.5rem .75rem}.search-bar input{border:none;outline:none}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{align-items:center;background:#fff;border:1px solid #eee;border-radius:9999px;display:inline-flex;gap:.5rem;padding:.35rem .6rem}.filter-chip.active{background:#f3f4ff;border-color:#c7d2fe}.resources-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.resource-card{border:1px solid #eee;border-radius:14px;padding:12px}.resource-header{align-items:center;display:flex;justify-content:space-between}.resource-title{align-items:center;display:flex;gap:.75rem}.resource-title h3{font-size:1rem;margin:0}.resource-title p{color:#6b7280;font-size:.85rem;margin:0}.resource-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.resource-cost,.resource-region,.resource-type{color:#374151;font-size:.85rem}.status-badge{border:1px solid #eee;border-radius:9999px;font-size:.8rem;padding:.2rem .5rem;text-transform:capitalize}.status-badge.available,.status-badge.running{background:#ecfdf5;border-color:#a7f3d0}.status-badge.stopped{background:#f3f4f6}.expand-button{background:#0000;border:none;cursor:pointer}.resource-details{margin-top:.75rem;overflow:hidden}.detail-section{margin-top:.5rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:#f3f4f6;border-radius:9999px;padding:.25rem .5rem}.details-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{display:flex;gap:.5rem;justify-content:space-between}.detail-key{color:#6b7280}.detail-value{font-weight:500}.resource-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.action-button{align-items:center;background:#fff;border:1px solid #eee;border-radius:10px;display:inline-flex;gap:.4rem;padding:.35rem .6rem}.loading-container{gap:.75rem;min-height:240px}.spinner-large{border:3px solid #eee;border-radius:9999px;border-top-color:#6366f1;height:36px;width:36px}.usage-page{margin:0 auto;max-width:1400px;padding:24px}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.usage-header h1{color:#1a202c;font-size:28px;font-weight:600;margin:0}.usage-header p{color:#718096;margin-top:4px}.header-actions{align-items:center;display:flex;gap:12px}.period-selector,.resource-selector{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.period-selector:hover,.resource-selector:hover{border-color:#667eea}.refresh-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.refresh-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.metric-tabs{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:8px}.metric-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.metric-tab:before{background:linear-gradient(135deg,#0000,#667eea1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.metric-tab:hover:not(.active){background:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px #0000000d;color:#2d3748;transform:translateY(-2px)}.metric-tab:hover:not(.active):before{opacity:1}.metric-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.metric-tab.active svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.metric-tab svg{transition:all .3s}.metric-tab:hover:not(.active) svg{transform:scale(1.1)}.metric-tab span{font-weight:500;position:relative;z-index:1}.metric-tab:first-child.active{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-tab:nth-child(2).active{background:linear-gradient(135deg,#10b981,#059669)}.metric-tab:nth-child(3).active{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-tab:nth-child(4).active{background:linear-gradient(135deg,#ef4444,#dc2626)}.metric-tab:nth-child(5).active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.chart-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.chart-info{align-items:center;color:#718096;display:flex;font-size:14px;gap:6px}.resources-summary{margin-top:32px}.resources-summary h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:16px}.resource-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resource-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s}.resource-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.resource-icon{align-items:center;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:10px;color:#667eea;display:flex;height:48px;justify-content:center;width:48px}.resource-info{flex:1 1}.resource-info h4{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 4px}.resource-info p{color:#718096;font-size:12px;margin:0 0 8px}.status{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status.available,.status.running{background:#c6f6d5;color:#22543d}.status.stopped{background:#fed7d7;color:#742a2a}.status.pending{background:#feebc8;color:#744210}.resource-metric{text-align:right}.metric-label{color:#a0aec0;display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#2d3748;font-size:20px;font-weight:600}.data-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.data-toggle:hover{border-color:#667eea}.data-toggle input[type=checkbox]{cursor:pointer;margin:0}.data-toggle span{color:#4a5568;font-size:14px}.empty-state{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:60px 20px}.empty-state h3{color:#2d3748;font-size:20px;margin:16px 0 8px}.empty-state p{color:#718096;margin-bottom:24px}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.info-message{background:#edf2f7;border-radius:8px;display:flex;gap:12px;margin-top:24px;padding:16px}.info-message svg{color:#4299e1;flex-shrink:0}.info-message div{color:#4a5568;font-size:14px;line-height:1.5}.loading-container{gap:16px;height:400px}@media (max-width:768px){.metric-tabs{gap:4px;overflow-x:auto;padding:6px}.metric-tab{font-size:13px;padding:8px 12px;white-space:nowrap}.metric-tab span{display:none}.header-actions{flex-wrap:wrap}.resource-cards{grid-template-columns:1fr}}.alerts-page{padding:2rem}.alerts-header{margin-bottom:2rem}.alerts-header h1{font-size:2rem;font-weight:700;margin-bottom:.25rem}.alerts-header p{color:#86868b}.alerts-filters{display:flex;gap:1rem;margin-bottom:2rem}.filter-button{align-items:center;background:#fff;border:1px solid #e5e5e7;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.filter-button:hover{background:#f5f5f7}.filter-button.active{background:#667eea;border-color:#667eea;color:#fff}.filter-button.critical.active{background:#ef4444;border-color:#ef4444}.filter-button.warning.active{background:#f59e0b;border-color:#f59e0b}.filter-button.info.active{background:#3b82f6;border-color:#3b82f6}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card{align-items:flex-start;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.25rem}.alert-card.critical{border-left-color:#ef4444}.alert-card.warning{border-left-color:#f59e0b}.alert-card.info{border-left-color:#3b82f6}.alert-icon{align-items:center;background:#f5f5f7;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.alert-content{flex:1 1}.alert-content h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.alert-content p{color:#86868b;font-size:.875rem;margin-bottom:.5rem}.alert-meta{color:#86868b;display:flex;font-size:.75rem;gap:1rem}.alert-resource{color:#667eea;font-weight:500}.alert-dismiss{background:none;border:none;color:#86868b;cursor:pointer;padding:.25rem}.alert-dismiss:hover{color:#ef4444}.settings-page{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.settings-header{color:#fff;margin-bottom:2rem}.settings-header h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.settings-header p{font-size:1.1rem;opacity:.9}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem}.card-header{border-bottom:2px solid #f8fafc;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.card-header,.card-header h2{align-items:center;display:flex}.card-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.card-content{display:flex;flex-direction:column;gap:1.5rem}.profile-image-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;display:flex;gap:32px;margin-bottom:32px;padding:24px}.profile-image-container{cursor:pointer;flex-shrink:0;height:120px;position:relative;width:120px}.profile-image-large{object-fit:cover}.profile-image-large,.profile-image-placeholder{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100%;width:100%}.profile-image-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-image-overlay,.profile-image-placeholder{align-items:center;color:#fff;display:flex;justify-content:center}.profile-image-overlay{background:#667eea;border:3px solid #fff;border-radius:50%;bottom:5px;cursor:pointer;height:36px;padding:0;position:absolute;right:5px;transition:all .2s;width:36px}.profile-image-overlay:hover{background:#5a67d8;transform:scale(1.1)}.profile-image-actions{flex:1 1}.btn-remove,.btn-upload{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-right:12px;padding:8px 16px;transition:all .2s}.btn-upload{background:#667eea;color:#fff}.btn-upload:hover{background:#5a67d8;transform:translateY(-1px)}.btn-remove{background:#fee2e2;color:#dc2626}.btn-remove:hover{background:#fecaca}.image-hint{color:#64748b;font-size:13px;margin-top:8px}.form-group{gap:.5rem}.form-group label{color:#374151}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group small,.form-help{color:#6b7280;font-size:.8rem;margin-top:.25rem}.checkbox-group{align-items:center;flex-direction:row;gap:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:500!important;gap:.75rem;margin:0}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:1.2rem;margin:0;width:1.2rem}.subscription-card{background:linear-gradient(135deg,#fef3c7,#f59e0b);color:#92400e}.subscription-card .card-header h2{color:#92400e}.subscription-info{display:flex;flex-direction:column;gap:1rem}.plan-badge{align-items:center;background:#ffffffe6;border-radius:50px;color:#92400e;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;width:-webkit-fit-content;width:fit-content}.trial-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.trial-warning{background:#ef44441a;border:2px solid #ef444433;border-radius:8px;color:#dc2626;font-weight:500;padding:1rem}.trial-warning,.upgrade-btn{align-items:center;display:flex;gap:.5rem}.upgrade-btn{background:#fff;border:2px solid #92400e;border-radius:8px;color:#92400e;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.upgrade-btn:hover{background:#92400e;color:#fff;transform:translateY(-2px)}.add-account-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-account-btn:hover{background:#5a67d8;transform:translateY(-2px)}.empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.empty-state h3{color:#374151;margin:1rem 0 .5rem}.add-first-account-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-top:1.5rem;padding:1rem 2rem;transition:all .2s ease}.add-first-account-btn:hover{background:#5a67d8;transform:translateY(-2px)}.accounts-list{display:flex;flex-direction:column;gap:1rem}.account-item{align-items:center;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.account-item.primary{background:#ecfdf5;border-color:#10b981}.account-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.account-info h4{color:#1e293b;font-weight:600;margin:0 0 .5rem}.account-info p{color:#6b7280;font-size:.9rem;margin:.25rem 0}.primary-badge{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.account-stats{display:flex;gap:1.5rem}.stat{text-align:center}.stat-value{color:#1e293b;display:block;font-size:1.2rem;font-weight:600}.stat-label{color:#6b7280;font-size:.8rem}.account-actions{display:flex;gap:.5rem}.remove-btn,.set-primary-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.set-primary-btn{background:#f3f4f6;color:#374151}.set-primary-btn:hover{background:#10b981;color:#fff}.remove-btn{align-items:center;background:#fef2f2;color:#dc2626;display:flex;justify-content:center;padding:.5rem}.remove-btn:hover{background:#dc2626;color:#fff}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.add-account-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f8fafc;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#1e293b;font-size:1.5rem;margin:0}.modal-header button{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.modal-header button:hover{background:#f3f4f6;color:#1e293b}.security-notice{background:#eff6ff;border:2px solid #3b82f6;border-radius:8px;color:#1e40af;display:flex;font-size:.9rem;gap:1rem;padding:1rem}.security-notice strong{display:block;margin-bottom:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.modal-actions button[type=button]{background:#f3f4f6;color:#374151}.modal-actions button[type=submit]{background:#667eea;color:#fff}.modal-actions button:hover:not(:disabled){transform:translateY(-2px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.save-section{display:flex;justify-content:center;margin-top:2rem}.save-settings-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.save-settings-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.settings-page{padding:1rem}.settings-header h1{font-size:2rem}.settings-card{padding:1.5rem}.account-item,.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.account-stats{justify-content:space-around;width:100%}.modal-actions{flex-direction:column}}.services-page{background:#f5f5f7;min-height:100vh}.services-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:4rem 2rem;position:relative}.services-hero:before{background-image:url(/static/media/pattern-7538a7ae69f6110a.25ab132849645a00a003.svg);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.services-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center}.hero-subtitle{font-size:1.5rem;margin-bottom:.5rem;text-align:center}.hero-description{font-size:1.1rem;margin:0 auto 3rem;max-width:800px;opacity:.9;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff26;transform:translateY(-5px)}.stat-icon{background:#fff3;border-radius:12px;display:inline-flex;margin-bottom:1rem;padding:.75rem}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.875rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.services-section{margin:0 auto;max-width:1400px;padding:4rem 2rem}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#1d1d1f;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#86868b;font-size:1.125rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:3rem}.service-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;padding:2rem;transition:all .3s ease}.service-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.service-card.expanded{border-color:#667eea;grid-column:span 2}@media (max-width:768px){.service-card.expanded{grid-column:span 1}}.service-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.service-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.service-title h3{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.service-title p{color:#86868b;font-size:.875rem}.service-description{color:#515154;line-height:1.6;margin-bottom:1.5rem}.service-details{border-top:1px solid #e5e5e7;margin-top:1.5rem;padding-top:1.5rem}.detail-section{margin-bottom:1.75rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#86868b;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.features-list{list-style:none;padding:0}.features-list li{align-items:flex-start;color:#515154;display:flex;font-size:.925rem;gap:.75rem;line-height:1.5;margin-bottom:.75rem}.features-list li svg{flex-shrink:0;margin-top:2px}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#f5f5f7;border-radius:20px;color:#515154;font-size:.875rem;font-weight:500;padding:.375rem .875rem}.benefits-list{display:flex;flex-direction:column;gap:.75rem}.benefit-item{color:#515154;font-size:.925rem}.benefit-item svg{flex-shrink:0}.service-action{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.925rem;font-weight:600;gap:.5rem;padding:0;transition:gap .2s ease}.service-action:hover{gap:.75rem}.cta-section{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;margin:0 auto 4rem;max-width:900px;padding:4rem 2rem;text-align:center}.cta-section h2{color:#1d1d1f;font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-section>p{color:#86868b;font-size:1.125rem;margin-bottom:2rem}.cta-buttons{margin-bottom:3rem}.cta-primary,.cta-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.cta-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.cta-secondary:hover{background:#f5f5f7}.contact-info{color:#515154;line-height:1.8}.contact-info p{margin-bottom:.25rem}.contact-info strong{color:#1d1d1f;font-weight:600}@media (max-width:768px){.services-hero h1{font-size:2rem}.hero-subtitle{font-size:1.25rem}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.language-selector{display:inline-block;position:relative}.language-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-height:40px;padding:8px 12px;transition:all .2s}.language-button:hover{background:#f8fafc;border-color:#cbd5e1}.language-flag{font-size:18px;line-height:1}.language-code{color:#334155;font-size:13px;font-weight:600}.language-overlay{background:#0000;inset:0;position:fixed;z-index:999}.language-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.language-option{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.language-option:hover{background:#f8fafc}.language-option.active{background:#f1f5f9;color:#667eea;font-weight:600}@media (max-width:640px){.language-button{padding:8px 10px}.language-code{display:none}.language-dropdown{min-width:140px}}.chatbot-button{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:50px!important;box-shadow:0 4px 12px #00000026!important;color:#fff!important;cursor:pointer!important;display:flex!important;gap:8px!important;height:auto!important;margin:0!important;padding:12px 16px!important;position:fixed!important;transition:all .3s ease!important;width:auto!important;z-index:9999!important}.chatbot-button.bottom-right{left:auto!important;right:24px!important}.chatbot-button.bottom-left,.chatbot-button.bottom-right{bottom:24px!important;position:fixed!important;top:auto!important}.chatbot-button.bottom-left{left:24px!important;right:auto!important}.chatbot-button:hover{box-shadow:0 6px 20px #0003!important;transform:scale(1.05)!important}.chat-notification{align-items:flex-start!important;display:flex!important;flex-direction:column!important}.chat-notification span{font-size:14px!important;font-weight:600!important}.chat-notification small{font-size:12px!important;opacity:.9!important}.chatbot-window{background:#fff!important;border-radius:16px!important;box-shadow:0 10px 40px #0003!important;display:flex!important;flex-direction:column!important;height:600px!important;margin:0!important;max-height:80vh!important;max-width:90vw!important;overflow:hidden!important;position:fixed!important;width:380px!important;z-index:10000!important}.chatbot-window.bottom-right{left:auto!important;right:24px!important}.chatbot-window.bottom-left,.chatbot-window.bottom-right{bottom:100px!important;position:fixed!important;top:auto!important}.chatbot-window.bottom-left{left:24px!important;right:auto!important}.chatbot-window.dock{display:none!important}.chatbot-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px 16px 0 0!important;color:#fff!important;gap:12px!important;padding:16px!important}.chatbot-avatar,.chatbot-header{align-items:center!important;display:flex!important;flex-shrink:0!important}.chatbot-avatar{background:#fff3!important;border-radius:50%!important;height:40px!important;justify-content:center!important;width:40px!important}.chatbot-info{flex:1 1!important;min-width:0!important}.chatbot-info h4{font-size:16px!important;font-weight:600!important;margin:0!important}.status{align-items:center!important;display:flex!important;font-size:13px!important;gap:6px!important;opacity:.9!important}.status-dot{animation:pulse 2s infinite!important;background:#10b981!important;border-radius:50%!important;flex-shrink:0!important;height:8px!important;width:8px!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chatbot-close{align-items:center!important;background:#fff3!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:8px!important;transition:all .2s!important}.chatbot-close:hover{background:#ffffff4d!important}.chatbot-messages{-webkit-overflow-scrolling:touch!important;background:#f8f9fa!important;flex:1 1!important;overflow-y:auto!important;padding:20px!important}.message{animation:messageSlide .3s ease!important;display:flex!important;gap:12px!important;margin-bottom:16px!important}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse!important}.message-avatar{align-items:center!important;background:#e5e7eb!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;width:32px!important}.message.user .message-avatar{background:#667eea!important;color:#fff!important}.message.bot .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.message-content{max-width:70%!important}.message-text{background:#fff!important;border-radius:12px!important;box-shadow:0 1px 2px #0000001a!important;font-size:14px!important;line-height:1.5!important;padding:12px 16px!important}.message.user .message-text{background:#667eea!important;color:#fff!important}.message-time{color:#9ca3af!important;font-size:11px!important;margin-top:4px!important;text-align:right!important}.message.user .message-time{text-align:left!important}.message-options{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}.option-button{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;color:#4b5563!important;cursor:pointer!important;font-size:13px!important;padding:8px 16px!important;transition:all .2s!important}.option-button:hover{background:#667eea!important;border-color:#667eea!important;color:#fff!important;transform:translateY(-1px)!important}.typing-indicator{display:flex!important;gap:4px!important;padding:12px 16px!important}.typing-indicator span{animation:typing 1.4s infinite!important;background:#9ca3af!important;border-radius:50%!important;height:8px!important;width:8px!important}.typing-indicator span:nth-child(2){animation-delay:.2s!important}.typing-indicator span:nth-child(3){animation-delay:.4s!important}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-input{background:#fff!important;border-radius:0 0 16px 16px!important;border-top:1px solid #e5e7eb!important;flex-shrink:0!important;padding:16px!important}.input-container{align-items:center!important;display:flex!important;gap:8px!important}.input-container input{border:1px solid #e5e7eb!important;border-radius:24px!important;flex:1 1!important;font-size:16px!important;outline:none!important;padding:10px 16px!important;transition:border-color .2s!important}.input-container input:focus{border-color:#667eea!important}.send-button{align-items:center!important;background:#667eea!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;transition:all .2s!important;width:36px!important}.send-button:hover:not(:disabled){background:#5a67d8!important;transform:scale(1.1)!important}.send-button:disabled{cursor:not-allowed!important;opacity:.5!important}.chatbot-footer{margin-top:8px!important;text-align:center!important}.chatbot-footer small{align-items:center!important;color:#9ca3af!important;display:flex!important;font-size:11px!important;gap:4px!important;justify-content:center!important}@media (max-width:640px){.chatbot-button{padding:10px 14px!important}.chatbot-button,.chatbot-button.bottom-right{bottom:16px!important;right:16px!important}.chat-notification span{font-size:13px!important}.chat-notification small{display:none!important}.chatbot-window{border-radius:16px!important;height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important}.chatbot-window,.chatbot-window.bottom-right{bottom:80px!important;left:auto!important;right:16px!important;top:auto!important}.chatbot-window.bottom-left{bottom:80px!important;left:16px!important;right:auto!important;top:auto!important}.chatbot-header{border-radius:16px 16px 0 0!important;padding:12px 16px!important}.chatbot-avatar{height:36px!important;width:36px!important}.chatbot-info h4{font-size:15px!important}.status{font-size:12px!important}.chatbot-close{background:#ffffff40!important;min-height:44px!important;min-width:44px!important;padding:10px!important}.chatbot-close svg{height:24px!important;width:24px!important}.chatbot-messages{padding:16px!important}.message-content{max-width:85%!important}.message-text{font-size:14px!important;padding:10px 14px!important}.option-button{font-size:13px!important;min-height:44px!important;padding:10px 14px!important}.chatbot-input{border-radius:0 0 16px 16px!important;padding:12px 16px!important}.input-container input{font-size:16px!important;min-height:44px!important;padding:12px 16px!important}.send-button{height:44px!important;width:44px!important}}@media (max-width:380px){.chatbot-window{height:calc(100vh - 100px)!important;width:calc(100vw - 24px)!important}.chatbot-window,.chatbot-window.bottom-right{bottom:70px!important;right:12px!important}.chatbot-button.bottom-right{bottom:12px!important;right:12px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:640px){.chatbot-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.chatbot-button.bottom-left,.chatbot-button.bottom-right{bottom:calc(16px + env(safe-area-inset-bottom))!important}}}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.contact-page,.landing-page,.layout{overflow-x:hidden;position:relative;width:100%}.contact-hero,.feature-card,.hero-section,.info-card,.landing-nav,.pricing-card,.service-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.contact-page,.landing-page,.main-content{-webkit-overflow-scrolling:touch}@media (max-width:1024px){.nav-container{padding:.75rem 1.5rem}.hero-stats,.nav-links{gap:1.5rem}.info-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){input,select,textarea{border-radius:8px;font-size:16px!important;min-height:48px}button{font-size:16px;min-height:48px;padding:12px 20px}h1{font-size:2rem!important;line-height:1.2!important}h2{font-size:1.5rem!important;line-height:1.3!important}h3{font-size:1.25rem!important}.container{max-width:100%;padding:0 16px}.landing-nav{padding:0}.nav-container{flex-wrap:nowrap;padding:12px 16px}.nav-brand{font-size:1.1rem}.nav-brand img{height:28px!important}.nav-links{display:none}.nav-links.mobile-open{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:100}.nav-links.mobile-open a,.nav-links.mobile-open span{border-radius:8px;display:block;padding:12px 16px}.nav-links.mobile-open a:hover{background:#f3f4f6}.nav-actions{gap:8px}.currency-selector .currency-button{font-size:13px;padding:8px 10px}.currency-code{display:none}.login-btn{font-size:14px!important;padding:8px 16px!important}.mobile-menu-btn{display:flex!important;padding:8px}.contact-hero,.hero-section{min-height:auto!important;padding:100px 16px 60px!important}.hero-content{padding:0}.hero-badge{font-size:.8rem;margin-bottom:1.5rem;padding:8px 14px}.contact-hero h1{font-size:1.875rem!important;margin-bottom:1rem}.hero-subtitle{font-size:1rem!important;line-height:1.6;margin-bottom:2rem;padding:0 8px}.hero-stats{align-items:stretch;flex-direction:column;gap:12px}.hero-stat{justify-content:flex-start;max-width:none;padding:14px 18px;width:100%}.hero-circle{display:none}.contact-info{padding:40px 16px}.info-grid{gap:16px;grid-template-columns:1fr}.info-card{padding:24px 20px}.info-icon-wrapper{height:56px;margin-bottom:1rem;width:56px}.contact-form-section{padding:40px 16px 60px}.form-wrapper{border-radius:16px;padding:24px 20px}.form-header h2{font-size:1.5rem!important}.form-row{gap:16px;grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-group label{font-size:.875rem}.submit-button{font-size:1rem;padding:14px 24px;width:100%}.why-choose-section{padding:40px 16px}.why-choose-section h2{font-size:1.5rem!important;margin-bottom:2rem}.trust-grid{gap:16px;grid-template-columns:1fr}.trust-item{padding:20px}.trust-icon{font-size:2.5rem}.landing-footer{padding:40px 16px 20px}.footer-grid{gap:32px;grid-template-columns:1fr}.footer-brand{font-size:1.1rem}.footer-column h4{margin-bottom:12px}.footer-column ul{gap:8px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-links{flex-wrap:wrap;gap:12px 20px;justify-content:center}.features-grid,.pricing-grid,.services-grid,.transformation-grid{gap:16px;grid-template-columns:1fr}.feature-card,.pricing-card,.service-card{padding:24px 20px}.nav-dropdown-menu{background:#f9fafb;border-radius:8px;box-shadow:none;margin-top:8px;position:static}.user-dropdown{left:auto;min-width:200px;right:0}.currency-dropdown{left:auto;min-width:180px;right:0}.currency-overlay{background:#0000;inset:0;position:fixed;z-index:998}}@media (max-width:480px){.container{padding:0 12px}h1{font-size:1.625rem!important}h2{font-size:1.375rem!important}.nav-brand span{font-size:.95rem}.contact-hero h1{font-size:1.5rem!important}.hero-badge{font-size:.75rem;padding:6px 12px}.hero-subtitle{font-size:.9rem!important}.hero-stat{padding:12px 14px}.hero-stat strong{font-size:.95rem}.hero-stat span{font-size:.75rem}.form-wrapper,.info-card{padding:20px 16px}.form-header{margin-bottom:24px}.trust-item{padding:16px}.trust-icon{font-size:2rem}.trust-item h3{font-size:1rem}.trust-item p{font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.contact-hero,.hero-section{min-height:auto!important;padding:80px 16px 40px!important}.hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:center}.hero-stat{flex:0 1 auto;width:auto}}@supports (padding:env(safe-area-inset-bottom)){.landing-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.landing-nav{padding-top:env(safe-area-inset-top)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.chatbot-container,.currency-selector,.landing-nav,.mobile-menu-btn{display:none!important}.contact-hero{background:#667eea!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.about-us{background:#f5f5f7;min-height:100vh}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:8rem 2rem 4rem;position:relative;text-align:center}.about-hero:before{background-image:url(/static/media/pattern-7538a7ae69f6110a.25ab132849645a00a003.svg);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-content{max-width:1200px;z-index:1}.hero-content h1{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.our-story{background:#fff;padding:80px 20px}.story-content h2{color:#1e293b;font-size:2.5rem;margin-bottom:2rem;text-align:center}.story-text{margin:0 auto;max-width:800px}.story-text p{color:#475569;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.our-passion{background:#f8fafc;padding:80px 20px}.passion-content{text-align:center}.passion-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.passion-icon{color:#ef4444}.passion-header h2{color:#1e293b;font-size:2.5rem;margin:0}.passion-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.passion-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.passion-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.card-icon{color:#667eea}.passion-card h3{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.passion-card p{color:#64748b;line-height:1.6}.mission-vision{background:#fff;padding:80px 20px}.mv-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.mission-card,.vision-card{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #e2e8f0;border-radius:16px;padding:3rem;text-align:center}.mv-icon{color:#667eea;margin-bottom:1.5rem}.mission-card h2,.vision-card h2{color:#1e293b;font-size:2rem;margin-bottom:1.5rem}.mission-card p,.vision-card p{color:#475569;font-size:1.1rem;line-height:1.8}.core-values{background:#f8fafc;padding:80px 20px}.values-content h2{color:#1e293b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.value-icon{color:#667eea;margin-bottom:1rem}.value-card h3{color:#1e293b;font-size:1.25rem;margin-bottom:.75rem}.value-card p{color:#64748b;line-height:1.6}.why-choose{background:#fff;padding:80px 20px}.choose-content h2{color:#1e293b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.choose-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.choose-item{align-items:flex-start;display:flex;gap:1rem}.choose-icon{color:#10b981;flex-shrink:0;margin-top:.25rem}.choose-item h3{color:#1e293b;font-size:1.1rem;margin-bottom:.5rem}.choose-item p{color:#64748b;line-height:1.5}.timeline{background:#f8fafc;padding:80px 20px}.timeline-content h2{color:#1e293b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.timeline-wrapper{margin:0 auto;max-width:800px;position:relative}.timeline-wrapper:before{background:#e2e8f0;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:2px}.timeline-item{margin-bottom:2rem;padding:2rem;position:relative;width:calc(50% - 30px)}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:calc(50% + 30px)}.timeline-marker{align-items:center;background:#667eea;border-radius:50%;box-shadow:0 4px 10px #667eea4d;color:#fff;display:flex;height:40px;justify-content:center;position:absolute;top:2rem;width:40px}.timeline-item:nth-child(odd) .timeline-marker{right:-50px}.timeline-item:nth-child(2n) .timeline-marker{left:-50px}.timeline-content h3{color:#667eea;font-size:1.5rem;margin-bottom:.5rem}.timeline-content h4{color:#1e293b;font-size:1.25rem;margin-bottom:.5rem}.timeline-content p{color:#64748b;line-height:1.5}.team{background:#fff;padding:80px 20px}.team-content h2{color:#1e293b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.team-card{background:#f8fafc;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.team-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.team-card h3{color:#1e293b;font-size:1.25rem;margin-bottom:.5rem}.role{color:#667eea;display:block;font-weight:600;margin-bottom:1rem}.bio{color:#64748b;line-height:1.5}.about-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.cta-content h2{font-size:2.5rem}.cta-content p{font-size:1.25rem}.cta-button{font-size:1.1rem}@media (max-width:768px){.about-hero h1{font-size:2rem}.timeline-wrapper:before{left:30px}.timeline-item{left:60px!important;text-align:left!important;width:calc(100% - 60px)}.timeline-marker{left:-45px!important}.mv-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-page{background:#f8fafc;min-height:100vh}.contact-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 40%,#f093fb);display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:140px 20px 100px;position:relative}.hero-bg-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute}.hero-circle{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.hero-circle-1{animation-delay:0s;height:600px;right:-100px;top:-200px;width:600px}.hero-circle-2{animation-delay:-5s;bottom:-100px;height:400px;left:-100px;width:400px}.hero-circle-3{animation-delay:-10s;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(-20px,-10px) scale(1.02)}}.hero-content{color:#fff;margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:2rem;padding:10px 20px}.contact-hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 4px 30px #0003}.gradient-text-hero{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffd6ff);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.35rem;line-height:1.7;margin:0 auto 3rem;max-width:700px;text-shadow:0 2px 10px #0000001a}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.hero-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;gap:12px;padding:16px 24px;transition:all .3s ease}.hero-stat:hover{background:#ffffff40;transform:translateY(-5px)}.hero-stat svg{flex-shrink:0}.hero-stat div{text-align:left}.hero-stat strong{display:block;font-size:1.1rem;font-weight:700}.hero-stat span{font-size:.85rem;opacity:.9}.contact-info{background:#fff;padding:80px 20px}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease}.info-card:hover{border-color:#0000;box-shadow:0 25px 50px #667eea26;transform:translateY(-8px)}.info-card:hover:before{opacity:1}.info-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;transition:all .4s ease;width:70px}.info-card:hover .info-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1) rotate(5deg)}.info-icon{color:#667eea;height:28px;transition:color .4s ease;width:28px}.info-card:hover .info-icon{color:#fff}.info-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.info-card p{color:#64748b;line-height:1.6;margin:.25rem 0}.info-card a{color:#667eea;text-decoration:none;transition:color .3s ease}.info-card a:hover{color:#764ba2}.info-card .schedule{color:#94a3b8;font-size:.9rem;margin-top:.5rem}.contact-form-section{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:80px 20px 100px}.form-wrapper{background:#fff;border:1px solid #667eea1a;border-radius:24px;box-shadow:0 20px 60px #00000014;margin:0 auto;max-width:800px;padding:3.5rem}.form-header{margin-bottom:3rem;text-align:center}.form-header h2{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:.75rem}.form-header p{color:#64748b;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{align-items:center;color:#475569;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-group label svg{color:#667eea;height:16px;width:16px}.form-group input,.form-group select,.form-group textarea{background:#fafbfc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fef2f2;border-color:#ef4444}.form-group textarea{font-family:inherit;line-height:1.6;min-height:140px;resize:vertical}.error-message{color:#ef4444;font-size:.85rem;margin-top:.35rem}.status-message{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:.75rem;padding:1.25rem}.status-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:1.125rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:before{left:100%}.submit-button:hover:not(:disabled){box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.spinning{animation:spin 1s linear infinite}.why-choose-section{background:#fff;padding:80px 20px}.why-choose-section h2{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:3rem;text-align:center}.trust-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1100px}.trust-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.trust-item:hover{box-shadow:0 15px 40px #00000014;transform:translateY(-5px)}.trust-icon{font-size:3rem;margin-bottom:1rem}.trust-item h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.trust-item p{color:#64748b;font-size:.95rem;line-height:1.6}.nav-link-active{color:#667eea!important;font-weight:600;position:relative}.nav-link-active:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0}@media (max-width:1024px){.info-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.hero-stats{gap:1.5rem}}@media (max-width:768px){.contact-hero{min-height:auto;padding:120px 20px 80px}.contact-hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-stats{align-items:center;flex-direction:column}.hero-stat{justify-content:center;max-width:280px;width:100%}.info-grid,.trust-grid{grid-template-columns:1fr}.form-wrapper{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media (max-width:480px){.contact-hero h1{font-size:1.875rem}.hero-badge{font-size:.8rem;padding:8px 16px}.form-header h2{font-size:1.75rem}.submit-button{width:100%}.why-choose-section h2{font-size:1.75rem}}.terms-page{background:#f8fafc;min-height:100vh}.terms-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px 80px;text-align:center}.hero-icon{margin-bottom:1rem;opacity:.9}.terms-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;opacity:.95}.container{margin:0 auto;max-width:1200px;padding:0 20px}.terms-notice{background:#fff;padding:40px 20px}.notice-card{align-items:flex-start;background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;display:flex;gap:1.5rem;padding:2rem}.notice-icon{color:#f59e0b;flex-shrink:0}.notice-content h3{color:#92400e;font-size:1.25rem;margin-bottom:.5rem}.notice-content p{color:#78350f;line-height:1.6}.terms-content{background:#f8fafc;padding:60px 20px 80px}.terms-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:280px 1fr}.terms-toc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:20px}.terms-toc h3{color:#64748b;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase}.terms-toc nav{display:flex;flex-direction:column;gap:.75rem}.toc-link{border-left:3px solid #0000;color:#64748b;font-size:.9rem;padding:.5rem 0 .5rem 1rem;text-decoration:none;transition:all .3s ease}.toc-link:hover{background:#f8fafc;border-left-color:#667eea;color:#667eea}.terms-main{background:#fff;border-radius:12px;padding:3rem}.terms-section{margin-bottom:3rem;scroll-margin-top:20px}.terms-section h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.section-content{color:#475569;line-height:1.8}.section-content p{margin-bottom:1rem}.section-content p:last-child{margin-bottom:0}.compliance-section{border-top:1px solid #e2e8f0;padding:80px 20px}.compliance-section h2{color:#1e293b;font-size:2rem;margin-bottom:3rem;text-align:center}.compliance-grid{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:900px}.compliance-badge{background:#f8fafc;padding:2rem;text-align:center}.compliance-badge:hover{background:#fff;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.compliance-badge svg{color:#667eea;margin-bottom:1rem}.compliance-badge h4{color:#1e293b;font-size:1.1rem;margin-bottom:.5rem}.compliance-badge p{font-size:.9rem}.terms-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.cta-content svg{margin-bottom:1.5rem;opacity:.9}.cta-content h2{font-size:2rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-button{background:#fff;color:#667eea;font-size:1rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 10px 25px #0003}@media (max-width:1024px){.terms-wrapper{grid-template-columns:1fr}.terms-toc{margin-bottom:2rem;position:static}}@media (max-width:768px){.terms-hero h1{font-size:2rem}.terms-main{padding:2rem 1.5rem}.notice-card{flex-direction:column}}.privacy-page{background:#f5f5f7;min-height:100vh;overflow-x:hidden}.privacy-hero{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:8rem 2rem 4rem;position:relative}.privacy-hero:before{background-image:url(/static/media/pattern-7538a7ae69f6110a.25ab132849645a00a003.svg);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.privacy-hero .hero-content{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.privacy-hero .hero-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.privacy-hero .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.privacy-hero .hero-description{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.hero-meta{align-items:center;color:#fffc;display:flex;font-size:.95rem;gap:1rem;justify-content:center}.section-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#1d1d1f;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#86868b;font-size:1.125rem;margin-bottom:3rem;text-align:center}.compliance-section{background:#fff;border-bottom:1px solid #e5e5e7;padding:3rem 2rem}.compliance-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.compliance-badge{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea;border-radius:12px;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.compliance-badge:hover{box-shadow:0 5px 15px #667eea33;transform:translateY(-2px)}.compliance-badge svg{color:#10b981;flex-shrink:0}.compliance-badge h4{color:#667eea;font-size:1rem;font-weight:700;margin:0}.compliance-badge p{color:#64748b;font-size:.875rem;margin:0}.privacy-main-section{background:#f5f5f7;padding:5rem 2rem}.privacy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.privacy-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.privacy-card:before{background:linear-gradient(90deg,#667eea,#0000);background:linear-gradient(90deg,var(--card-color,#667eea) 0,#0000 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.privacy-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.card-icon{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.privacy-card h3{color:#1d1d1f;font-size:1.5rem;margin-bottom:.5rem}.card-description{color:#667eea;font-weight:500;margin-bottom:1.5rem}.card-features{list-style:none;padding:0}.card-features li{align-items:flex-start;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem;line-height:1.4;margin-bottom:.75rem}.card-features svg{color:#10b981;flex-shrink:0;margin-top:2px}.data-rights-section{background:#fff;padding:5rem 2rem}.rights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.right-card{background:#fff;border:1px solid #e5e5e7;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;text-align:center;transition:all .3s}.right-card:hover{border-color:#667eea;box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.right-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;color:#667eea;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.right-card h3{color:#1d1d1f;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.right-card p{color:#86868b;line-height:1.6;margin-bottom:1.5rem}.right-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.right-button:hover{box-shadow:0 5px 15px #667eea4d;gap:.75rem;transform:translateY(-2px)}.detailed-policies-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:5rem 2rem}.policies-container{margin:0 auto;max-width:900px}.policy-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.policy-section:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.policy-section:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.policy-section h3{color:#1d1d1f;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.policy-content{color:#4a5568;line-height:1.8}.policy-content h4{color:#667eea;font-size:1.125rem;font-weight:600;margin:1.5rem 0 1rem}.policy-content p{margin-bottom:1rem}.policy-content ul{list-style:none;margin:1rem 0;padding:0}.policy-content li{line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.policy-content li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.privacy-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 2rem}.privacy-cta-section .cta-content{margin:0 auto;max-width:600px;text-align:center}.privacy-cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.privacy-cta-section p{color:#ffffffe6;font-size:1.25rem;margin-bottom:2rem}.privacy-cta-section .cta-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.privacy-cta-section .cta-features span{align-items:center;color:#fffffff2;display:flex;font-size:1rem;font-weight:500;gap:.5rem}.privacy-cta-section .cta-features svg{color:#10b981}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s}.cta-button.primary{background:#fff;color:#667eea}.cta-button.secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.cta-button:hover{box-shadow:0 10px 20px #0003;gap:.75rem;transform:translateY(-2px)}@media (max-width:1024px){.privacy-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.privacy-hero .hero-title{font-size:2.5rem}.privacy-hero .hero-description{font-size:1.125rem}.section-title{font-size:2rem}.privacy-grid,.rights-grid{grid-template-columns:1fr}.compliance-grid{flex-direction:column}.policy-section{padding:2rem 1.5rem}.cta-buttons{flex-direction:column}.cta-button{width:100%}.privacy-cta-section .cta-features{align-items:center;flex-direction:column;gap:1rem}}.login-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.login-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-header{margin-bottom:2rem;text-align:center}.logo{display:flex;justify-content:center;margin-bottom:1rem}.modal-header h2{color:#1e293b;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.modal-header p{color:#6b7280;font-size:1rem}.error-message{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#6b7280;left:1rem;position:absolute;z-index:1}.input-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:1rem;transition:all .2s ease}.password-toggle:hover{background:#f3f4f6;color:#374151}.plan-selection{margin:1.5rem 0}.plan-selection h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.plan-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.plans-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1rem;position:relative;text-align:center;transition:all .2s ease}.plan-card:hover{box-shadow:0 4px 12px #0000001a}.plan-card.selected,.plan-card:hover{border-color:#667eea;transform:translateY(-2px)}.plan-card.selected{background:#f8faff;box-shadow:0 4px 12px #667eea33}.plan-card.recommended{border-color:#f59e0b;position:relative}.plan-card.recommended.selected{background:linear-gradient(135deg,#f8faff,#fef3c7);border-color:#667eea}.recommended-badge{align-items:center;background:#f59e0b;border-radius:20px;color:#fff;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;left:50%;padding:.25rem .75rem;position:absolute;top:-8px;transform:translateX(-50%)}.plan-card h5{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.5rem}.plan-price{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:#6b7280;font-size:.8rem;margin-bottom:.75rem}.plan-features{list-style:none;margin:0 0 .75rem;padding:0}.plan-features li{align-items:center;color:#374151;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.25rem}.plan-features li svg{color:#10b981;flex-shrink:0}.feature-more{color:#6b7280!important;font-style:italic}.plan-trial-note{background:#ecfdf5;border-radius:6px;color:#10b981;font-size:.7rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem}.modal-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 1.5rem;transition:all .2s ease}.modal-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.modal-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.modal-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.modal-footer p{color:#6b7280;margin-bottom:.75rem}.switch-mode-btn{align-items:center;background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.switch-mode-btn:hover:not(:disabled){background:#f8faff;transform:translateY(-1px)}.switch-mode-btn:disabled{cursor:not-allowed;opacity:.5}.register-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.terms-text{color:#6b7280;font-size:.8rem;line-height:1.4;text-align:center}.success-content{padding:1rem 0;text-align:center}.success-icon{margin-bottom:1.5rem}.success-content h2{color:#1e293b;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.success-content p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.success-benefits{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.benefit-item{align-items:center;color:#166534;display:flex;font-weight:500;gap:.75rem}.success-continue-btn{align-items:center;background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.success-continue-btn:hover{background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}@media (max-width:640px){.login-modal{border-radius:16px;margin:1rem;padding:1.5rem}.plans-grid{grid-template-columns:1fr}.modal-header h2{font-size:1.5rem}.input-group input{font-size:.9rem;padding:.875rem .875rem .875rem 2.75rem}.input-icon{left:.875rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-placeholder{margin-top:4rem;padding:2rem;text-align:center}.page-placeholder h1{color:#1d1d1f;font-size:2rem;margin-bottom:1rem}.page-placeholder p{color:#86868b;font-size:1.1rem}.spinner-large{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.currency-selector{display:inline-block;position:relative}.currency-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.currency-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.currency-flag{font-size:18px;line-height:1}.currency-code{color:#334155;font-weight:600}.currency-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.currency-option{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.currency-option:hover{background:#f8fafc}.currency-option.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;font-weight:600}.currency-symbol{color:#64748b;font-weight:600;margin-left:auto}.currency-info{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px;padding:8px 12px;text-align:center}.price-display{align-items:baseline;display:inline-flex;gap:4px}.price-amount{color:inherit;font-size:inherit;font-weight:inherit}.price-period{color:#64748b;font-size:.875em;font-weight:400}.pricing-card .price-display .price-amount{color:#667eea;font-size:2.5rem;font-weight:700}.transformation-card .price-display .price-amount{color:#667eea;font-size:2rem;font-weight:700}.nav-actions .currency-selector{margin-right:1rem}@media (max-width:768px){.currency-button{font-size:13px;padding:6px 10px}.currency-flag{font-size:16px}.currency-dropdown{left:0;right:auto}}