@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&family=Roboto:wght@400;500;700&family=Source+Sans+Pro:wght@400;600&display=swap";:root{--color-primary: #2c2c2c;--color-primary-light: #3a3a3a;--color-primary-dark: #1a1a1a;--color-secondary: #10B981;--color-secondary-light: #34D399;--color-secondary-dark: #059669;--color-accent: #893EC6;--color-accent-light: #A855F7;--color-accent-dark: #6B21A8;--color-background: #FFFFFF;--color-surface: #F9FAFB;--color-surface-hover: #F3F4F6;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-dark: #D1D5DB;--status-draft-bg: #6B7280;--status-draft-text: #FFFFFF;--status-draft-border: #4B5563;--status-sent-bg: #3B82F6;--status-sent-text: #FFFFFF;--status-sent-border: #2563EB;--status-paid-bg: #10B981;--status-paid-text: #FFFFFF;--status-paid-border: #059669;--status-overdue-bg: #EF4444;--status-overdue-text: #FFFFFF;--status-overdue-border: #DC2626;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #065F46;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #92400E;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #991B1B;--color-info: #0EA5E9;--color-info-light: #E0F2FE;--color-info-dark: #075985;--font-heading: "Inter", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Roboto", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-width:var(--border-width);border-style:solid;transition:all var(--transition-fast)}.status-badge--draft{background-color:var(--status-draft-bg);color:var(--status-draft-text);border-color:var(--status-draft-border)}.status-badge--sent{background-color:var(--status-sent-bg);color:var(--status-sent-text);border-color:var(--status-sent-border)}.status-badge--paid{background-color:var(--status-paid-bg);color:var(--status-paid-text);border-color:var(--status-paid-border)}.status-badge--overdue{background-color:var(--status-overdue-bg);color:var(--status-overdue-text);border-color:var(--status-overdue-border);animation:pulse-danger 2s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.85}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:var(--border-width) solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-secondary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--accent{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn--accent:hover:not(:disabled){background-color:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-border-dark)}.btn--outline:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-primary)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-primary)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.card{background-color:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card--surface{background-color:var(--color-surface)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.container--full{max-width:100%}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;width:100%;overflow-x:hidden;position:relative}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-4xl);font-weight:var(--weight-bold)}h3{font-size:var(--text-3xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}h5{font-size:var(--text-xl);font-weight:var(--weight-medium)}h6{font-size:var(--text-lg);font-weight:var(--weight-medium)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0ea5e91a}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}table{width:100%;border-collapse:collapse;font-family:var(--font-body)}thead{background-color:var(--color-surface);border-bottom:var(--border-width-thick) solid var(--color-border)}th{padding:var(--space-md);text-align:left;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}td{padding:var(--space-md);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}tbody tr:hover{background-color:var(--color-surface-hover)}tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){html{font-size:14px}body{overflow-x:hidden}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}@media (max-width: 480px){html{font-size:14px}body{overflow-x:hidden}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html,body,#root{margin:0;padding:0;width:100%;max-width:100vw;height:100%;font-family:Inter,Segoe UI,sans-serif;background:var(--background);color:var(--text);overflow-x:hidden}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;z-index:-1}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;background:var(--primary);color:var(--text);padding:.75rem 1.5rem;font-weight:600;font-size:1.1rem;z-index:10;box-shadow:0 2px 4px #0000001a}.centered{display:flex;justify-content:center;align-items:center;flex:1}@media (max-width: 768px){.video-background{min-width:100%;min-height:100%;width:auto;height:auto}.app-header{padding:.5rem 1rem;font-size:1rem}}@media (max-width: 480px){html,body,#root{overflow-x:hidden;max-width:100vw}.app-header{padding:.5rem .75rem;font-size:.95rem}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:var(--border-width) solid var(--color-border)}.modal-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base)}.modal-close:hover{background-color:var(--color-border);color:var(--color-primary)}.support-form{padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.required{color:var(--color-error)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--color-text);background-color:var(--color-background);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}select.form-input{cursor:pointer}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium)}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--border-width) solid var(--color-border)}@media (max-width: 640px){.modal-overlay{padding:var(--space-md)}.modal-content{max-height:95vh}.modal-header,.support-form{padding:var(--space-lg)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.footer{position:relative;background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-lg) 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);z-index:10}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.footer-content{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap}.footer-link{color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base);background:none;border:none;cursor:pointer;padding:var(--space-xs) 0;font-family:inherit}.footer-link:hover{color:var(--color-secondary);text-decoration:underline}.footer-divider{color:#ffffff80;font-size:var(--text-sm)}.footer-copyright{text-align:center;font-size:var(--text-xs);color:#ffffffb3;margin-top:var(--space-sm)}@media (max-width: 480px){.footer{padding:var(--space-md) 0}.footer-content{flex-direction:column;gap:var(--space-sm)}.footer-divider{display:none}}.logo-container{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.logo-container--sm{gap:8px}.logo-container--lg{gap:16px}.logo-icon{flex-shrink:0;transition:transform .3s ease}.logo-container:hover .logo-icon{transform:scale(1.05)}.logo-text{font-family:var(--font-heading, "Inter", sans-serif);font-weight:700;letter-spacing:-.02em;line-height:1}.logo-text--default{color:#1a202c}.logo-text--white{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.logo-text--dark{color:#1a202c}@media (max-width: 768px){.logo-container{gap:8px}.logo-text{font-size:16px!important}}.language-switcher{position:relative;display:inline-block}.language-switcher-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.language-switcher-button:hover{background:#ffffff26;border-color:#ffffff4d}.language-flag{font-size:1.25rem;line-height:1}.language-code{font-weight:600}.language-arrow{transition:transform .2s ease;color:currentColor}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;overflow:hidden}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease;color:#1f2937}.language-option:hover{background:#f3f4f6}.language-option.active{background:#eff6ff;color:#1e40af}.language-info{display:flex;flex-direction:column;flex:1;gap:.125rem}.language-name{font-size:.875rem;font-weight:500;color:currentColor}.language-name-en{font-size:.75rem;color:#6b7280}.language-option.active .language-name-en{color:#3b82f6}.language-check{color:#3b82f6;flex-shrink:0}.language-separator{padding:.5rem 1rem;background:#f3f4f6;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.language-option.coming-soon{opacity:.6;cursor:not-allowed}.language-option.coming-soon:hover{background:#fff}.language-badge{font-size:.625rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.landing{min-height:100vh;background-color:var(--color-background);display:flex;flex-direction:column}.landing .hero-content h1{color:#f5f5f5!important;background:none!important;background-color:transparent!important;-webkit-text-fill-color:#f5f5f5!important}.landing .hero-content p{color:#f0f0f0!important;background:none!important;background-color:transparent!important;-webkit-text-fill-color:#f0f0f0!important}.landing-header{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:transparent}.landing-header-actions{display:flex;align-items:center;gap:1.5rem}.landing-header-link{color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:opacity .2s}.landing-header-link:hover{opacity:.8}.btn--white-outline{background:transparent;color:#fff;border:2px solid white;padding:.5rem 1.5rem;font-weight:600;transition:all .3s}.btn--white-outline:hover{background:#fff;color:#2d3748}.btn--sm{font-size:14px;padding:.5rem 1.25rem}.btn--xl{font-size:1.25rem;padding:1rem 3rem;font-weight:700}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-video .video-element{width:100%;height:100%;object-fit:cover;min-width:100%;min-height:100%}.hero-video .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#111827bf,#111827a6,#111827bf);z-index:1}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.15) 0%,transparent 50%);pointer-events:none;z-index:2}.hero-content{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:2rem var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center}.hero-logo-center{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;width:100%}.hero-logo{height:200px;width:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-family:var(--font-heading);font-size:4.5rem;font-weight:var(--weight-bold);line-height:1.2;margin-bottom:2rem;color:#fff!important;text-shadow:0 3px 15px rgba(0,0,0,.6);text-align:center;width:100%}.hero-title *{color:#fff!important}.hero-title-accent{color:#fff!important;text-shadow:0 3px 15px rgba(0,0,0,.6)}.hero-subtitle{font-size:1.5rem;line-height:1.6;color:#fff!important;margin-bottom:3rem;max-width:900px;text-shadow:0 2px 12px rgba(0,0,0,.6);text-align:center;width:100%}.hero-subtitle *{color:#fff!important}.hero-cta{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;margin-bottom:var(--space-xl);flex-wrap:wrap;width:100%}.btn--black{background:#2c2c2c;color:#fff;border:2px solid #2c2c2c;font-weight:var(--weight-bold);transition:all .3s ease}.btn--black:hover{background:#3a3a3a;border-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 8px 20px #2c2c2c66}.btn--black:active{transform:translateY(0);box-shadow:0 4px 12px #2c2c2c4d}.hero-tagline{font-size:var(--text-lg);color:#ffffffe6;margin-top:var(--space-2xl);text-shadow:0 1px 6px rgba(0,0,0,.3);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-tagline strong{color:var(--color-secondary);font-weight:var(--weight-bold)}.features{position:relative;padding:var(--space-xl) 0;background-color:#fff;z-index:10}.features-heading{text-align:center;font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-2xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto}.feature-card{background-color:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.feature-icon{font-size:3rem;margin-bottom:var(--space-md);line-height:1}.feature-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-primary);margin-bottom:var(--space-sm)}.feature-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:0}.cta-section{position:relative;padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-text-inverse);text-align:center;z-index:10}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-inverse);margin-bottom:var(--space-md)}.cta-subtitle{font-size:var(--text-xl);color:#ffffffe6;margin-bottom:var(--space-2xl);line-height:var(--leading-relaxed)}@media (max-width: 768px){.landing-header{padding:1rem 1.5rem;flex-wrap:wrap}.landing-header-actions{gap:.75rem;flex-wrap:wrap;font-size:.875rem}.landing-header-link,.landing-header-actions .btn{display:none}.landing-header .logo{max-width:120px}.hero{min-height:100vh;height:auto}.hero-video{position:absolute;min-height:100vh}.hero-video .video-element{object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video .video-overlay{background:linear-gradient(135deg,#11182799,#11182780,#11182799)}.hero-content{padding:2rem 1rem;position:relative;z-index:10}.hero-logo{height:140px;max-width:90vw}.hero-title{font-size:2.5rem;padding:0 1rem}.hero-subtitle{font-size:1.125rem;padding:0 1rem}.hero-cta{flex-direction:column;align-items:stretch;padding:0 var(--space-md);width:100%}.btn--xl{font-size:1rem;padding:.875rem 2rem;width:100%}.btn--lg{font-size:1rem;padding:.875rem 2rem;width:100%;max-width:300px}.features{padding:var(--space-2xl) var(--space-md)}.features-heading{font-size:var(--text-2xl);padding:0 var(--space-md)}.features-grid{grid-template-columns:1fr;gap:var(--space-lg)}.why-verisled{padding:var(--space-2xl) var(--space-md)}.why-verisled-heading{font-size:var(--text-2xl)}.why-verisled-grid{grid-template-columns:1fr;gap:var(--space-lg)}.pacific-section{padding:var(--space-2xl) var(--space-md)}.pacific-heading{font-size:var(--text-2xl)}.pacific-grid{grid-template-columns:1fr;gap:var(--space-lg)}.cta-section{padding:var(--space-2xl) var(--space-md)}.cta-title{font-size:var(--text-2xl);padding:0 var(--space-md)}.cta-subtitle{font-size:var(--text-base);padding:0 var(--space-md)}}@media (max-width: 480px){.landing-header{padding:.75rem 1rem;flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between}.landing-header-actions{gap:.5rem;flex-wrap:nowrap}.landing-header-actions>*:not(:last-child){display:none}.hero{min-height:100vh}.hero-content{padding:4rem .75rem 1.5rem}.hero-logo{height:100px;max-width:85vw}.hero-title{font-size:1.75rem;padding:0 .5rem;line-height:1.3}.hero-subtitle{font-size:.95rem;padding:0 .5rem}.hero-cta{padding:0 .75rem}.btn--xl{font-size:.95rem;padding:.75rem 1.5rem}.btn--lg{font-size:.95rem;padding:.75rem 1.5rem;width:100%;max-width:280px}section[style*="padding: 80px"]{padding:40px 16px!important}section[style*="padding: 6rem"]{padding:3rem 1rem!important}.pacific-section{padding:3rem 1rem!important}.feature-card{padding:var(--space-lg)}.features-heading,.why-verisled-heading,.pacific-heading,.cta-title{font-size:1.5rem;padding:0 .5rem}.cta-subtitle{font-size:.875rem;padding:0 .5rem}h2[style*="fontSize: '3rem'"]{font-size:1.75rem!important}h3[style*="fontSize: '1.75rem'"]{font-size:1.25rem!important}p[style*="fontSize: '1.25rem'"]{font-size:1rem!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))'"]{grid-template-columns:1fr!important}}@media (max-width: 768px){.container{padding-left:1rem;padding-right:1rem}.hero-content h1{font-size:2.5rem!important;line-height:1.2!important;margin-bottom:1.5rem!important}.hero-content p{font-size:1.125rem!important;line-height:1.5!important;margin-bottom:2rem!important}section[style*="padding: 6rem 0"]{padding:3rem 1rem!important}section[style*="padding: 6rem 0"] h2{font-size:2rem!important;margin-bottom:1rem!important}section[style*="padding: 6rem 0"] p[style*="fontSize: '1.25rem'"]{font-size:1rem!important;margin-bottom:2rem!important}.pacific-section{padding:3rem 1rem!important}.pacific-section h2{font-size:2rem!important;margin-bottom:1rem!important}.pacific-section p[style*="fontSize: '1.25rem'"]{font-size:1rem!important;margin-bottom:2rem!important}section[style*="padding: 80px 20px"]{padding:3rem 1rem!important}section[style*="padding: 80px 20px"] h2{font-size:2rem!important;margin-bottom:1rem!important}section[style*="padding: 80px 20px"] p[style*="fontSize: '1.25rem'"]{font-size:1rem!important}section[style*="padding: 80px 20px"]>div>div>div{padding:1.5rem!important}section[style*="padding: 80px 20px"] h3{font-size:1.25rem!important;flex-wrap:wrap!important}section[style*="padding: 80px 20px"] li{padding:.75rem 1rem!important;align-items:flex-start!important}section[style*="padding: 80px 20px"] li strong{margin-bottom:.25rem}.pacific-section>div>div>div>div{padding:1.5rem!important}section[style*="padding: 80px 20px"] svg{width:24px!important;height:24px!important;flex-shrink:0}section[style*="padding: 80px 20px"] h3 svg{width:28px!important;height:28px!important}}@media (max-width: 480px){.hero-content h1{font-size:1.75rem!important;padding:0 .5rem!important}.hero-content p{font-size:.95rem!important;padding:0 .5rem!important}.hero-logo{height:80px!important}section[style*="padding: 6rem 0"] h2{font-size:1.5rem!important}.pacific-section h2{font-size:1.5rem!important}section[style*="padding: 80px 20px"] h2{font-size:1.5rem!important}section[style*="padding: 80px 20px"] h3{font-size:1.125rem!important}section[style*="padding: 80px 20px"] svg{width:20px!important;height:20px!important}section[style*="padding: 80px 20px"] h3 svg{width:24px!important;height:24px!important}}.login-register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-lg)}.login-register-container{width:100%;max-width:450px}.login-register-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3xl);box-shadow:var(--shadow-2xl)}.logo-section{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.login-register-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);text-align:center}.login-register-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-2xl)}.login-register-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.form-group input{padding:var(--space-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);transition:all .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a}.form-group input::placeholder{color:var(--color-text-muted)}.form-group-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md)}.form-group-checkbox input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.form-group-checkbox label{font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;line-height:1.5;margin:0}.form-group-checkbox label a{color:#667eea;text-decoration:underline;font-weight:var(--weight-semibold)}.form-group-checkbox label a:hover{color:#5568d3}.error-message{padding:var(--space-md);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark);font-size:var(--text-sm);text-align:center}.btn--block{width:100%}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{padding:0 var(--space-sm);font-weight:var(--weight-medium)}.btn--google{background:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:var(--weight-medium);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn--google:hover{background:#f8f9fa;border-color:#c8ccd0;box-shadow:0 1px 3px #0000001f}.btn--google:active{background:#f1f3f4}.btn--google:disabled{opacity:.6;cursor:not-allowed}.demo-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.btn--demo{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid #f59e0b;font-weight:var(--weight-bold);transition:all var(--transition-base)}.btn--demo:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;transform:translateY(-2px);box-shadow:0 8px 16px #f59e0b4d}.btn--demo:active{transform:translateY(0)}.demo-description{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs);margin-bottom:var(--space-lg)}.login-register-toggle{margin-top:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.login-register-footer{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center}.login-register-footer p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.login-register-footer .link{color:#667eea;text-decoration:none;font-weight:var(--weight-semibold)}.login-register-footer .link:hover{text-decoration:underline}.link-button{background:none;border:none;color:var(--color-primary);font-weight:var(--weight-semibold);cursor:pointer;padding:0;text-decoration:underline;transition:color .2s}.link-button:hover{color:var(--color-primary-dark)}@media (max-width: 768px){.login-register-card{padding:var(--space-2xl)}.login-register-title{font-size:var(--text-2xl)}}.feature-gate-overlay{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#893ec60d,#893ec605);border:2px dashed rgba(137,62,198,.3);border-radius:12px;padding:3rem;text-align:center}.feature-gate-content{max-width:500px}.feature-gate-icon{margin-bottom:1.5rem;color:#893ec6;display:flex;justify-content:center;align-items:center}.feature-gate-icon svg{opacity:.6}.coming-soon-badge{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#893ec6,#a855f7);color:#fff;border-radius:50px;font-weight:600;font-size:1.125rem;box-shadow:0 4px 12px #893ec64d}.feature-gate-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.feature-gate-description{font-size:1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.feature-gate-upgrade-btn{background:linear-gradient(135deg,#893ec6,#a855f7);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #893ec64d}.feature-gate-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #893ec666}.feature-gate-upgrade-btn:active{transform:translateY(0)}.locked-feature-indicator{display:inline-flex;align-items:center;gap:.5rem;opacity:.6}.locked-feature-indicator svg{width:14px;height:14px}.offline-indicator-banner{position:sticky;top:0;z-index:49;width:100%;left:0;right:0;box-shadow:0 2px 8px #0000001a}.offline-indicator-banner.has-demo-banner{top:48px}.offline-indicator-banner.offline{background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:3px solid #b45309}.offline-indicator-banner.auth-expired{background:linear-gradient(135deg,#dc2626,#b91c1c);border-bottom:3px solid #991b1b}.offline-indicator-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.offline-indicator-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.offline-indicator-icon{flex-shrink:0;animation:pulse 2s ease-in-out infinite}.offline-indicator-text{color:#fff;font-size:.9375rem;flex:1;min-width:0}.offline-indicator-text strong{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.offline-indicator-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.offline-indicator-btn{padding:.375rem .75rem;background:#fff3;color:#fff;border:2px solid white;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.offline-indicator-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.offline-indicator-btn.offline:hover{color:#d97706}.offline-indicator-btn.auth-expired:hover{color:#b91c1c}.offline-indicator-btn:active{transform:translateY(0)}.offline-indicator-info-btn{padding:.375rem;background:#fff3;color:#fff;border:2px solid white;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.offline-indicator-info-btn:hover{background:#fff;transform:translateY(-1px)}.offline-indicator-info-btn.offline:hover{color:#d97706}.offline-indicator-info-btn.auth-expired:hover{color:#b91c1c}.offline-indicator-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.3);font-size:.8125rem;line-height:1.5}.offline-indicator-details ul{margin:.5rem 0;padding-left:1.5rem}.offline-indicator-details li{margin:.25rem 0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width: 768px){.offline-indicator-content{flex-direction:column;gap:.75rem;padding:.75rem}.offline-indicator-text{font-size:.875rem;text-align:center}.offline-indicator-actions{width:100%;justify-content:center}.offline-indicator-btn{flex:1}}