*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;line-height:1.6}@font-face{font-family:PrimaryFont;src:url(/fonts/primary-font.woff2) format("woff2"),url(/fonts/primary-font.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#20b2aa;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a9b94}.container{margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#134575,#1e9b96)!important;color:#fff!important;border:none;box-shadow:0 2px 4px #13457533}.btn-primary:hover{background:linear-gradient(135deg,#0f3558,#1a8a85)!important;transform:translateY(-1px);box-shadow:0 4px 8px #1345754d;color:#fff!important}.btn-primary:disabled{background:linear-gradient(135deg,#9ca3af 0% 100%)!important;color:#fff!important;cursor:not-allowed;transform:none}.btn-primary *,.btn-primary span,.btn-primary svg{color:#fff!important;fill:#fff!important}.btn-primary:hover *,.btn-primary:hover span,.btn-primary:hover svg{color:#fff!important;fill:#fff!important}.btn-secondary:hover{background:#f9fafb;border-color:#134575;color:#134575;transform:translateY(-1px);box-shadow:0 2px 4px #1345751a}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-small{padding:8px 16px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #20b2aa;border-radius:50%;animation:spin 1s linear infinite}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:12px;border-radius:6px;margin:16px 0}.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:12px;border-radius:6px;margin:16px 0}@media (max-width: 768px){.container{padding:0 16px}.btn{padding:10px 20px;font-size:13px}}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}:root{--header-height: 72px}@media (max-width: 768px){:root{--header-height: 70px}}@media (max-width: 480px){:root{--header-height: 66px}}@media (max-width: 375px){:root{--header-height: 64px}}body.has-header{padding-top:var(--header-height)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}@media (max-width: 768px){body{overflow-x:hidden}*{max-width:100%}}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--shadow: rgba(0, 0, 0, .1)}.dark{--bg-primary: #1f2937;--bg-secondary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #4b5563;--shadow: rgba(0, 0, 0, .3)}.dark body{background-color:var(--bg-primary);color:var(--text-primary)}.dark .form-group input,.dark .form-group textarea,.dark .form-group select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .form-group input:focus,.dark .form-group textarea:focus,.dark .form-group select:focus{border-color:#1e9b96;box-shadow:0 0 0 3px #1e9b9633}.dark .form-group label{color:var(--text-primary)}.dark .alert-error{background:#7f1d1d;color:#fca5a5;border-color:#dc2626}.dark .alert-success{background:#064e3b;color:#86efac;border-color:#16a34a}.dark .alert-warning{background:#78350f;color:#fbbf24;border-color:#f59e0b}.dark .modal-content{background:var(--bg-secondary);color:var(--text-primary)}.dark .modal-content h2,.dark .page-header h1{color:var(--text-primary)}.lucide-eye-off,.lucide-eye{left:.35rem!important}.dark .page-header p{color:var(--text-secondary)}.dark .empty-state h3{color:var(--text-primary)}.dark .empty-state p{color:var(--text-secondary)}.dark .empty-state svg{color:var(--text-secondary)}.dark .loading-state{color:var(--text-secondary)}.btn-primary,.btn-secondary,.btn-outline{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:.938rem;text-decoration:none;justify-content:center;min-height:44px}.btn-primary:disabled{background:linear-gradient(135deg,#9ca3af 0% 100%);cursor:not-allowed;box-shadow:none;transform:none;color:#fff}.btn-secondary{background:#fff;color:#134575;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#134575;box-shadow:0 2px 4px #1345751a;transform:translateY(-1px);color:#134575}.btn-outline{background:#fff;color:#134575;border:1px solid #134575;box-shadow:0 1px 2px #0000000d}.btn-outline:hover:not(:disabled){background:#134575;color:#fff;box-shadow:0 4px 6px #13457533;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.dark .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.dark .btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:#1e9b96}.dark .btn-outline{background:var(--bg-secondary);color:var(--text-primary);border-color:#134575}.dark .btn-outline:hover:not(:disabled){background:#134575;color:#fff}.btn-primary.wide,.btn-secondary.wide{width:100%}.btn-link{background:transparent;border:none;color:#1e9b96;font-weight:500;cursor:pointer;padding:0;font-size:.938rem}.btn-link:hover{text-decoration:underline}.icon-btn{background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#f3f4f6;border-color:#1e9b96;color:#1e9b96}#mdlc4spde4pk1761506330872{display:none}.icon-btn.danger:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.form-group{margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1e9b96;box-shadow:0 0 0 3px #1e9b961a}.form-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.938rem}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#e6f7f6;color:#0d5d5a;border:1px solid #a7f3d0}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.alert svg{flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.5rem;font-weight:700;color:#134575;margin:0 0 1.5rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions button{flex:1}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#134575;margin:0 0 .5rem}.page-header p{color:#585859;margin:0}.empty-state{text-align:center;padding:3rem 1rem}.empty-state svg{color:#9ca3af;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.loading-state{text-align:center;padding:3rem;color:#6b7280}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.page-header button{width:100%}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}}.App{min-height:100vh;background-color:#f9fafb}.main-content{padding-top:80px}.error-message{margin:20px auto;width:85%;padding:0 20px}.error-message p{background-color:#f8d7da;color:#721c24;padding:16px;border-radius:8px;border:1px solid #f5c6cb;text-align:center}@media (max-width: 768px){.main-content{padding-top:70px}.error-message{padding:0 16px}}.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;padding:1rem 0;transform:translateY(0);transition:background .25s ease,box-shadow .25s ease,border-color .25s ease,transform .35s cubic-bezier(.4,0,.2,1);will-change:background,box-shadow,transform;padding-top:max(1rem,env(safe-area-inset-top,1rem))}.site-header.hidden{transform:translateY(-100%)!important;pointer-events:none}.site-header.visible{transform:translateY(0)!important;pointer-events:auto}.site-header.transparent{background:#fff;border-bottom:1px solid transparent}.site-header.scrolled{background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.8);box-shadow:0 8px 24px #13457514;transform:translateY(0)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.site-header .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.logo{height:40px;width:auto;object-fit:contain}.nav-buttons{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.btn-secondary{padding:10px 24px;color:#134575;background:#fff;border:2px solid #134575;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{color:#134575;border-color:#134575;background:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 4px #1345751a}.btn-primary{padding:10px 24px;color:#fff;background:linear-gradient(135deg,#134575,#1e9b96);border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #13457533;position:relative;overflow:hidden}.btn-primary:hover{background:linear-gradient(135deg,#0f3558,#1a8a85);transform:translateY(-1px);box-shadow:0 4px 8px #1345754d;color:#fff}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.mega-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(-6px);width:400px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .2s ease}.nav-dropdown.open .mega-menu,.nav-dropdown:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.mega-menu-content{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 40px #13457526;border:1px solid #e5e7eb;position:relative}.mega-menu-content:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.mega-menu-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:.75rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.mega-menu-item:hover{background:linear-gradient(135deg,#f0f4f8,#e6f7f6);transform:translateY(-2px);box-shadow:0 4px 12px #1345751a}.mega-menu-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#134575,#1e9b96);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.mega-menu-item:hover .mega-menu-icon{transform:scale(1.05)}.mega-menu-item h4{font-size:1rem;font-weight:600;color:#134575;margin:0 0 .25rem;transition:color .2s}.mega-menu-item:hover h4{color:#1e9b96}.desktop-only{display:flex}.mobile-only{display:none}.hamburger-btn{background:transparent;border:none;color:#134575;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;z-index:1001;position:relative}@media (max-width: 991px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.hamburger-btn:hover{background:#1e9b961a}}@media (max-width: 768px){.site-header{padding:max(.75rem,env(safe-area-inset-top,.75rem)) 0 .75rem;min-height:70px}.header-content{padding:0;min-height:70px;width:100%}.site-header .container{padding:0 1rem;width:100%;max-width:100%}.logo{height:60px;max-width:160px;object-fit:contain;flex-shrink:0}.hamburger-btn{padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.hamburger-btn svg{width:22px;height:22px}.site-header.scrolled,.site-header.transparent{padding:max(.75rem,env(safe-area-inset-top,.75rem)) 0 .75rem;min-height:70px}}@media (max-width: 480px){.site-header{padding:max(.625rem,env(safe-area-inset-top,.625rem)) 0 .625rem;min-height:66px}.header-content{padding:0;min-height:66px;width:100%}.site-header .container{padding:0 .75rem;width:100%;max-width:100%}.logo{height:60px;max-width:150px;flex-shrink:0}.hamburger-btn{padding:6px;min-width:36px;min-height:36px}.hamburger-btn svg{width:20px;height:20px}.site-header.scrolled,.site-header.transparent{padding:max(.625rem,env(safe-area-inset-top,.625rem)) 0 .625rem;min-height:66px}}@media (max-width: 375px){.site-header{padding:0;min-height:64px}.header-content{padding:0;min-height:64px;width:100%}.site-header .container{padding:0 .625rem;width:100%;max-width:100%}.logo{height:60px;max-width:140px;flex-shrink:0}.hamburger-btn{padding:5px;min-width:34px;min-height:34px}.hamburger-btn svg{width:18px;height:18px}.site-header.scrolled,.site-header.transparent{padding:0;min-height:64px}}.hamburger-btn:hover{background:#f0f4f8;color:#1e9b96}.mobile-menu-overlay{position:fixed;inset:0;background:#13457599;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:0;right:0;width:min(85vw,380px);max-width:380px;height:100vh;background:linear-gradient(to bottom,#fff,#f9fafb);box-shadow:-8px 0 40px #13457533;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10;flex-shrink:0}.mobile-menu-header .logo-image{height:60px;max-width:160px;object-fit:contain}.close-btn{background:#1e9b961a;border:none;color:#1e9b96;cursor:pointer;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:#1e9b9633;transform:rotate(90deg)}.close-btn:active{transform:rotate(90deg) scale(.95)}.mobile-nav{flex:1;padding:12px 0;overflow-y:auto}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 20px;margin:2px 12px;color:#134575;text-decoration:none;font-weight:500;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#134575,#1e9b96);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-link:hover:before{transform:scaleY(1)}.mobile-nav-link:hover{background:linear-gradient(135deg,#13457514,#1e9b9614);color:#1e9b96;transform:translate(4px)}.mobile-nav-link:active{transform:translate(4px) scale(.98)}.mobile-actions{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;background:#fff;flex-shrink:0}.mobile-signin-btn{padding:14px 24px;color:#134575;text-decoration:none;font-weight:600;font-size:15px;text-align:center;border:2px solid #134575;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;cursor:pointer;position:relative;overflow:hidden}.mobile-signin-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#134575,#1e9b96);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-signin-btn:hover:before{opacity:.08}.mobile-signin-btn:hover{color:#1e9b96;border-color:#1e9b96;transform:translateY(-2px);box-shadow:0 4px 12px #1e9b9633}.mobile-signin-btn:active{transform:translateY(0);box-shadow:0 2px 6px #1e9b9626}.mobile-upgrade-btn{background:linear-gradient(135deg,#134575,#1e9b96);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #13457533;position:relative;overflow:hidden}.mobile-upgrade-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f3558,#167d79);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-upgrade-btn:hover:before{opacity:1}.mobile-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1345754d}.mobile-upgrade-btn:active{transform:translateY(0);box-shadow:0 2px 8px #13457533}.mobile-upgrade-btn svg,.mobile-signin-btn span{position:relative;z-index:1}.mobile-menu-overlay.active .mobile-nav-link{animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.mobile-menu-overlay.active .mobile-nav-link:nth-child(1){animation-delay:.1s}.mobile-menu-overlay.active .mobile-nav-link:nth-child(2){animation-delay:.15s}.mobile-menu-overlay.active .mobile-nav-link:nth-child(3){animation-delay:.2s}.mobile-menu-overlay.active .mobile-nav-link:nth-child(4){animation-delay:.25s}.mobile-menu-overlay.active .mobile-nav-link:nth-child(5){animation-delay:.3s}.mobile-menu-overlay.active .mobile-nav-link:nth-child(6){animation-delay:.35s}.mobile-menu-overlay.active .mobile-nav-link:nth-child(7){animation-delay:.4s}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.mobile-menu{scroll-behavior:smooth}.mobile-menu::-webkit-scrollbar{width:6px}.mobile-menu::-webkit-scrollbar-track{background:transparent}.mobile-menu::-webkit-scrollbar-thumb{background:#13457533;border-radius:10px}.mobile-menu::-webkit-scrollbar-thumb:hover{background:#1345754d}.site-footer{background:linear-gradient(135deg,#134575,#1e9b96);color:#fff;padding:4rem 0 0;margin-top:auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.company-info{max-width:400px}.footer-logo{height:45px;width:auto;object-fit:contain;margin-bottom:1rem}.company-description{color:#fffc;line-height:1.6;margin-bottom:2rem;font-size:.95rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#1e9b96cc;transform:translateY(-2px)}.footer-column h4{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:#fff}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.75rem}.footer-column a{color:#fffc;text-decoration:none;transition:all .3s ease;font-size:.9rem}.footer-column a:hover{color:#1e9b96;transform:translate(4px)}.footer-column.contact-info{max-width:300px;background:transparent!important;padding:0!important;border-radius:0!important;border:none!important;box-shadow:none!important}.contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.contact-item svg{color:#1e9b96;flex-shrink:0;margin-top:.125rem}.contact-item div{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.8rem;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contact-item a,.contact-item span{color:#fffc;font-size:.9rem;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#1e9b96}.footer-bottom{padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-bottom-left{display:flex;align-items:center;gap:2rem}.footer-bottom-left p{color:#fffc;margin:0;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links a:hover{color:#1e9b96}.security-badges{display:flex;gap:1rem}.security-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:.5rem;color:#fffc;font-size:.8rem;font-weight:500}.security-badge svg{color:#1e9b96}@media (max-width: 1200px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.contact-info{grid-column:1 / -1}}@media (max-width: 768px){.site-footer{padding:3rem 0 0}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:left;gap:1rem;align-items:flex-start}.footer-bottom-left{flex-direction:column;gap:1rem;align-items:flex-start;justify-content:left}.footer-links{justify-content:left;align-items:left;flex-wrap:wrap}.security-badges{justify-content:left}}@media (max-width: 480px){.company-stats{flex-direction:row;flex-wrap:wrap;gap:1rem}.social-links{justify-content:left}.footer-links{flex-direction:row;flex-wrap:wrap;gap:.75rem}.security-badges{flex-direction:row;align-items:center}}.page-transition-container{position:relative;min-height:100vh}.page-transition-loader{position:fixed;inset:0;background:linear-gradient(135deg,#134575,#1e9b96);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.star-loader{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.star-icon{color:#fff;animation:starPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}@keyframes starPulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.star-particles{position:absolute;width:100px;height:100px}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:particleFloat 2s ease-in-out infinite}.particle-1{top:20%;left:20%;animation-delay:0s}.particle-2{top:30%;right:20%;animation-delay:.2s}.particle-3{bottom:30%;left:30%;animation-delay:.4s}.particle-4{bottom:20%;right:30%;animation-delay:.6s}.particle-5{top:50%;left:50%;animation-delay:.8s}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.loading-text{color:#fff;font-size:1.25rem;font-weight:500;margin:0;animation:textFade 1.5s ease-in-out infinite}@keyframes textFade{0%,to{opacity:.8}50%{opacity:1}}.page-content{transition:opacity .3s ease}.page-content.show{opacity:1}.page-content.hide{opacity:0}.landing-page{min-height:100vh;background:#fff}.landing-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;position:sticky;top:0;z-index:100}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width: 768px){.container{padding:0 1rem}}@media (max-width: 480px){.container{padding:0 .875rem}}@media (max-width: 375px){.container{padding:0 .75rem}}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#134575;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#1e9b96}.btn-primary,.btn-secondary{padding:.625rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.938rem}.btn-primary{background:linear-gradient(135deg,#134575,#1e9b96);color:#fff;box-shadow:0 2px 4px #13457533}.btn-primary:hover{background:linear-gradient(135deg,#0f3558,#1a8a85);transform:translateY(-1px);box-shadow:0 4px 8px #1345754d;color:#fff!important}.btn-secondary{background:#fff!important;color:#134575!important;border:2px solid #134575!important;font-weight:600!important}.btn-secondary:hover{background:#f0f7ff!important;border-color:#134575!important;color:#134575!important;transform:translateY(-1px);box-shadow:0 2px 4px #1345751a}.hero-buttons .btn-secondary{background:#fff!important;color:#134575!important;border:2px solid #134575!important;font-weight:600!important}.hero-buttons .btn-secondary:hover{background:#f0f7ff!important;border-color:#134575!important;color:#134575!important}.btn-primary.large,.btn-secondary.large{padding:.875rem 2rem;font-size:1rem}.btn-primary.wide,.btn-secondary.wide{width:100%;justify-content:center}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{background:transparent;border:none;color:#134575;font-weight:500;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.5rem 0;transition:color .2s}.nav-dropdown-trigger:hover{color:#1e9b96}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;min-width:400px;z-index:1000;animation:slideDown .2s ease}.mega-menu-content{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 40px #13457526;border:1px solid #e5e7eb}.mega-menu-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:.75rem;text-decoration:none;transition:all .2s}.mega-menu-item:hover{background:linear-gradient(135deg,#f0f4f8,#e6f7f6)}.mega-menu-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#134575,#1e9b96);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mega-menu-item h4{font-size:1.125rem;font-weight:600;color:#134575;margin:0 0 .25rem}.mega-menu-item p{font-size:.875rem;color:#585859;margin:0}.hero-section{position:relative;padding:calc(var(--header-height, 72px) + 2.5rem) 0 6rem;overflow:hidden;background:#fff}.hero-background{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#f0f4f8,#e6f0f7,#e6f7f6);background-size:200% 200%;opacity:.7;animation:landingGradientShift 12s ease-in-out infinite}@keyframes landingGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.shape-1{width:500px;height:500px;background:linear-gradient(135deg,#134575,#1e9b96);top:-250px;right:-150px;animation:float 20s ease-in-out infinite}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#1e9b96,#134575);bottom:-100px;left:10%;animation:float 15s ease-in-out infinite reverse}.shape-3{width:400px;height:400px;background:linear-gradient(135deg,#134575,#1e9b96);top:50%;left:-200px;animation:float 18s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1345751a,#1e9b961a);border:1px solid rgba(30,155,150,.3);padding:.625rem 1.25rem;border-radius:9999px;color:#134575;font-size:.875rem;font-weight:500;margin-bottom:2rem}.hero-badge svg{color:#1e9b96}.hero-title{font-size:3rem;font-weight:900;color:#134575;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#1e9b96,#134575);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#585859;margin:0 0 2rem;line-height:1.7;max-width:90%}.hero-features-list{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.hero-feature-item{display:flex;align-items:center;gap:.5rem;color:#134575;font-weight:500}.hero-feature-item svg{color:#1e9b96;flex-shrink:0}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-cta{background:linear-gradient(135deg,#134575,#1e9b96);box-shadow:0 8px 24px #1345754d;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.hero-cta:hover:before{left:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-item{text-align:left}.stat-item h3{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#134575,#1e9b96);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem}.stat-item p{color:#585859;font-size:.938rem;margin:0}.hero-visual{position:relative}.hero-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 60px #13457526;border:1px solid rgba(30,155,150,.1);transition:transform .3s}.hero-card:hover{transform:perspective(1000px) rotateY(0)}.card-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem}.card-dots{display:flex;gap:.5rem}.card-dots span{width:12px;height:12px;border-radius:50%}.card-dots span:nth-child(1){background:#ef4444}.card-dots span:nth-child(2){background:#f59e0b}.card-dots span:nth-child(3){background:#10b981}.card-title{font-weight:600;color:#134575;font-size:.938rem}.progress-demo{margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;color:#585859;font-weight:500}.progress-bar{height:10px;background:#e5e7eb;border-radius:9999px;overflow:hidden;width:100%}.progress-fill{height:100%;width:87%;background:linear-gradient(135deg,#134575,#1e9b96);border-radius:9999px;animation:progress 2s ease-in-out infinite;transition:width .3s ease}@keyframes progress{0%,to{width:87%}50%{width:92%}}.demo-actions{display:flex;gap:.75rem}.demo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#134575,#1e9b96);color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:transform .2s}.demo-btn:hover{transform:translateY(-2px)}.demo-btn.secondary{background:#fff;color:#134575;border:1px solid #e5e7eb}.floating-card{position:absolute;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 10px 30px #1345751a;font-weight:600;color:#134575;font-size:.938rem;border:1px solid rgba(30,155,150,.1)}.floating-card svg{color:#1e9b96}.floating-card-1{top:10%;right:-5%;animation:float 4s ease-in-out infinite}.floating-card-2{bottom:20%;right:5%;animation:float 5s ease-in-out infinite .5s}.floating-card-3{top:50%;left:-10%;animation:float 4.5s ease-in-out infinite 1s}.landing-features-section{padding:5rem 0;background:#fff}.section-title{font-size:2.5rem;font-weight:700;color:#134575;text-align:center;margin:0 0 3rem}.features-grid-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.feature-details-panel{background:linear-gradient(135deg,#134575,#1e9b96);border-radius:1.5rem;padding:2rem;color:#fff;box-shadow:0 20px 60px #13457533;display:flex;flex-direction:column}.feature-detail-icon{width:3.5rem;height:3.5rem;background:#fff3;backdrop-filter:blur(10px);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 20px #0003}.feature-detail-icon svg{color:#fff}.feature-details-panel h3{font-size:1.375rem;font-weight:700;color:#fff;margin:0 0 .75rem}.feature-detail-description{font-size:.938rem;color:#fffffff2;line-height:1.5;margin:0 0 1rem}.feature-detail-items{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.detail-item{display:flex;align-items:center;gap:.5rem;color:#fffffff2;font-size:.875rem}.detail-item svg{color:#fff;flex-shrink:0;width:18px;height:18px}.feature-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;transition:all .3s;text-align:center;min-height:120px;height:100%}.feature-card:hover{border-color:#1e9b96;background:#f1f5f9;transform:translateY(-2px)}.feature-card.active{border-color:#1e9b96;background:#fff;box-shadow:0 4px 12px #1e9b9633}.feature-card-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;color:#1e9b96;transition:all .3s}.feature-card.active .feature-card-icon{color:#1e9b96}.feature-card-title{font-weight:600;font-size:.938rem;color:#134575;transition:color .3s}.feature-card.active .feature-card-title{color:#1e9b96}.landing-pricing-section{padding:5rem 0;background:#f9fafb}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.landing-pricing-grid{grid-template-columns:1fr;max-width:500px}}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:2.5rem;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.pricing-card.featured{border-color:#1e9b96;box-shadow:0 8px 24px #1e9b9626}.pricing-card.best-value{border-color:#f59e0b;box-shadow:0 12px 32px #f59e0b33}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#1e9b96;color:#fff;padding:.375rem 1rem;border-radius:9999px;font-size:.813rem;font-weight:600}.featured-badge.best-value-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{font-size:1.5rem;font-weight:600;color:#134575;margin:0 0 1rem}.pricing-description{font-size:.938rem;color:#585859;margin:.5rem 0 0;line-height:1.5}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.5rem;font-weight:600;color:#585859}.amount{font-size:3.5rem;font-weight:800;color:#134575;line-height:1}.period{font-size:1rem;color:#585859;font-weight:500}.pricing-features{list-style:none;padding:0;margin:0 0 2rem}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#134575}.pricing-features li svg{color:#1e9b96;flex-shrink:0}.btn-primary.gradient{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;color:#fff!important}.btn-primary.gradient:hover{background:linear-gradient(135deg,#d97706,#f59e0b)!important;transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.pricing-card.best-value .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;color:#fff!important}.pricing-card.best-value .btn-primary:hover{background:linear-gradient(135deg,#d97706,#f59e0b)!important;transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#134575,#0f3558);color:#fff}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cta-content p{font-size:1.25rem;margin:0 0 2.5rem;opacity:.95}.cta-section .btn-primary{background:#fff;color:#134575}.cta-section .btn-primary:hover{background:#f9fafb}.section-subtitle{text-align:center;font-size:1.125rem;color:#585859;margin:-1.5rem auto 3rem;max-width:700px}.how-it-works-section{padding:5rem 0;background:#fff}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto}.step-card{position:relative;text-align:center;padding:2rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;transition:all .3s}.step-card:hover{border-color:#1e9b96;box-shadow:0 8px 24px #1e9b961a;transform:translateY(-4px)}.step-number{position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:3rem;height:3rem;background:linear-gradient(135deg,#134575,#1e9b96);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-icon{color:#1e9b96;margin:2rem 0 1rem;display:flex;justify-content:center}.step-card h3{font-size:1.25rem;font-weight:600;color:#134575;margin:0 0 .75rem}.step-card p{color:#585859;line-height:1.6;margin:0}.feature-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.feature-details p{font-size:.875rem;color:#585859;margin:0}.platform-section{padding:5rem 0}.shopify-section{background:#fff}.woocommerce-section{background:#f9fafb}.platform-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.platform-content.reverse{direction:rtl}.platform-content.reverse>*{direction:ltr}.platform-text h2{text-align:left}.platform-text .section-subtitle{text-align:left;margin:-.5rem 0 2rem}.platform-features{margin:2rem 0}.platform-feature{display:flex;gap:1rem;margin-bottom:1.5rem}.platform-feature svg{color:#1e9b96;flex-shrink:0;margin-top:.25rem}.platform-feature h4{font-size:1.125rem;font-weight:600;color:#134575;margin:0 0 .5rem}.platform-feature p{color:#585859;margin:0;line-height:1.6}.platform-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0 2rem;padding:2rem;background:linear-gradient(135deg,#f0f4f8,#e6f0f7);border-radius:.75rem}.stat{text-align:center}.stat h3{font-size:2.5rem;font-weight:800;color:#134575;margin:0 0 .5rem}.stat p{color:#585859;margin:0;font-size:.938rem}.platform-visual{position:relative}.platform-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 8px 24px #0000001a}.platform-card h4{font-size:1.25rem;font-weight:600;color:#134575;margin:0 0 1.5rem}.data-fields{list-style:none;padding:0;margin:0}.data-fields li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#585859;border-bottom:1px solid #f3f4f6}.data-fields li:last-child{border-bottom:none}.data-fields svg{color:#1e9b96;flex-shrink:0}.landing-faq-section{padding:5rem 0;background:#fff}.landing-faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#fff;border:none;text-align:left;font-size:1.125rem;font-weight:600;color:#134575;cursor:pointer;transition:all .2s}.faq-question:hover{background:#f9fafb}.faq-question.active{background:#f0f4f8;color:#1e9b96}.faq-question svg{flex-shrink:0;color:#1e9b96}.faq-answer{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease}.faq-answer p{color:#585859;line-height:1.6;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-cta{text-align:center;margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f0f4f8,#e6f0f7);border-radius:1rem}.faq-cta h3{font-size:1.75rem;font-weight:700;color:#134575;margin:0 0 .5rem}.faq-cta p{color:#585859;margin:0 0 2rem;font-size:1.125rem}.landing-help-section{padding:5rem 0;background:#f9fafb}.landing-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.help-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;text-align:center;transition:all .3s}.help-card:hover{border-color:#1e9b96;box-shadow:0 8px 24px #1e9b961a;transform:translateY(-4px)}.help-icon{width:4rem;height:4rem;background:#e6f7f6;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#1e9b96;margin:0 auto 1.5rem}.help-card h3{font-size:1.25rem;font-weight:600;color:#134575;margin:0 0 .75rem}.help-card p{color:#585859;margin:0 0 1.5rem;line-height:1.6}.knowledge-base{max-width:1000px;margin:0 auto;padding:3rem;background:#fff;border-radius:1rem;border:1px solid #e5e7eb}.knowledge-base h3{font-size:1.75rem;font-weight:700;color:#134575;margin:0 0 2rem;text-align:center}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.topic-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;transition:all .2s}.topic-item:hover{background:#e6f7f6}.topic-item svg{color:#1e9b96;flex-shrink:0}.topic-item a{color:#134575;text-decoration:none;font-weight:500}.topic-item a:hover{color:#1e9b96;text-decoration:underline}@media (max-width: 991px){.container{padding:0 16px}.header-content{flex-wrap:nowrap}.nav-links{gap:.5rem}.nav-links a,.nav-dropdown{display:none}.mega-menu{min-width:300px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px;white-space:nowrap}.hero-section{padding:calc(var(--header-height, 70px) + 1.5rem) 0 3rem}.hero-grid{grid-template-columns:1fr!important;gap:2rem;display:flex!important;flex-direction:column!important}.hero-content{text-align:center;order:1!important}.hero-visual{order:2!important}.hero-title{font-size:2.25rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;max-width:100%;margin-bottom:1.5rem;line-height:1.6}.hero-badge{margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8rem}.hero-features-list{justify-content:center;gap:1rem;margin-bottom:2rem}.hero-feature-item{font-size:.9rem}.hero-buttons{flex-direction:column;gap:.75rem;margin-bottom:2rem;align-items:center;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{max-width:85%;width:auto;padding:.875rem 1.5rem;font-size:.9rem}.hero-buttons .btn-secondary{background:#fff!important;color:#134575!important;border:2px solid #134575!important;font-weight:600!important}.hero-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item{padding:1rem .5rem}.stat-item h3{font-size:1.5rem;margin-bottom:.25rem}.stat-item p{font-size:.8rem}.floating-card{display:none}.hero-visual{order:-1}.hero-card{transform:none}.section-title{font-size:2rem}.features-grid,.pricing-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.steps-container{grid-template-columns:1fr}.demo-section{grid-template-columns:1fr;padding:2rem}.platform-content{grid-template-columns:1fr;gap:2rem}.platform-text h2,.platform-text .section-subtitle{text-align:center}.platform-stats,.help-grid,.topics-grid{grid-template-columns:1fr}.knowledge-base{padding:2rem 1.5rem}.features-grid-layout{grid-template-columns:1fr;gap:2rem}.feature-details-panel{padding:2rem}.feature-detail-icon{width:4.5rem;height:4.5rem;margin-bottom:1.5rem}.feature-details-panel h3{font-size:1.5rem;margin-bottom:1rem}.feature-detail-description{font-size:1rem;margin-bottom:1.5rem}.feature-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-card{padding:1.5rem 1rem}.feature-card-icon{width:2.5rem;height:2.5rem}.feature-card-title{font-size:.813rem}}@media (max-width: 480px){.btn-primary,.btn-secondary{padding:.625rem 1rem;font-size:.875rem}.hero-section{padding:calc(var(--header-height, 66px) + 1rem) 0 2rem}.hero-title{font-size:1.75rem;line-height:1.3}.hero-subtitle{font-size:.9rem;line-height:1.5}.hero-badge{padding:.4rem .8rem;font-size:.75rem;margin-bottom:1rem}.hero-features-list{gap:.75rem;margin-bottom:1.5rem}.hero-feature-item{font-size:.85rem}.hero-buttons{gap:.5rem;margin-bottom:1.5rem;align-items:center;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{max-width:90%;width:auto;padding:.75rem 1.25rem;font-size:.85rem}.hero-buttons .btn-secondary{background:#fff!important;color:#134575!important;border:2px solid #134575!important;font-weight:600!important}.hero-stats{gap:.5rem}.stat-item{padding:.75rem .25rem}.stat-item h3{font-size:1.25rem}.stat-item p{font-size:.75rem}}@media (max-width: 375px){.container{padding:0 10px}.btn-primary,.btn-secondary{padding:6px 8px;font-size:10px}.hero-section{padding:calc(var(--header-height, 66px) + 1rem) 0 1.5rem}.hero-title{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}.hero-subtitle{font-size:.85rem;line-height:1.4;margin-bottom:1rem}.hero-badge{padding:.3rem .6rem;font-size:.7rem;margin-bottom:.75rem}.hero-features-list{gap:.5rem;margin-bottom:1rem}.hero-feature-item{font-size:.8rem}.hero-buttons{gap:.4rem;margin-bottom:1rem;align-items:center;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{max-width:92%;width:auto;padding:.7rem 1rem;font-size:.8rem}.hero-buttons .btn-secondary{background:#fff!important;color:#134575!important;border:2px solid #134575!important;font-weight:600!important}.hero-stats{gap:.4rem}.stat-item{padding:.6rem .2rem}.stat-item h3{font-size:1.1rem;margin-bottom:.1rem}.stat-item p{font-size:.7rem}}.demo-section{padding:5rem 0;background:#fff}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.demo-text{text-align:left}.demo-text h2{font-size:2.5rem;font-weight:700;color:#134575;margin:0 0 1.5rem;line-height:1.2}.demo-text p{font-size:1.125rem;color:#585859;line-height:1.7;margin:0 0 2rem}.demo-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.demo-feature{display:flex;align-items:center;gap:.75rem;color:#134575;font-weight:500;font-size:1rem}.demo-feature svg{color:#1e9b96;flex-shrink:0}.demo-visual{position:relative}.demo-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 60px #13457526;border:1px solid rgba(30,155,150,.1);transition:transform .3s}.demo-card:hover{transform:translateY(-4px);box-shadow:0 24px 72px #13457533}.demo-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem}.demo-dots{display:flex;gap:.5rem}.demo-dots span{width:12px;height:12px;border-radius:50%}.demo-dots span:nth-child(1){background:#ef4444}.demo-dots span:nth-child(2){background:#f59e0b}.demo-dots span:nth-child(3){background:#10b981}.demo-title{font-weight:600;color:#134575;font-size:.938rem}.demo-body{display:flex;flex-direction:column;gap:1.5rem}.demo-progress{display:flex;flex-direction:column;gap:.75rem}.progress-text{font-size:.875rem;color:#585859;font-weight:500}.demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f0f4f8,#e6f7f6);border-radius:.75rem}.demo-stat svg{color:#1e9b96;flex-shrink:0;width:20px;height:20px}.demo-stat span{font-size:.938rem;color:#134575;font-weight:500;flex:1}@media (max-width: 991px){.demo-section{padding:3rem 0}.demo-content{grid-template-columns:1fr;gap:3rem}.demo-text{text-align:center}.demo-text h2{font-size:2rem}.demo-text p{font-size:1rem}.demo-features{align-items:center}.demo-stats{grid-template-columns:1fr}}.video-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{position:relative;width:100%;max-width:1200px;background:#000;border-radius:1rem;overflow:hidden;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.video-modal-close{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:all .3s ease}.video-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.video-modal-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.demo-video-wrapper{cursor:pointer;position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 60px #13457526;transition:transform .3s ease,box-shadow .3s ease}.demo-video-wrapper:hover{transform:translateY(-4px);box-shadow:0 24px 72px #13457533}.demo-video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.video-thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#1e9b96e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10;transition:all .3s ease;box-shadow:0 4px 20px #1e9b9666}.demo-video-wrapper:hover .video-play-button{background:#1e9b96;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 30px #1e9b9699}.video-play-button svg{margin-left:4px}@media (max-width: 991px){.video-modal-content{max-width:95%}.video-modal-wrapper{padding-bottom:56.25%}}@media (max-width: 480px){.demo-section{padding:2rem 0}.video-modal-wrapper{padding-bottom:56.25%}.video-play-button{width:60px;height:60px}.video-play-button svg{width:32px;height:32px}.demo-content{gap:2rem}.demo-text h2{font-size:1.75rem}.demo-text p{font-size:.938rem}.demo-card{padding:1.5rem}.demo-stats{grid-template-columns:1fr}}.email-verification-container{width:100%;display:flex;align-items:center;justify-content:center;padding:0}.email-verification{width:100%;max-width:100%;padding:2.5rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000014;position:relative;margin:0 auto}.verification-header{text-align:center;margin-bottom:2rem}.verification-header svg{margin-bottom:1.25rem}.verification-icon{color:#1e9b96;display:block;margin:0 auto 1.25rem}.verification-header h2{font-size:1.75rem;font-weight:700;color:#134575;margin:0 0 .75rem;line-height:1.2}.verification-header p{color:#585859;margin:.5rem 0;font-size:.95rem;line-height:1.6}.verification-header p:first-of-type{margin-bottom:.25rem}.verification-email{font-weight:600;color:#134575;font-size:1rem}.verification-alert{margin-bottom:1.5rem;padding:.875rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.error-alert{background:#fee;color:#c33;border:1px solid #fcc}.success-alert{background:#efe;color:#3a3;border:1px solid #cfc}.verification-code-input{display:flex;gap:.75rem;justify-content:center;align-items:center;margin:2rem 0;padding:0;width:100%}.code-digit{width:3.75rem;height:3.75rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #e5e7eb;border-radius:.625rem;background:#f9fafb;color:#134575;transition:all .2s ease;font-family:monospace;flex-shrink:0}.code-digit:focus{outline:none;border-color:#1e9b96;background:#fff;box-shadow:0 0 0 3px #1e9b961a}.code-digit.filled{border-color:#1e9b96;background:#fff}.code-digit:disabled{opacity:.6;cursor:not-allowed}.verifying-overlay{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1e9b96}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verification-actions{text-align:center;margin:1.5rem 0 1rem}.btn-link{background:none;border:none;color:#1e9b96;font-size:.875rem;cursor:pointer;text-decoration:underline;padding:.5rem}.btn-link:hover{color:#134575}.btn-link:disabled{opacity:.5;cursor:not-allowed}.verification-footer{text-align:center;font-size:.875rem;color:#585859;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.verification-footer p{margin:0}@media (max-width: 768px){.email-verification-container{padding:1rem}.email-verification{padding:2rem 1.5rem;max-width:100%;box-shadow:0 4px 20px #00000014;margin:0 auto}.verification-header h2{font-size:1.5rem}.verification-header p{font-size:.9rem}.verification-email{font-size:.95rem;word-break:break-word}.verification-code-input{gap:.5rem}.code-digit{width:3rem;height:3rem;font-size:1.25rem}.verification-icon{width:28px;height:28px}}@media (max-width: 480px){.email-verification{padding:1.75rem 1.25rem;border-radius:.75rem}.verification-header h2{font-size:1.35rem}.verification-header p{font-size:.85rem}.verification-code-input{gap:.4rem}.code-digit{width:2.5rem;height:2.5rem;font-size:1.1rem}.verification-alert{padding:.75rem;font-size:.813rem}.verification-footer{font-size:.813rem}}@media (min-width: 769px){.email-verification-container{padding:3rem 2rem}.email-verification{padding:3rem}}@media (max-width: 360px){.verification-code-input{gap:.3rem}.code-digit{width:2.25rem;height:2.25rem;font-size:1rem}}.auth-page{min-height:100vh;background:#f9fafb;display:flex;flex-direction:column;overflow-x:hidden}.auth-container{flex:1;align-items:stretch;justify-content:stretch;min-height:100vh;padding:0}.auth-grid{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100vh;margin:0;gap:0;align-items:stretch;border-radius:0;overflow:hidden;box-shadow:none}.auth-content{background:linear-gradient(135deg,#134575,#1e9b96);padding:2rem;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.auth-content:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.auth-content-inner{position:relative;z-index:1;max-width:400px;text-align:left;width:100%}.auth-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:2rem;backdrop-filter:blur(10px)}.auth-content h1{font-size:2.5rem;font-weight:800;margin:0 0 1rem;line-height:1.2}.auth-subtitle{font-size:1.125rem;opacity:.9;margin:0 0 2rem;line-height:1.6}.auth-features{margin-bottom:2rem}.auth-feature{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1rem}.auth-feature svg{color:#ffffffe6}.auth-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.auth-stat{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:1rem;border-radius:.75rem;backdrop-filter:blur(10px)}.auth-stat svg{color:#ffffffe6}.auth-stat h3{font-size:1.5rem;font-weight:700;margin:0}.auth-stat p{font-size:.875rem;opacity:.8;margin:0}.auth-form-section{background:#fff;border-radius:0;padding:1rem 0;box-shadow:none;border:none;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-form-container{width:100%;margin:0 auto;padding:3rem 2rem 2rem;min-height:auto;overflow:visible;display:flex;flex-direction:column;align-items:center}.auth-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 24px #00000014}.auth-form-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.auth-form-header h2{font-size:1.75rem;font-weight:700;color:#134575;margin:0 0 .5rem}.auth-logo{height:50px;width:auto;object-fit:contain;margin:0 auto 1.5rem;display:block;visibility:visible;opacity:1}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-weight:500;color:#134575;margin-bottom:.5rem;font-size:.938rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1.25rem;color:#9ca3af;pointer-events:none;z-index:2}.input-with-icon input{width:100%!important;padding:.875rem 1rem .875rem 3.5rem!important;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#fff}.input-with-icon input:focus{outline:none;border-color:#1e9b96;box-shadow:0 0 0 3px #1e9b961a}.input-with-icon.password-input{position:relative}.password-input input{padding-right:4rem!important;border:2px solid #e5e7eb!important;border-radius:.75rem!important}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:3;border-radius:.25rem;width:2rem;height:2rem}.password-toggle:hover{color:#1e9b96;background:#1e9b961a}.password-toggle:focus{outline:none;color:#1e9b96;background:#1e9b961a}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.forgot-link{color:#1e9b96;text-decoration:none;font-size:.938rem;font-weight:500}.forgot-link:hover{text-decoration:underline}.error-alert,.success-alert{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.938rem;width:100%;box-sizing:border-box}.error-alert{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.success-alert{background:#e6f7f6;color:#0d5d5a;border:1px solid #a7f3d0}.error-alert svg,.success-alert svg{flex-shrink:0}.auth-footer{text-align:center}.auth-footer p{color:#585859;margin:0}.auth-footer a{color:#1e9b96;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 1024px){.auth-container{padding:.5rem}.auth-grid{max-width:100%;min-height:500px}.auth-content,.auth-form-section{padding:1.5rem}}@media (max-width: 480px){.auth-container{padding:0}.auth-content{padding:1rem;min-height:30vh}.auth-content h1{font-size:1.25rem;margin-bottom:.5rem}.auth-subtitle{font-size:.85rem;margin-bottom:1rem}.auth-features{margin-bottom:1rem}.auth-feature{font-size:.8rem;margin-bottom:.4rem}.auth-stats{grid-template-columns:1fr;gap:.5rem}.auth-stat{padding:.5rem}.auth-stat h3{font-size:1rem}.auth-stat p{font-size:.75rem}.auth-form-section{padding:.75rem;min-height:70vh}.auth-form-container{padding:.75rem}.auth-form-header h2{font-size:1.25rem}.auth-form-header p{font-size:.8rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.875rem;margin-bottom:.4rem}.input-with-icon input{font-size:16px;padding:.875rem .75rem .875rem 3rem!important;min-height:48px}.password-toggle{width:2.5rem;height:2.5rem;right:.25rem}.btn-primary.large{padding:.875rem 1.5rem;font-size:1rem;min-height:48px}.google-signin-btn{padding:.875rem 1rem;font-size:.95rem;min-height:48px}.auth-divider{margin:1rem 0}.auth-footer{margin-top:1rem}.auth-footer p{font-size:.85rem}}@media (max-width: 600px){.auth-content{padding:1.25rem}.auth-content h1{font-size:1.4rem}.auth-subtitle{font-size:.9rem}.auth-form-section,.auth-form-container{padding:.875rem}.input-with-icon input{font-size:16px}.btn-primary.large{font-size:1rem;padding:1rem 1.5rem}.google-signin-btn{font-size:.95rem;padding:1rem}}@media (max-width: 768px){.auth-grid{grid-template-columns:1fr;gap:0;height:auto;min-height:100vh}.auth-content{padding:1.5rem;order:2;min-height:35vh;display:flex;align-items:center;justify-content:center}.auth-content-inner{max-width:100%;text-align:center}.auth-content h1{font-size:1.5rem;margin-bottom:.75rem}.auth-subtitle{font-size:.95rem;margin-bottom:1.5rem}.auth-features{margin-bottom:1.5rem}.auth-feature{font-size:.9rem;margin-bottom:.5rem}.auth-stats{grid-template-columns:1fr 1fr;gap:.75rem}.auth-stat{padding:.75rem}.auth-stat h3{font-size:1.25rem}.auth-stat p{font-size:.8rem}.auth-form-section{padding:1rem;order:1;min-height:65vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.auth-form-container{padding:1rem;max-width:100%;min-height:auto}.auth-form-header h2{font-size:1.5rem}.auth-form-header p{font-size:.9rem}}.google-signin-btn{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#374151;font-weight:600;display:flex!important;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;cursor:pointer;margin:.75rem 0;visibility:visible!important;opacity:1!important}.google-signin-btn:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.google-signin-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.auth-divider{display:flex;align-items:center;text-align:center;margin:.5rem 0;color:#9ca3af}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-divider:not(:empty):before{margin-right:.75rem}.auth-divider:not(:empty):after{margin-left:.75rem}.verification-prompt{text-align:center;padding:1.5rem;margin-bottom:2rem;background:#fff3cd;border:1px solid #ffc107;border-radius:.5rem;color:#856404;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.verification-prompt svg{color:#ffc107;margin-bottom:.5rem}.verification-prompt h3{margin:.5rem 0;font-size:1.125rem;font-weight:600;color:#856404}.verification-prompt p{margin:0;font-size:.875rem}.auth-form-container>.btn-primary.large{width:100%;max-width:300px;margin:0 auto;display:flex;justify-content:center;align-items:center}