* {margin:0;padding:0;box-sizing:border-box}body {font-family:"Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height:1.6;color:var(--color-neutral-800);background-color:var(--white);transition:var(--transition-colors)}.navbar.sticky-top {background:rgba(255, 255, 255, 0.98) !important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 2px 20px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;z-index:1000}.navbar.sticky-top .navbar-brand {font-weight:800;color:#111827 !important;font-size:1.25rem;transition:all 0.3s ease}.navbar.sticky-top .navbar-brand:hover {color:#4f46e5 !important;transform:scale(1.05)}.navbar.sticky-top .navbar-brand i {color:#4f46e5;font-size:1.5rem}.navbar {background:rgba(255, 255, 255, 0.95) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-neutral-100);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.navbar-brand {font-weight:700;color:var(--color-neutral-900) !important}.hero {background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--white) 100%);padding:80px 0 60px;position:relative;overflow:hidden;border-radius:0 0 20px 20px;transition:var(--transition-colors)}.hero::before {content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%234f46e5" opacity="0.1"/><circle cx="80" cy="40" r="1.5" fill="%234f46e5" opacity="0.1"/><circle cx="60" cy="80" r="1" fill="%234f46e5" opacity="0.1"/><circle cx="40" cy="60" r="1.5" fill="%234f46e5" opacity="0.1"/></svg>') repeat;opacity:0.4;z-index:1}.hero-content {position:relative;z-index:2}.hero h1 {font-size:clamp(2.5rem, 4vw, 3.5rem);font-weight:800;color:var(--color-neutral-900);margin-bottom:1.5rem;line-height:1.1}.hero .lead {font-size:1.25rem;color:var(--color-neutral-600);margin-bottom:2.5rem;max-width:600px}.trust-badge {display:inline-flex;align-items:center;gap:0.5rem;background:var(--color-success-50);color:var(--color-success-600);padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(5, 150, 105, 0.2)}.login-card {background:var(--white);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border:1px solid var(--color-neutral-100);padding:2rem;position:relative;max-width:400px;width:100%;z-index:5}.login-card h3 {font-size:1.5rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:0.5rem;text-align:center}.login-card .subtitle {color:var(--color-neutral-500);text-align:center;margin-bottom:1.5rem;font-size:0.95rem}.btn-google-standout {background:var(--white);border:3px solid var(--color-primary-600);color:var(--color-neutral-800);padding:1.25rem 2rem;border-radius:16px;font-weight:700;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;text-decoration:none;transition:var(--transition-all);position:relative;z-index:10;cursor:pointer;min-height:64px;box-shadow:0 8px 25px rgba(79, 70, 229, 0.2)}.btn-google-standout:hover {background:var(--color-primary-600);border-color:var(--color-primary-700);color:var(--white);transform:translateY(-2px);box-shadow:0 12px 30px rgba(79, 70, 229, 0.4);text-decoration:none}.btn-google-standout:hover svg path {fill:white}.btn-google-standout:focus {outline:3px solid var(--color-primary-600);outline-offset:3px;text-decoration:none}.btn-google-standout span {font-size:1.125rem;font-weight:700}.btn-primary-google {background:var(--white);border:2px solid var(--color-neutral-300);color:var(--color-neutral-700);padding:0.875rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;text-decoration:none;transition:var(--transition-all);font-size:1rem;position:relative;z-index:10;cursor:pointer;min-height:48px}.btn-primary-google:hover {background:var(--color-neutral-50);border-color:var(--color-neutral-400);color:var(--color-neutral-900);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);text-decoration:none}.btn-primary-google:focus {outline:2px solid var(--color-primary-600);outline-offset:2px;text-decoration:none}.btn-primary-large {background:var(--color-primary-600);color:var(--white);padding:1rem 2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;transition:var(--transition-all);font-size:1.1rem;border:none;box-shadow:0 5px 15px -5px rgba(79, 70, 229, 0.3);min-height:48px;cursor:pointer}.btn-primary-large:hover {background:var(--color-primary-700);color:var(--white);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(79, 70, 229, 0.4);text-decoration:none}.btn-primary-large:focus {outline:2px solid var(--color-primary-600);outline-offset:2px;text-decoration:none}.features {padding:80px 0;background:var(--color-neutral-50);border-radius:20px 20px 0 0}.section-header {text-align:center;margin-bottom:4rem}.section-header h2 {font-size:2.5rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:1rem}.section-header p {font-size:1.125rem;color:var(--color-neutral-600);max-width:600px;margin:0 auto}.feature-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}.feature-card {background:var(--white);padding:2rem;border-radius:16px;border:1px solid var(--color-neutral-100);text-align:center;transition:all 0.2s ease;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.feature-card:hover {box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);transform:translateY(-2px)}.feature-icon {width:48px;height:48px;background:var(--color-primary-600);color:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.feature-card h4 {font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:0.75rem}.feature-card p {color:var(--color-neutral-600);line-height:1.6;margin:0}.social-proof {padding:60px 0;background:var(--white)}.stats-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;text-align:center}.stat-item h3 {font-size:2.5rem;font-weight:800;color:var(--color-primary-600);margin-bottom:0.5rem}.stat-item p {color:var(--color-neutral-600);font-weight:500}.free-trial {background:var(--color-primary-600);color:var(--white);padding:1rem;border-radius:8px;text-align:center;margin:1.5rem 0;font-weight:600;font-size:0.9rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.benefits-card {\n background:linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);\n border:1px solid #10b981;\n border-radius:12px;\n padding:1.5rem;\n text-align:left;\n box-shadow:0 4px 12px rgba(16, 185, 129, 0.1);\n}\n\n.benefits-card-header {\n display:flex;\n align-items:center;\n gap:0.5rem;\n margin-bottom:1rem;\n color:#059669;\n font-weight:700;\n}\n\n.benefits-card-header i {\n font-size:1.25rem;\n}\n\n.benefits-list {\n list-style:none;\n padding:0;\n margin:0;\n}\n\n.benefits-list li {\n display:flex;\n align-items:center;\n gap:0.75rem;\n padding:0.5rem 0;\n color:#047857;\n font-weight:500;\n}\n\n.benefits-list i {\n font-size:1rem;\n flex-shrink:0;\n}\n\n\n.security-card {\n background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border:1px solid #3b82f6;\n border-radius:12px;\n padding:1rem;\n text-align:left;\n margin-top:1.5rem;\n box-shadow:0 4px 12px rgba(59, 130, 246, 0.1);\n}\n\n.security-card-content {\n display:flex;\n align-items:flex-start;\n gap:0.75rem;\n}\n\n.security-card-content i {\n font-size:1.25rem;\n flex-shrink:0;\n margin-top:0.125rem;\n}\n\n.security-card-content strong {\n color:#1e40af;\n display:block;\n margin-bottom:0.25rem;\n}\n\n\n.benefits-card-inline {\n background:linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);\n border:1px solid #10b981;\n border-radius:12px;\n padding:1rem 1.5rem;\n display:inline-block;\n box-shadow:0 4px 12px rgba(16, 185, 129, 0.1);\n}\n\n.benefits-card-inline-content {\n display:flex;\n align-items:center;\n gap:0.75rem;\n color:#047857;\n font-weight:500;\n}\n\n.benefits-card-inline-content i {\n font-size:1.25rem;\n flex-shrink:0;\n}\n\n .security-note {background:var(--color-primary-50);border:1px solid rgba(79, 70, 229, 0.2);border-radius:8px;padding:1rem;margin-top:1.5rem;text-align:center;font-size:0.875rem;color:var(--color-primary-700)}.divider {display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--color-neutral-400)}.divider::before, .divider::after {content:'';flex:1;border-bottom:1px solid var(--color-neutral-300)}.divider:not(:empty)::before {margin-right:.25em}.divider:not(:empty)::after {margin-left:.25em}.btn-primary-card {background:var(--color-primary-600);color:var(--white);padding:0.875rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;text-decoration:none;transition:var(--transition-all);font-size:1rem;border:none;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);position:relative;z-index:10;cursor:pointer;min-height:48px}.btn-primary-card:hover {background:var(--color-primary-700);color:var(--white);transform:translateY(-1px);box-shadow:0 6px 10px -1px rgba(79, 70, 229, 0.3);text-decoration:none}.btn-primary-card:focus {outline:2px solid var(--color-primary-600);outline-offset:2px;text-decoration:none}.feature-list {margin-bottom:2.5rem}.feature-item {display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;color:var(--color-neutral-600);font-weight:500}.feature-item i {color:var(--color-success-600)}.alert-success {background-color:var(--color-success-50);border-color:var(--color-success-600);color:var(--color-success-600)}.mobile-journey-indicator {display:none;background:linear-gradient(135deg, var(--color-primary-600), var(--color-success-600));color:var(--white);text-align:center;padding:var(--spacing-3);font-weight:600;font-size:var(--font-size-sm);position:sticky;top:0;z-index:100}@media (max-width:768px) {.container {padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.mobile-journey-indicator {display:block}.hero {padding:var(--spacing-12) 0 var(--spacing-8);margin:0;border-radius:0;background:var(--white);position:relative;overflow:hidden;border-bottom:1px solid var(--color-neutral-100)}.hero::before {opacity:0.3;background-size:60px 60px}.hero h1 {font-size:clamp(1.5rem, 6vw, 2.25rem);line-height:1.2;margin-bottom:var(--spacing-4);font-weight:800;text-align:center}.hero .lead {font-size:clamp(1rem, 3vw, 1.125rem);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);color:var(--color-neutral-700);text-align:center}.login-card {margin:var(--spacing-6) auto 0;padding:var(--spacing-8) var(--spacing-6);border-radius:var(--border-radius-2xl);background:var(--white);border:2px solid var(--color-neutral-100);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.login-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-primary-600), var(--color-success-600), var(--color-primary-600));z-index:1}.login-card h3 {font-size:clamp(1.5rem, 5vw, 1.75rem);font-weight:800;margin-bottom:var(--spacing-3);position:relative;z-index:2;color:var(--color-neutral-900)}.login-card .subtitle {font-size:clamp(1rem, 3vw, 1.125rem);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.btn-google-standout {padding:var(--spacing-5) var(--spacing-6);border-radius:var(--border-radius-xl);border-width:3px;font-weight:700;font-size:1.125rem;box-shadow:var(--shadow-lg);min-height:64px}.btn-google-standout span {font-size:1.125rem;font-weight:700}.btn-primary-google {padding:var(--spacing-4) var(--spacing-5);border-radius:var(--border-radius-xl);border-width:2px;font-weight:700;color:var(--color-neutral-800);background:var(--white);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:var(--transition-all);min-height:56px;font-size:var(--font-size-base)}.btn-primary-google::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent);transition:var(--transition-transform)}.btn-primary-google:hover::before {left:100%}.btn-primary-google:hover {color:var(--color-neutral-900);border-color:var(--color-neutral-500);background:var(--color-neutral-50);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.15)}.btn-primary-large, .btn-primary-card {padding:var(--spacing-4) var(--spacing-6);border-radius:var(--border-radius-xl);font-weight:700;box-shadow:0 8px 25px rgba(79, 70, 229, 0.3);min-height:56px;font-size:var(--font-size-base);position:relative;overflow:hidden;background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));transition:var(--transition-all)}.btn-primary-large::before, .btn-primary-card::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:var(--transition-transform)}.btn-primary-large:hover::before, .btn-primary-card:hover::before {left:100%}.btn-primary-large:hover, .btn-primary-card:hover {transform:translateY(-3px);box-shadow:0 12px 35px rgba(79, 70, 229, 0.4)}.features {padding:var(--spacing-12) 0;margin:var(--spacing-4) var(--spacing-2) 0;border-radius:var(--border-radius-2xl);background:linear-gradient(145deg, var(--color-neutral-50) 0%, var(--white) 50%, var(--color-primary-50) 100%)}.section-header {margin-bottom:var(--spacing-8);padding:0 var(--spacing-4)}.section-header h2 {font-size:clamp(1.5rem, 5vw, 2rem);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-4)}.section-header p {font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.feature-grid {grid-template-columns:1fr;gap:var(--spacing-6);padding:0 var(--spacing-4)}.feature-card {padding:var(--spacing-6);border-radius:var(--border-radius-2xl);background:linear-gradient(145deg, var(--white) 0%, #f8fafc 100%);border:2px solid rgba(255, 255, 255, 0.3);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;position:relative;overflow:hidden}.feature-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--color-primary-500), var(--color-success-500));z-index:1}.feature-card:hover {transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0, 0, 0, 0.15)}.feature-icon {width:64px;height:64px;border-radius:var(--border-radius-xl);background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));margin-bottom:var(--spacing-4);font-size:1.75rem;box-shadow:0 8px 25px rgba(79, 70, 229, 0.3)}.feature-card h4 {font-size:var(--font-size-lg);font-weight:800;margin-bottom:var(--spacing-3)}.feature-card p {font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.stats-grid {grid-template-columns:repeat(2, 1fr);gap:var(--spacing-4);padding:0 var(--spacing-4)}.stat-item {padding:var(--spacing-4);background:rgba(255, 255, 255, 0.8);border-radius:var(--border-radius-xl);border:1px solid rgba(255, 255, 255, 0.3);backdrop-filter:blur(10px);transition:var(--transition-all)}.stat-item:hover {transform:translateY(-4px);box-shadow:0 12px 30px rgba(0, 0, 0, 0.1)}.stat-item h3 {font-size:clamp(1.5rem, 4vw, 2rem);font-weight:900;margin-bottom:var(--spacing-2);background:linear-gradient(135deg, var(--color-primary-600), var(--color-success-600));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-item p {font-size:var(--font-size-sm);font-weight:600;color:var(--color-neutral-700)}.free-trial {padding:var(--spacing-4);border-radius:var(--border-radius-xl);background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));box-shadow:0 8px 25px rgba(79, 70, 229, 0.3);font-weight:700;font-size:var(--font-size-base);position:relative;overflow:hidden}.free-trial::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:shimmer 2s infinite}@keyframes shimmer {0% {left:-100%}100% {left:100%}}.security-note {padding:var(--spacing-4);border-radius:var(--border-radius-xl);background:linear-gradient(135deg, var(--color-primary-50), rgba(255, 255, 255, 0.8));border:2px solid rgba(79, 70, 229, 0.2);font-size:var(--font-size-sm);font-weight:600;backdrop-filter:blur(10px)}.divider {margin:var(--spacing-6) 0;font-weight:600;color:var(--color-neutral-500)}.divider::before, .divider::after {border-bottom:2px solid var(--color-neutral-300)}}.text-center {text-align:center}.mb-0 {margin-bottom:0}.mb-1 {margin-bottom:0.25rem}.mb-2 {margin-bottom:0.5rem}.mb-3 {margin-bottom:0.75rem}.mb-4 {margin-bottom:1rem}.mt-4 {margin-top:1rem}.mt-5 {margin-top:3rem}.d-flex {display:flex}.align-items-center {align-items:center}.justify-content-center {justify-content:center}.gap-2 {gap:0.5rem}@media (prefers-contrast:high) {.btn-primary-google {border-width:3px;border-color:var(--color-neutral-900)}.feature-card {border-width:3px}.login-card {border-width:3px}}@media (prefers-reduced-motion:reduce) {.feature-card:hover, .btn-primary-google:hover, .btn-primary-large:hover, .btn-primary-card:hover, .stat-item:hover {transform:none}.free-trial::before {animation:none}.btn-primary-google::before, .btn-primary-large::before, .btn-primary-card::before {display:none}}