:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--accent: #3b82f6;--text-primary: #1E293B;--text-secondary: #475569;--text-tertiary: #64748B;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--border: #E2E8F0;--border-focus: #94A3B8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 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);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;position:relative;z-index:2}h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:.75rem}p{margin-bottom:1rem}.subtitle{font-size:clamp(1.125rem,3vw,1.25rem);color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;position:relative;z-index:2}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.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}header{padding:1rem 0;position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:all .3s ease}header.dashboard-header{position:relative;background-color:#fff;box-shadow:var(--shadow)}header.scrolled{background-color:#fffffffa;box-shadow:var(--shadow)}nav{display:flex;justify-content:space-between;align-items:center;height:3rem}.logo{display:flex;align-items:center;font-weight:700;font-size:1.25rem;color:var(--primary);transition:transform .3s ease}.logo:hover{transform:translateY(-1px)}.logo-image{width:32px;height:32px;margin-right:.75rem;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.05)}.nav-right{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s ease;position:relative;padding:.5rem 0}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover:after{width:100%}.nav-link-item{transition:all .3s ease}.nav-waitlist-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--success),#059669);color:#fff;font-weight:600;padding:.75rem 1.25rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.875rem;white-space:nowrap;box-shadow:var(--shadow),0 4px 12px #10b98133}.nav-try-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;font-weight:600;padding:.75rem 1.25rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.875rem;white-space:nowrap;box-shadow:var(--shadow),0 4px 12px #10b98133}.nav-try-btn:hover,.nav-waitlist-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 25px #10b98159;background:linear-gradient(135deg,#047857,var(--success))}.nav-user-menu{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:var(--text-secondary);font-weight:500}.nav-settings-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.875rem}.nav-settings-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.nav-logout-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--text-tertiary);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.875rem}.nav-logout-btn:hover{background:var(--text-secondary);transform:translateY(-1px)}.nav-btn-icon{width:16px;height:16px;transition:transform .3s ease}.nav-waitlist-btn:hover .nav-btn-icon{transform:translate(2px)}.premium-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow),0 4px 15px #667eea66;position:relative;overflow:hidden}.premium-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.premium-btn:hover:before{left:100%}.premium-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:var(--shadow-lg),0 8px 25px #667eea99;transform:translateY(-3px)}.hero{padding:8rem 0 4rem;min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#2563eb14,#3b82f614,#2563eb14)}.hero.landing-hero{padding-top:8rem}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb14,#3b82f614,#2563eb14);background-size:400% 400%;animation:gradientBG 15s ease infinite;z-index:-1}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 Q25,25 50,50 T100,50' stroke='%2360a5fa' stroke-width='0.5' fill='none' opacity='0.3'/%3E%3Cpath d='M0,30 Q25,5 50,30 T100,30' stroke='%232563eb' stroke-width='0.3' fill='none' opacity='0.2'/%3E%3Cpath d='M0,70 Q25,45 50,70 T100,70' stroke='%233b82f6' stroke-width='0.4' fill='none' opacity='0.25'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,75 Q37.5,37.5 75,75 T150,75' stroke='%2360a5fa' stroke-width='0.6' fill='none' opacity='0.2'/%3E%3Cpath d='M0,45 Q37.5,7.5 75,45 T150,45' stroke='%232563eb' stroke-width='0.4' fill='none' opacity='0.15'/%3E%3Cpath d='M0,105 Q37.5,67.5 75,105 T150,105' stroke='%233b82f6' stroke-width='0.5' fill='none' opacity='0.18'/%3E%3C/svg%3E");background-size:200px 200px,300px 300px;background-position:0 0,100px 100px;animation:curvedLinesMove 25s linear infinite,curvedLinesFloat 15s ease-in-out infinite;z-index:1;pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr;gap:3rem;position:relative;z-index:2}@media (min-width: 1024px){.hero .container{grid-template-columns:1fr 1fr;gap:2rem}}.hero-content{max-width:600px;opacity:0;transform:translateY(20px);animation:slideUp 1s cubic-bezier(.4,0,.2,1) forwards;position:relative;z-index:3}.badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-light),var(--accent));color:#fff;padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;transform:translateY(20px);opacity:0;animation:slideUp .8s cubic-bezier(.4,0,.2,1) .2s forwards;border:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:3}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.clickable-badge{position:relative;overflow:hidden}.clickable-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.clickable-badge:hover:after{left:100%}.waitlist-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;position:relative;z-index:3}@media (min-width: 640px){.waitlist-form{flex-direction:row}}.input-wrapper{flex:1;position:relative}.waitlist-form input{width:100%;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1rem;transition:all .2s ease;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.waitlist-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.waitlist-form input.error{border-color:var(--error);background-color:#ef44440d}.error-message{position:absolute;top:100%;left:0;margin-top:.5rem;color:var(--error);font-size:.875rem;font-weight:500;opacity:0;transform:translateY(-5px);transition:all .3s ease;pointer-events:none;background:#fff;padding:.5rem .75rem;border-radius:var(--radius-sm);box-shadow:var(--shadow);border:1px solid rgba(239,68,68,.2);z-index:10;white-space:nowrap}.error-message.visible{opacity:1;transform:translateY(0)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:600;padding:.875rem 1.5rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:1rem;white-space:nowrap;box-shadow:var(--shadow),0 4px 12px #2563eb33;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 25px #2563eb59;background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.btn-primary:active{transform:translateY(0)}.btn-primary:focus{animation:accessibilityPulse 1.5s ease-in-out}.btn-primary.processing{background:var(--text-tertiary);cursor:not-allowed}.btn-primary.success{background:var(--success)}.btn-icon{width:18px;height:18px;transition:transform .3s ease}.btn-primary:hover .btn-icon{transform:translate(2px)}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:3rem}.hero-demo-btn{background:linear-gradient(135deg,var(--success),#059669);box-shadow:var(--shadow),0 4px 12px #10b98133;padding:1rem 2rem;font-size:1.125rem}.hero-demo-btn:hover{background:linear-gradient(135deg,#047857,var(--success));box-shadow:var(--shadow-lg),0 8px 25px #10b98159}.cta-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0;font-weight:500}.auth-modal{max-width:480px;width:95%;margin:5% auto}.auth-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:1rem;background:none;border:none;font-family:inherit;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.auth-tab:hover{color:var(--primary)}.auth-forms{position:relative}.auth-form{display:none}.auth-form.active{display:block}.auth-input-group{margin-bottom:1.5rem}.auth-input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.auth-modal .input-wrapper{position:relative;display:flex;align-items:center}.auth-modal .input-icon{position:absolute;left:1rem;width:18px;height:18px;color:var(--text-tertiary);z-index:2}.auth-modal .input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1rem;transition:all .2s ease;background:#fff}.auth-modal .input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.google-auth-btn:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.google-icon{width:20px;height:20px}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 1rem;color:var(--text-tertiary);font-size:.875rem;font-weight:500}.auth-btn{width:100%;justify-content:center;margin-bottom:1.5rem}.auth-error{background:#ef44441a;color:var(--error);padding:1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.auth-benefits{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius);margin-top:1rem}.auth-benefits h4{margin-bottom:1rem;color:var(--text-primary);font-size:1rem}.auth-benefits ul{list-style:none;padding:0;margin:0}.auth-benefits li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.benefit-check{width:16px;height:16px;color:var(--success);flex-shrink:0}.settings-modal{max-width:600px;width:95%;margin:5% auto}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h4{margin-bottom:1rem;color:var(--text-primary);font-size:1.125rem}.settings-option{margin-bottom:1rem}.settings-option label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.settings-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.settings-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;padding:.875rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1rem}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.dashboard-section{padding:2rem 0;min-height:100vh;background:var(--bg-secondary)}.dashboard-header-section{background:#fff;border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.dashboard-welcome h1{margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.5rem);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.scan-input-section{border-top:1px solid var(--border);padding-top:2rem}.scan-history-section{margin-bottom:1.5rem}.scan-history-section label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.scan-history-dropdown{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1rem;background:#fff;transition:all .2s ease}.scan-history-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.scan-form{display:flex;gap:1rem;align-items:flex-end}@media (max-width: 768px){.scan-form{flex-direction:column;align-items:stretch}}.scan-form .input-wrapper{flex:1}.scan-input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1rem;transition:all .2s ease;background:#fff}.scan-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.scan-btn{white-space:nowrap;padding:1rem 1.5rem;font-size:1rem;font-weight:600}.scanning-progress{padding:4rem 0;background:var(--bg-secondary);min-height:60vh;display:flex;align-items:center}.animate-spin{animation:spin 2s linear infinite}.progress-card{background:#fff;border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-lg);border:1px solid var(--border);text-align:center;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);animation:shimmer 2s infinite}.progress-header{margin-bottom:2rem}.scanning-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.scan-spinner{width:40px;height:40px;color:#fff;animation:spin 2s linear infinite}.progress-header h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.progress-header p{color:var(--text-secondary);font-size:1rem;margin:0}.progress-bar-container{margin-bottom:2rem;position:relative}.progress-bar{width:100%;height:12px;background:var(--bg-tertiary);border-radius:var(--radius);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius);transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.progress-percentage{position:absolute;right:0;top:-2rem;font-weight:600;color:var(--primary);font-size:1.125rem}.scan-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem}.scan-stat{text-align:center}.scan-stat .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.scan-stat .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.scan-results{opacity:0;transform:translateY(20px);transition:all .5s ease}.scan-results.animate{opacity:1;transform:translateY(0)}.results-header{background:#fff;border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.scanned-site h2{margin-bottom:.5rem;font-size:1.5rem;color:var(--text-primary)}.scan-timestamp{color:var(--text-tertiary);font-size:.875rem;margin-bottom:2rem}.scan-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius);text-align:center;border:1px solid var(--border);transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-size:2rem;font-weight:700;color:var(--primary)}.wcag-level{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.compliance-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.875rem;justify-content:center}.compliance-badge.fail{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.2)}.compliance-badge.pass{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-icon{width:16px;height:16px}.issues-table{background:#fff;border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.table-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.table-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border);background:#fff;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.issues-list{display:flex;flex-direction:column;gap:1rem}.issue-item{display:flex;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);transition:all .3s ease;align-items:flex-start}.issue-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);background:#fff}.issue-severity{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.severity-indicator{width:12px;height:12px;border-radius:50%}.severity-indicator.high{background:var(--error)}.severity-indicator.medium{background:var(--warning)}.severity-indicator.low{background:var(--success)}.severity-text{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary)}.issue-details{flex:1}.issue-details h4{margin-bottom:.5rem;font-size:1rem;color:var(--text-primary)}.issue-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.issue-meta{display:flex;gap:1rem;flex-wrap:wrap}.wcag-code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.issue-count{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.issue-actions{display:flex;align-items:flex-start}.btn-fix{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-fix:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-fix .btn-icon{width:14px;height:14px}.upgrade-prompt{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-lg);padding:2rem;color:#fff;position:relative;overflow:hidden}.upgrade-prompt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:patternMove 30s linear infinite}.upgrade-card{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;position:relative;z-index:2}@media (max-width: 768px){.upgrade-card{grid-template-columns:1fr;text-align:center}}.upgrade-content h3{margin-bottom:1rem;font-size:1.5rem;color:#fff}.upgrade-content p{margin-bottom:1.5rem;opacity:.9;line-height:1.6}.upgrade-btn{background:#fff;color:var(--primary);font-weight:700}.upgrade-btn:hover{background:var(--bg-tertiary);color:var(--primary);transform:translateY(-2px)}.upgrade-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;opacity:.9}.feature-icon{width:16px;height:16px;color:#fff;flex-shrink:0}.benefits{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;opacity:0;transform:translateY(20px);animation:slideUp .8s cubic-bezier(.4,0,.2,1) .4s forwards;position:relative;z-index:3}.benefit{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s ease}.benefit:hover{transform:translateY(-2px);background:#fff;border-color:var(--primary-light)}.benefit-icon{width:16px;height:16px;stroke:var(--primary)}.hero-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;padding:2rem;z-index:2}.dashboard-preview{width:100%;max-width:560px;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 8px 32px #2563eb26;overflow:hidden;border:1px solid var(--border);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .3s ease;opacity:1;animation:float 6s ease-in-out infinite;position:relative}.dashboard-header{display:flex;padding:1rem;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:1rem}.url-bar{flex:1;background-color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-tertiary);border:1px solid var(--border)}.scan-btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.scan-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2563eb33}.dashboard-results{padding:1rem}.result-item{display:flex;gap:1rem;padding:1rem;border-radius:var(--radius);background-color:var(--bg-secondary);margin-bottom:1rem;transition:all .3s ease;cursor:pointer}.result-item:hover{transform:translate(4px);background-color:#fff;box-shadow:var(--shadow)}.severity{width:12px;height:12px;border-radius:50%;margin-top:.25rem}.severity.high{background-color:var(--error)}.severity.medium{background-color:var(--warning)}.severity.low{background-color:var(--success)}.issue h3{margin-bottom:.25rem;font-size:1rem}.issue p{font-size:.875rem;color:var(--text-tertiary);margin:0}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:10}.confetti{position:absolute;width:8px;height:8px;opacity:0}.confetti.active{animation:confettiFall 3s ease-out forwards}.confetti:nth-child(1){background:#ff6b6b;animation-delay:0s}.confetti:nth-child(2){background:#4ecdc4;animation-delay:.1s}.confetti:nth-child(3){background:#45b7d1;animation-delay:.2s}.confetti:nth-child(4){background:#96ceb4;animation-delay:.3s}.confetti:nth-child(5){background:#feca57;animation-delay:.4s}.confetti:nth-child(6){background:#ff9ff3;animation-delay:.5s}.confetti:nth-child(7){background:#54a0ff;animation-delay:.6s}.confetti:nth-child(8){background:#5f27cd;animation-delay:.7s}.confetti:nth-child(9){background:#00d2d3;animation-delay:.8s}.confetti:nth-child(10){background:#ff9f43;animation-delay:.9s}.confetti:nth-child(11){background:#10ac84;animation-delay:1s}.confetti:nth-child(12){background:#ee5a6f;animation-delay:1.1s}.confetti:nth-child(13){background:#0abde3;animation-delay:1.2s}.confetti:nth-child(14){background:#3742fa;animation-delay:1.3s}.confetti:nth-child(15){background:#2ed573;animation-delay:1.4s}.confetti:nth-child(16){background:#ffa502;animation-delay:.2s}.confetti:nth-child(17){background:#ff6348;animation-delay:.4s}.confetti:nth-child(18){background:#70a1ff;animation-delay:.6s}.confetti:nth-child(19){background:#7bed9f;animation-delay:.8s}.confetti:nth-child(20){background:plum;animation-delay:1s}.social-proof{padding:4rem 0;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.social-proof-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;opacity:0;transform:translateY(20px)}.social-proof-content.animate{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}.stat-item{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;line-height:1}.stat-description{color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4}.features{padding:6rem 0;background-color:var(--bg-secondary);text-align:center}.feature-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}@media (min-width: 768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;text-align:left;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border);height:100%;opacity:0;transform:translateY(20px)}.feature-card.animate{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{background:linear-gradient(135deg,var(--primary),var(--accent));width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon-svg{width:28px;height:28px;stroke:#fff}.feature-card h3{margin-bottom:1rem}.feature-card p{color:var(--text-secondary);font-size:.9375rem;margin-bottom:0;line-height:1.6}.how-it-works{padding:6rem 0;text-align:center}.steps{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{position:relative;padding:2rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);text-align:left;height:100%;opacity:0;transform:translateY(20px)}.step.animate{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}@media (min-width: 768px){.steps .step:not(:last-child):after{content:"";position:absolute;top:3rem;right:-1.5rem;width:2rem;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent))}}.step-icon{background:linear-gradient(135deg,var(--primary-light),var(--accent));width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s ease}.step:hover .step-icon{transform:scale(1.1)}.step-icon-svg{width:24px;height:24px;stroke:#fff}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:700;margin-bottom:1.5rem;font-size:1.125rem}.step h3{margin-bottom:.75rem}.step p{color:var(--text-secondary);font-size:.9375rem;margin-bottom:0;line-height:1.6}.faq{padding:6rem 0;background-color:var(--bg-secondary);text-align:center}.faq-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{background-color:var(--bg-primary);border-radius:var(--radius);padding:2rem;text-align:left;box-shadow:var(--shadow);transition:all .3s ease;opacity:0;transform:translateY(20px)}.faq-item.animate{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}.faq-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.faq-item h3{margin-bottom:1rem;font-size:1.125rem}.faq-item p{color:var(--text-secondary);font-size:.9375rem;margin-bottom:0;line-height:1.6}.final-cta{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);animation:floatingOrbs 20s ease-in-out infinite}.final-cta:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:patternMove 30s linear infinite}.cta-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;position:relative;z-index:2}@media (min-width: 1024px){.cta-content{grid-template-columns:1fr 1fr;gap:4rem}}.cta-left{text-align:left}.limited-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.3)}.cta-left h2{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.cta-subtitle{font-size:1.125rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.benefits-list{margin-bottom:2rem}.benefit-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem}.check-icon{width:20px;height:20px;stroke:#10b981;flex-shrink:0}.trust-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.8;margin-top:1rem}.trust-icon{width:16px;height:16px;stroke:#10b981}.cta-right{display:flex;align-items:center;justify-content:center}.why-join-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:2rem;border:1px solid rgba(255,255,255,.2);width:100%;max-width:400px}.why-join-card h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.perk-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.perk-icon{background:#fff3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.perk-icon-svg{width:20px;height:20px;stroke:#fff}.perk-content h4{color:#fff;margin-bottom:.5rem;font-size:1rem}.perk-content p{color:#fffc;font-size:.875rem;margin:0;line-height:1.5}.signup-steps{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.step-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffe6}.step-circle{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.step-arrow{width:16px;height:16px;stroke:#fff9}.enhanced-waitlist-form{position:relative;z-index:2}.form-container{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}@media (min-width: 640px){.form-container{flex-direction:row}}.enhanced-waitlist-form input{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:1rem 1.25rem;border-radius:var(--radius);font-size:1rem;transition:all .3s ease}.enhanced-waitlist-form input::-moz-placeholder{color:#ffffffb3}.enhanced-waitlist-form input::placeholder{color:#ffffffb3}.enhanced-waitlist-form input:focus{outline:none;border-color:#fff9;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.enhanced-btn{background:#fff;color:var(--primary);font-weight:700;padding:1rem 2rem;box-shadow:0 4px 15px #0003}.enhanced-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}footer{padding:3rem 0;background-color:var(--bg-primary);border-top:1px solid var(--border)}.footer-content{display:flex;flex-direction:column;gap:1rem}.footer-top{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width: 768px){.footer-top{grid-template-columns:1fr 2fr}}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;font-weight:700;font-size:1.25rem;color:var(--primary);margin-bottom:1rem;transition:transform .3s ease}.footer-logo:hover{transform:translateY(-2px)}.footer-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.footer-column h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-column a:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center}footer p{color:var(--text-tertiary);font-size:.875rem;margin-bottom:0}.legal-modal{max-width:800px;width:95%;margin:5% auto;max-height:80vh;overflow-y:auto}.legal-modal .modal-body{max-height:70vh;overflow-y:auto}#legal-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}#legal-content h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.125rem}#legal-content h4{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1rem}#legal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}#legal-content ul{margin:1rem 0;padding-left:1.5rem}#legal-content li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.contact-item{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.contact-item h4{color:var(--primary);margin-bottom:.5rem}.contact-item p{margin:0;font-weight:600}.faq-item{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1rem}.faq-item h4{color:var(--primary);margin-bottom:.75rem}.faq-item p{margin:0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background-color:#fff;margin:10% auto;padding:0;border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideInUp .3s ease;overflow:hidden}.modal-header{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.modal-icon{width:48px;height:48px;stroke:#fff}.modal-header h3{margin:0;font-size:1.5rem}.modal-body{padding:2rem}.close{color:#fff;float:right;font-size:28px;font-weight:700;position:absolute;top:1rem;right:1.5rem;cursor:pointer;transition:opacity .3s ease}.close:hover{opacity:.7}.modal-cta{width:100%;justify-content:center}.scan-visualization{padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}.scan-progress{background-color:var(--bg-tertiary);height:8px;border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;position:relative}.scan-bar{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease;position:relative;overflow:hidden}.scan-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.scan-percentage{position:absolute;right:0;top:-1.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.scan-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background-color:#fff;border-radius:var(--radius);border:1px solid var(--border);transition:all .3s ease}.stat:hover{transform:translateY(-2px);border-color:var(--primary-light)}.stat-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.scan-btn{position:relative;overflow:hidden}.scan-btn.scanning{background:var(--text-tertiary);pointer-events:none}.scan-btn.scanning:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes curvedLinesMove{0%{background-position:0 0,100px 100px}to{background-position:200px 200px,300px 300px}}@keyframes curvedLinesFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.05);opacity:.8}}@keyframes float{0%{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg) translateY(-15px)}to{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0)}}@keyframes accessibilityPulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes floatingOrbs{0%,to{transform:translateY(0) rotate(0);opacity:1}33%{transform:translateY(-30px) rotate(120deg);opacity:.8}66%{transform:translateY(-15px) rotate(240deg);opacity:.9}}@keyframes patternMove{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100px) translate(0) rotate(0) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(400px) translate(var(--random-x, 0)) rotate(720deg) scale(.5)}}@media (max-width: 768px){.nav-links{display:none}.nav-right{gap:1rem}.nav-user-menu{flex-direction:column;align-items:flex-end;gap:.5rem}.nav-settings-btn,.nav-logout-btn{padding:.5rem .75rem;font-size:.75rem}.hero{padding:6rem 0 3rem}.hero.landing-hero{padding-top:6rem}.benefits{flex-direction:column;align-items:flex-start;gap:1rem}.feature-grid,.faq-grid{grid-template-columns:1fr}.cta-content{grid-template-columns:1fr;gap:2rem}.why-join-card{max-width:none}.signup-steps{flex-direction:column;gap:.5rem}.step-arrow{transform:rotate(90deg)}.social-proof-content{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:1rem}.stat-number{font-size:2rem}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.settings-actions{flex-direction:column}.contact-info{grid-template-columns:1fr}}:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){.hero{background:#fff}.hero:before,.hero:after{display:none}.final-cta{background:var(--primary)}.final-cta:before,.final-cta:after{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}