#root,body,html{font-family:Arial,sans-serif;height:100%;margin:0}.container{background-color:#1e1e1e;color:#fff;display:flex;height:100vh}.left-panel{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:450px;padding:3rem}.left-panel h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.login-btn{border:none;font-size:1rem;font-weight:700;margin-bottom:3rem}.google-btn,.login-btn{background:#fff;border-radius:8px;color:#000;cursor:pointer;padding:.75rem 0}.google-btn{align-items:center;border:none;display:flex;font-weight:600;gap:12px;justify-content:center;margin-bottom:1.5rem}.google-btn img{height:20px;width:20px}.or-separator{color:#888;font-weight:600;margin:1rem 0 1.5rem;text-align:center}.input-field{border:none;border-radius:8px;font-size:1rem;font-style:italic;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.continue-btn{background-color:#5c5de9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-bottom:2rem;padding:.75rem 0}.signup-text{color:#ccc;font-size:.9rem;text-align:center}.signup-text a{color:#5c5de9;cursor:pointer;font-weight:600;text-decoration:none}.signup-text a:hover{text-decoration:underline}.right-panel{align-items:center;background-color:#2b2b2b;display:flex;flex:1 1;justify-content:center;padding:2rem}.right-panel img{max-height:90vh;max-width:100%;object-fit:contain}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slideOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 #0000,.5em 0 0 #0000}40%{color:#000;text-shadow:.25em 0 0 #0000,.5em 0 0 #0000}60%{text-shadow:.25em 0 0 #000,.5em 0 0 #0000}80%,to{text-shadow:.25em 0 0 #000,.5em 0 0 #000}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes wave{0%,60%,to{transform:none}30%{transform:translateY(-15px)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes buttonHover{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes inputFocus{0%{box-shadow:0 0 0 0 #6b46c166}to{box-shadow:0 0 0 3px #6b46c133}}@keyframes darkInputFocus{0%{box-shadow:0 0 0 0 #a3bffa66}to{box-shadow:0 0 0 3px #a3bffa33}}@keyframes inputError{0%,to{border-color:#e53e3e;transform:translateX(0)}25%{border-color:#fc8181;transform:translateX(-5px)}75%{border-color:#fc8181;transform:translateX(5px)}}@keyframes inputSuccess{0%{border-color:#e53e3e}to{border-color:#38a169}}@keyframes slideInShake{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1;transform:translateY(0)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}@keyframes successPop{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{opacity:1;transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes warningPulse{0%,to{background-color:#fed7d7;border-color:#feb2b2}50%{background-color:#fbb6ce;border-color:#f687b3}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn .6s ease-out both}.animate-slide-in-top{animation:slideInFromTop .5s ease-out both}.animate-slide-in-bottom{animation:slideInFromBottom .5s ease-out both}.animate-slide-in-left{animation:slideInFromLeft .5s ease-out both}.animate-slide-in-right{animation:slideInFromRight .5s ease-out both}.animate-scale-in{animation:fadeInScale .6s ease-out both}.animate-zoom-in{animation:zoomIn .5s ease-out both}.animate-fade-out{animation:fadeOut .3s ease-out both}.animate-slide-out-top{animation:slideOutToTop .3s ease-out both}.animate-slide-out-bottom{animation:slideOutToBottom .3s ease-out both}.animate-scale-out{animation:fadeOutScale .3s ease-out both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.5s ease-in-out infinite}.animate-button-press{animation:buttonPress .2s ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-bounce{animation:bounce 1s ease-in-out}.animate-input-error{animation:inputError .5s ease-in-out}.animate-input-success{animation:inputSuccess .3s ease-out}.animate-success-pop{animation:successPop .6s ease-out}.animate-warning-pulse{animation:warningPulse 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.duration-fast{animation-duration:.2s}.duration-normal{animation-duration:.3s}.duration-slow{animation-duration:.5s}.duration-slower{animation-duration:.8s}.duration-slowest{animation-duration:1.2s}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #6b46c14d}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hover-lift:hover,.hover-rotate:hover,.hover-scale:hover{transform:none!important}.animate-fade-in,.animate-fade-out{animation:none!important;opacity:1!important}}:root{--primary-color:#667eea;--primary-light:#8b5cf6;--primary-dark:#5b21b6;--primary-glow:linear-gradient(135deg,#667eea,#8b5cf6 50%,#f093fb);--secondary-color:#f093fb;--accent-color:#06d6a0;--accent-secondary:#ffd166;--warning-color:#ff6b6b;--error-color:#ef4444;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--text-inverse:#fff;--text-accent:#667eea;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--bg-glass:#ffffff40;--bg-overlay:#0000001a;--bg-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--bg-gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--bg-gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-focus:var(--primary-color);--border-glass:#ffffff2e;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 50px #667eea4d;--shadow-colored:0 10px 40px #667eea33;--glass-bg:#ffffff40;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px 0 #1f26875e;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-all:all var(--transition-normal);--font-family-sans:"Inter","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-tooltip:1070}.dark-mode{--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--text-inverse:#1a202c;--text-accent:#90cdf4;--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--bg-glass:#00000040;--bg-overlay:#ffffff1a;--border-light:#4a5568;--border-medium:#718096;--border-glass:#ffffff1a;--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--shadow-glow:0 0 50px #667eea66;--shadow-colored:0 10px 40px #667eea4d;--glass-bg:#00000040;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #00000080}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#fff;background-color:var(--bg-primary);color:#1a202c;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-sans);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}.landing-container{min-height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.dark-mode .landing-header{background:#ffffff40;background:var(--glass-bg);border-bottom-color:#ffffff2e;border-bottom-color:var(--glass-border)}.landing-nav a:hover{background-color:#edf2f7;background-color:var(--bg-tertiary);color:#667eea;color:var(--primary-color)}.landing-nav a:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal);width:100%}.landing-nav a:hover:after{transform:translateX(-50%) scaleX(1)}.login-link,.signup-btn,.theme-toggle{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);box-sizing:border-box;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;height:44px;justify-content:center;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.signup-btn{padding:0 2rem;padding:0 var(--spacing-xl)}.signup-btn:hover{color:#fff;color:var(--text-inverse)}@media (max-width:768px){.header-content{align-items:center;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.logo-section{justify-content:center;min-width:auto;order:0}.landing-nav{flex-wrap:wrap;margin:0;order:2;width:100%}.header-actions,.landing-nav{gap:1.5rem;gap:var(--spacing-lg);justify-content:center}.header-actions{height:44px;min-width:auto;order:1;width:auto}.login-link,.signup-btn{min-width:120px;padding:0 1.5rem;padding:0 var(--spacing-lg)}}@media (max-width:480px){.header-actions{flex-wrap:nowrap;gap:1rem;gap:var(--spacing-md)}.login-link,.signup-btn{font-size:.875rem;font-size:var(--font-size-sm);min-width:100px;padding:0 1rem;padding:0 var(--spacing-md)}.theme-toggle{font-size:1rem;font-size:var(--font-size-base);height:40px;width:40px}.header-actions,.login-link,.signup-btn{height:40px}}.login-link:focus,.signup-btn:focus,.theme-toggle:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px;z-index:1}.login-link,.signup-btn{text-align:center;vertical-align:middle}.header-actions *{line-height:1}.theme-toggle{align-items:center;border-radius:1rem;border-radius:var(--radius-xl);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:44px;justify-content:center;padding:.5rem;padding:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.theme-toggle:hover{background:#667eea1a;border-color:#667eea;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.05)}.login-link{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;justify-content:center;min-width:70px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.login-link:hover{background-color:#edf2f7;background-color:var(--bg-tertiary);border-color:#cbd5e0;border-color:var(--border-medium);color:#667eea;color:var(--primary-color)}.signup-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;justify-content:center;min-width:140px;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl);text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all);white-space:nowrap}.signup-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-section{align-items:center;background:#fff;background:var(--bg-primary);display:flex;min-height:100vh;overflow:hidden;padding:calc(100px + 5rem) 1.5rem 5rem;padding:calc(100px + var(--spacing-4xl)) var(--spacing-lg) var(--spacing-4xl);position:relative}.hero-section:before{animation:gradientShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 60% 50%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-section:after{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#667eea1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}.hero-content{grid-gap:4rem;grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:4rem;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;max-width:1200px;min-height:60vh}.hero-text{animation:slideInFromLeft .8s ease-out}.hero-title{animation:slideInUp 1s ease-out;color:#1a202c;font-size:3.75rem;font-size:var(--font-size-6xl);letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-shadow:0 2px 4px #0000001a}.gradient-text{animation:gradientShift 3s ease-in-out infinite;color:#0000;display:inline-block;position:relative}.gradient-text,.gradient-text:after{background:linear-gradient(135deg,#667eea,#8b5cf6 50%,#f093fb);background:var(--primary-glow)}.gradient-text:after{animation:pulseGlow 2s ease-in-out infinite;bottom:0;content:"";filter:blur(20px);left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.hero-description{color:#4a5568;font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-xl)}.hero-stats{display:flex;gap:2rem;gap:var(--spacing-xl);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.stat-item{text-align:center}.stat-number{color:#667eea;font-size:1.5rem;font-size:var(--font-size-2xl)}.stat-label{color:#718096;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.hero-actions{gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.cta-primary,.cta-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 40px #667eea33;box-shadow:var(--shadow-colored);display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--spacing-sm);overflow:hidden;padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient-primary);color:#fff;color:var(--text-inverse);text-shadow:0 1px 2px #0000001a}.cta-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{box-shadow:0 0 50px #667eea4d,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-glow),var(--shadow-xl);transform:translateY(-3px) scale(1.02)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;background:var(--glass-bg);border:2px solid #667eea;border:2px solid var(--primary-color);color:#667eea;color:var(--primary-color)}.cta-secondary:hover{background:#667eea;background:var(--primary-color);box-shadow:0 10px 40px #667eea33;box-shadow:var(--shadow-colored);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.cta-primary.large,.cta-secondary.large{font-size:1.125rem;font-size:var(--font-size-lg);padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl)}.trust-indicators{color:#718096;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1.5rem;gap:var(--spacing-lg)}.trust-indicators span{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.hero-visual{align-items:center;animation:slideInFromRight .8s ease-out;display:flex;justify-content:center}.security-dashboard{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);margin:0 auto;max-width:450px;padding:3rem;padding:var(--spacing-2xl);position:relative;width:100%;z-index:2}.security-dashboard:before{animation:pulseGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#8b5cf6 50%,#f093fb);background:var(--primary-glow);border-radius:1.5rem;border-radius:var(--radius-2xl);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.dashboard-header{align-items:center;border-bottom:1px solid #ffffff2e;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.dashboard-title{color:#1a202c;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;text-shadow:0 1px 2px #0000001a}.dashboard-status{animation:statusPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid #10b9814d;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #10b98133;color:#10b981;color:var(--success-color);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.security-metric{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0}.metric-label{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.metric-value{color:#1a202c;color:var(--text-primary);font-weight:600}.metric-value.success{color:#06d6a0;color:var(--accent-color)}.progress-bar{background-color:#edf2f7;background-color:var(--bg-tertiary);height:8px;margin-top:1rem;margin-top:var(--spacing-md);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{animation:progressFill 2s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:100%;width:85%}.stats-section{background:linear-gradient(135deg,#f7fafc,#fff);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);overflow:hidden;padding:5rem 1.5rem;padding:var(--spacing-4xl) var(--spacing-lg);position:relative}.stats-section:before{background:radial-gradient(circle at 10% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 90% 80%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.stats-grid{position:relative;z-index:2}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);cursor:pointer;padding:3rem;padding:var(--spacing-2xl);transition:var(--transition-all)}.stat-card:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000)}.stat-card:hover{border-color:#667eea4d;box-shadow:0 0 50px #667eea4d,0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glow),var(--glass-shadow);transform:translateY(-8px) scale(1.02)}.stat-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.stat-card:first-child .stat-icon{animation-delay:0s}.stat-card:nth-child(2) .stat-icon{animation-delay:.5s}.stat-card:nth-child(3) .stat-icon{animation-delay:1s}.stat-card:nth-child(4) .stat-icon{animation-delay:1.5s}.stat-card .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#8b5cf6 50%,#f093fb);background:var(--primary-glow);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #667eea4d}.stat-card .stat-label{color:#4a5568;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);font-weight:500}.features-section{background:#fff;background:var(--bg-primary);overflow:hidden;padding:5rem 1.5rem;padding:var(--spacing-4xl) var(--spacing-lg);position:relative}.features-section:before{background:radial-gradient(circle at 70% 30%,#8b5cf614 0,#0000 50%),radial-gradient(circle at 30% 70%,#667eea14 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.how-it-works-section{background:linear-gradient(135deg,#fff,#f7fafc);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:5rem 1.5rem;padding:var(--spacing-4xl) var(--spacing-lg);position:relative}.how-it-works-section:before{background:radial-gradient(circle at 20% 20%,#f093fb1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#667eea1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.section-header{margin-bottom:4rem;margin-bottom:var(--spacing-3xl);max-width:600px}.section-header h2{color:#1a202c;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.section-header p{color:#4a5568;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6}.features-grid{grid-gap:3rem;grid-gap:var(--spacing-2xl);display:grid;gap:3rem;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);cursor:pointer;overflow:hidden;padding:3rem;padding:var(--spacing-2xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.feature-card:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{animation:cardHover .3s ease-out forwards;border-color:#667eea4d;box-shadow:0 0 50px #667eea4d,0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glow),var(--glass-shadow)}.feature-icon{animation:float 4s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3));font-size:3rem;font-size:var(--font-size-5xl);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.feature-card:nth-child(2) .feature-icon{animation-delay:1s}.feature-card:nth-child(3) .feature-icon{animation-delay:2s}.feature-card h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;text-shadow:0 1px 2px #0000001a}.feature-card h3,.feature-card p{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.feature-card p{color:#4a5568;color:var(--text-secondary);line-height:1.6}.feature-benefits{list-style:none;padding:0}.feature-benefits li{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.feature-benefits li:before{color:#06d6a0;color:var(--accent-color);content:"✓";font-weight:700;margin-right:.5rem;margin-right:var(--spacing-sm)}.how-it-works-section{background:#f7fafc;background:var(--bg-secondary);padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.steps-container{grid-gap:3rem;grid-gap:var(--spacing-2xl);display:grid;gap:3rem;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;position:relative}.step{padding-top:3rem;padding-top:var(--spacing-2xl);position:relative;text-align:center}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:var(--text-inverse);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;height:60px;left:50%;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);position:absolute;top:0;transform:translateX(-50%);width:60px;z-index:2}.step-content{padding-top:1.5rem;padding-top:var(--spacing-lg);position:relative;z-index:1}.step-content h3{color:#1a202c;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.step-content p{color:#4a5568;color:var(--text-secondary);line-height:1.6;margin:0}.step-connector{display:none}.testimonials-section{background:#fff;background:var(--bg-primary);padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.testimonials-container{margin:0 auto;max-width:800px;text-align:center}.testimonial-card{background:#f7fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--spacing-2xl)}.testimonial-card,.testimonial-content{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.testimonial-text{color:#1a202c;color:var(--text-primary);font-style:italic;line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.testimonial-rating,.testimonial-text{font-size:1.125rem;font-size:var(--font-size-lg)}.testimonial-author{display:flex;justify-content:center}.author-name{color:#1a202c;color:var(--text-primary);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.author-role{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.testimonial-indicators{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.indicator{background:#cbd5e0;background:var(--border-medium);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all);width:12px}.indicator.active{background:#667eea;background:var(--primary-color)}.indicator:hover{background:#8b5cf6;background:var(--primary-light);transform:scale(1.2)}.community-container{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.community-card{background:#f7fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;padding:3rem;padding:var(--spacing-2xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.community-card:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.community-card:hover:before{left:100%}.community-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.community-icon{display:block;font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.community-card h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.community-card p{color:#4a5568;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.community-cta{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);display:inline-block;font-weight:600;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.community-cta,.community-cta:hover{color:#fff;color:var(--text-inverse)}.community-cta:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-section{background:#f7fafc;background:var(--bg-secondary);padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.pricing-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:3rem;padding:var(--spacing-2xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.pricing-card.popular{border-color:#667eea;border-color:var(--primary-color);transform:scale(1.05)}.pricing-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-inverse);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);position:absolute;right:1rem;right:var(--spacing-md);text-transform:uppercase;top:1rem;top:var(--spacing-md)}.pricing-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.pricing-header h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.price,.pricing-header h3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.price-amount{color:#667eea;color:var(--primary-color);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800}.price-period{font-size:1rem;font-size:var(--font-size-base);font-weight:500}.price-period,.pricing-description{color:#4a5568;color:var(--text-secondary)}.pricing-description{font-size:.875rem;font-size:var(--font-size-sm)}.pricing-features{list-style:none;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.pricing-features li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#4a5568;color:var(--text-secondary);padding:.5rem 0;padding:var(--spacing-sm) 0}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{color:#06d6a0;color:var(--accent-color);content:"✓";font-weight:700;margin-right:1rem;margin-right:var(--spacing-md)}.pricing-cta{border:2px solid #667eea;border:2px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);display:block;font-weight:600;padding:1rem;padding:var(--spacing-md);text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all);width:100%}.pricing-cta.primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;color:var(--text-inverse)}.pricing-cta.secondary{background:#0000;color:#667eea;color:var(--primary-color)}.pricing-cta:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-cta.secondary:hover{background:#667eea;background:var(--primary-color);color:#fff;color:var(--text-inverse)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;color:var(--text-inverse);padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.cta-content h2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cta-content p{opacity:.9}.cta-actions{gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.cta-section .cta-primary{background:#fff;background:var(--text-inverse);border-color:#fff;border-color:var(--text-inverse);color:#667eea;color:var(--primary-color)}.cta-section .cta-secondary{border-color:#fff;border-color:var(--text-inverse);color:#fff;color:var(--text-inverse)}.cta-guarantee{display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:2rem;gap:var(--spacing-xl);justify-content:center;opacity:.9}.landing-footer{padding:4rem 1.5rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg)}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 2rem;margin-bottom:var(--spacing-xl)}.footer-section ul li a{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.footer-brand{gap:.5rem;gap:var(--spacing-sm)}.footer-brand-name{font-size:1.125rem;font-size:var(--font-size-lg)}.footer-bottom{padding-top:1.5rem;padding-top:var(--spacing-lg)}.footer-social a:hover{transform:scale(1.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progressFill{0%{width:0}to{width:85%}}@keyframes backgroundBlur{0%{filter:blur(0) brightness(1)}to{filter:blur(5px) brightness(.9)}}@keyframes darkBackgroundBlur{0%{filter:blur(0) brightness(1)}to{filter:blur(5px) brightness(.7)}}@keyframes themeTransition{0%{opacity:.8}50%{opacity:.9}to{opacity:1}}.animate-on-scroll{transform:translateY(50px) scale(.95)}.animate-on-scroll.visible{transform:translateY(0) scale(1)}.features-grid .feature-card{animation:slideInStagger .8s ease-out forwards}.features-grid .feature-card:first-child{animation-delay:.1s}.features-grid .feature-card:nth-child(2){animation-delay:.2s}.features-grid .feature-card:nth-child(3){animation-delay:.3s}.stats-grid .stat-card{animation:slideInStagger .8s ease-out forwards}.stats-grid .stat-card:first-child{animation-delay:.1s}.stats-grid .stat-card:nth-child(2){animation-delay:.2s}.stats-grid .stat-card:nth-child(3){animation-delay:.3s}.stats-grid .stat-card:nth-child(4){animation-delay:.4s}.steps-container .step{animation:slideInStagger .8s ease-out forwards}.steps-container .step:first-child{animation-delay:.1s}.steps-container .step:nth-child(2){animation-delay:.2s}.steps-container .step:nth-child(3){animation-delay:.3s}.steps-container .step:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.header-content{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.landing-nav{gap:1.5rem;gap:var(--spacing-lg)}.hero-content{gap:3rem;gap:var(--spacing-2xl)}}@media (max-width:768px){.header-content{flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.logo-section{justify-content:center;min-width:auto}.landing-nav{flex-wrap:wrap;margin:0;order:2}.header-actions,.landing-nav{gap:1.5rem;gap:var(--spacing-lg);justify-content:center;width:100%}.header-actions{min-width:auto;order:1}.login-link,.signup-btn{min-width:120px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.hero-section{min-height:auto;padding:calc(120px + 3rem) 1rem 3rem;padding:calc(120px + var(--spacing-2xl)) var(--spacing-md) var(--spacing-2xl)}.hero-content{gap:3rem;gap:var(--spacing-2xl);grid-template-columns:1fr;min-height:auto;padding:2rem 0;padding:var(--spacing-xl) 0;text-align:center}.hero-title{font-size:2.25rem;font-size:var(--font-size-4xl)}.hero-stats{flex-wrap:wrap;justify-content:center}.hero-actions,.hero-stats{gap:1.5rem;gap:var(--spacing-lg)}.hero-actions{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{justify-content:center;max-width:300px;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);width:100%}.trust-indicators{align-items:center;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.community-container,.features-grid,.pricing-grid{gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr}.stats-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.steps-container{gap:4rem;gap:var(--spacing-3xl);grid-template-columns:1fr}.step{margin:0 auto;max-width:400px;padding-top:4rem;padding-top:var(--spacing-3xl)}.step-number{font-size:1.125rem;font-size:var(--font-size-lg);height:60px;width:60px}.cta-actions{align-items:center;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.cta-guarantee{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.footer-bottom{flex-direction:column;gap:1rem;gap:var(--spacing-md);text-align:center}.section-header h2{font-size:1.875rem;font-size:var(--font-size-3xl)}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-5px)}.security-dashboard{max-width:350px;padding:1.5rem;padding:var(--spacing-lg)}.feature-card,.stat-card,.step{padding:2rem;padding:var(--spacing-xl)}}@media (max-width:480px){.header-content{gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.logo-section{gap:.5rem;gap:var(--spacing-sm)}.brand-name{font-size:1.125rem;font-size:var(--font-size-lg)}.brand-tagline{display:none}.landing-nav{gap:1rem;gap:var(--spacing-md)}.landing-nav a{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.header-actions{gap:1rem;gap:var(--spacing-md)}.login-link,.signup-btn{font-size:.875rem;font-size:var(--font-size-sm);min-width:100px;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.theme-toggle{font-size:1rem;font-size:var(--font-size-base);height:36px;width:36px}.hero-section{padding:calc(60px + 2rem) 1rem 2rem;padding:calc(60px + var(--spacing-xl)) var(--spacing-md) var(--spacing-xl)}.hero-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr}.section-header h2{font-size:1.5rem;font-size:var(--font-size-2xl)}.steps-container{gap:3rem;gap:var(--spacing-2xl)}.step{padding-top:2rem;padding-top:var(--spacing-xl)}.step-number{font-size:1.125rem;font-size:var(--font-size-lg);height:50px;width:50px}.step-content{padding-top:1rem;padding-top:var(--spacing-md)}.step-content h3{font-size:1rem;font-size:var(--font-size-base)}.step-content p{font-size:.875rem;font-size:var(--font-size-sm)}.features-grid,.pricing-grid{gap:1.5rem;gap:var(--spacing-lg)}.feature-card,.pricing-card{padding:1.5rem;padding:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-on-scroll{opacity:1!important;transform:none!important}}a:focus,button:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.cta-primary,.cta-secondary,.login-link,.signup-btn,button{min-height:44px;min-width:44px}.cta-section{background:#edf2f7;background:var(--bg-tertiary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);color:#1a202c;color:var(--text-primary);overflow:hidden;padding:5rem 1.5rem;padding:var(--spacing-4xl) var(--spacing-lg);position:relative;text-align:center}.dark-mode .cta-section{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff}.cta-section:before{background:radial-gradient(circle at 20% 30%,#667eea14 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf614 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.cta-content h2{color:#1a202c;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px #0000001a}.dark-mode .cta-content h2{color:#fff}.cta-content p{color:#4a5568;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.dark-mode .cta-content p{color:#e2e8f0}.cta-actions{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:center}.cta-section .cta-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 40px #667eea33;box-shadow:var(--shadow-colored);color:#fff;color:var(--text-inverse);display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;justify-content:center;padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all);width:200px}.cta-section .cta-primary:hover{box-shadow:0 0 50px #667eea4d,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-glow),var(--shadow-xl);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.cta-section .cta-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #667eea;border:2px solid var(--primary-color);border-radius:1rem;border-radius:var(--radius-xl);color:#667eea;color:var(--primary-color);display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;justify-content:center;padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all);width:200px}.dark-mode .cta-section .cta-secondary{border-color:#fff;color:#fff}.cta-section .cta-secondary:hover{background:#667eea;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.dark-mode .cta-section .cta-secondary:hover{background:#fff;color:#1a202c}.landing-footer{padding:5rem 1.5rem 2rem;padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-xl)}.footer-content{grid-gap:4rem;grid-gap:var(--spacing-3xl);gap:4rem;gap:var(--spacing-3xl);margin:0 auto 3rem;margin-bottom:var(--spacing-2xl)}.footer-section h4{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.footer-section ul li a{font-size:1rem;font-size:var(--font-size-base)}.dark-mode .footer-section ul li a{color:#94a3b8}.footer-section ul li a:hover{color:#667eea;color:var(--primary-color)}.dark-mode .footer-section ul li a:hover{color:#667eea}.footer-brand{gap:1.5rem;gap:var(--spacing-lg)}.footer-brand-name{font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.footer-brand p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;max-width:400px}.dark-mode .footer-brand p{color:#64748b}.footer-bottom{padding-top:2rem;padding-top:var(--spacing-xl)}.dark-mode .footer-bottom{border-top-color:#1e293b}.footer-bottom p{font-size:.875rem;font-size:var(--font-size-sm)}.dark-mode .footer-bottom p{color:#64748b}.footer-social{gap:1.5rem;gap:var(--spacing-lg)}.footer-social a{font-size:1.25rem;font-size:var(--font-size-xl);padding:.5rem;padding:var(--spacing-sm)}.dark-mode .footer-social a{color:#94a3b8}.footer-social a:hover{background:#0000001a;background:var(--bg-overlay);color:#667eea;color:var(--primary-color);transform:scale(1.1)}.dark-mode .footer-social a:hover{background:#667eea1a;color:#667eea}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;background:var(--glass-bg);border-bottom:1px solid #ffffff2e;border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all);z-index:1020;z-index:var(--z-sticky)}.header-content,.landing-header{padding:.25rem 2rem;padding:var(--spacing-xs) var(--spacing-xl)}.header-content{gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{flex-shrink:0;gap:1rem;gap:var(--spacing-md);min-width:200px}.brand-name{color:#667eea;color:var(--primary-color);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;letter-spacing:2px}.brand-tagline{color:#718096;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:1px;text-transform:uppercase}.landing-nav{align-items:center;display:flex;flex:1 1;gap:2rem;gap:var(--spacing-xl);justify-content:center;margin:0 1.5rem;margin:0 var(--spacing-lg)}.landing-nav a{border-radius:.5rem;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.header-actions{flex-shrink:0;gap:1.5rem;gap:var(--spacing-lg);justify-content:flex-end;min-width:250px}.header-actions,.login-link,.theme-toggle{align-items:center;display:flex;height:44px}.login-link,.theme-toggle{border-radius:.5rem;border-radius:var(--radius-md);box-sizing:border-box;font-size:1rem;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;padding:0;width:44px}.login-link{background:#0000;border:1px solid #0000;min-width:80px;padding:0 1.5rem;padding:0 var(--spacing-lg);white-space:nowrap}.landing-footer,.login-link{color:#4a5568;color:var(--text-secondary)}.landing-footer{background:#edf2f7;background:var(--bg-tertiary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:3rem 1.5rem 1.5rem;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.dark-mode .landing-footer{background:#0f172a;border-top-color:#1e293b;color:#94a3b8}.footer-content{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:2fr 1fr 1fr;margin:0 auto 1.5rem;margin-bottom:var(--spacing-lg);max-width:1200px}.footer-section h4{color:#1a202c;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.dark-mode .footer-section h4{color:#f1f5f9}.footer-section ul li{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.footer-brand{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.footer-brand-name{color:#667eea;color:var(--primary-color);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.footer-brand p{color:#718096;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);line-height:1.5;max-width:350px}.footer-bottom{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:1rem;padding-top:var(--spacing-md)}.footer-bottom p{color:#718096;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.footer-social{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.footer-social a{border-radius:.5rem;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);padding:.25rem;padding:var(--spacing-xs);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}@media (max-width:768px){.header-content{align-items:center;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.logo-section{justify-content:center;min-width:auto;order:0}.landing-nav{flex-wrap:wrap;margin:0;order:2;width:100%}.header-actions,.landing-nav{gap:1.5rem;gap:var(--spacing-lg);justify-content:center}.header-actions{height:44px;min-width:auto;order:1;width:auto}.login-link{min-width:120px;padding:0 1.5rem;padding:0 var(--spacing-lg)}.footer-content{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.cta-section{padding:3rem 1rem;padding:var(--spacing-2xl) var(--spacing-md)}.footer-content{gap:2rem;gap:var(--spacing-xl)}.footer-brand p{max-width:none}}.legal-page-container{--legal-primary-color:#6b46c1;--legal-primary-light:#8a63d2;--legal-primary-dark:#553c9a;--legal-secondary-color:#e0e0e0;--legal-text-primary:#1f2937;--legal-text-secondary:#4b5563;--legal-bg-primary:#f8fafc;--legal-bg-secondary:#fff;--legal-shadow-light:0 2px 10px #0000001a;--legal-shadow-medium:0 4px 20px #00000026;--legal-shadow-heavy:0 8px 30px #0003;--legal-border-radius:12px;--legal-border-radius-small:8px;--legal-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--legal-success-color:#28a745;--legal-warning-color:#ffc107;--legal-danger-color:#dc3545;--legal-info-color:#17a2b8}.legal-page-container.dark-mode{--legal-text-primary:#f9fafb;--legal-text-secondary:#d1d5db;--legal-bg-primary:#111827;--legal-bg-secondary:#1f2937;--legal-shadow-light:0 2px 10px #0000004d;--legal-shadow-medium:0 4px 20px #0006;--legal-shadow-heavy:0 8px 30px #00000080;--legal-success-color:#66bb6a;--legal-warning-color:#ffca28;--legal-danger-color:#ef5350;--legal-info-color:#29b6f6}.legal-page-container{background:var(--legal-bg-primary);color:var(--legal-text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.legal-page-container .legal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--legal-bg-secondary);border-bottom:1px solid var(--legal-secondary-color);box-shadow:var(--legal-shadow-light);display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.legal-page-container.dark-mode .legal-header{border-bottom:1px solid #374151}.legal-page-container .header-content{align-items:center;display:flex;justify-content:space-between;margin:0;max-width:none;padding:0;width:100%}.legal-page-container .logo-section{align-items:center;display:flex;gap:15px}.legal-page-container .brand-tagline{color:var(--legal-text-secondary);font-size:.9em;font-weight:500}.legal-page-container .legal-nav{background:var(--legal-bg-primary);border-radius:var(--legal-border-radius);box-shadow:var(--legal-shadow-light);display:flex;gap:30px;padding:12px 24px}.legal-page-container .legal-nav a{border-radius:var(--legal-border-radius-small);color:var(--legal-text-secondary);font-size:1.1em;font-weight:500;padding:10px 18px;text-decoration:none;transition:var(--legal-transition)}.legal-page-container .legal-nav a:hover{background:var(--legal-primary-light);color:#fff;transform:translateY(-2px)}.legal-page-container .legal-nav a.active{background:var(--legal-primary-color);color:#fff;font-weight:600}.legal-page-container .user-info{align-items:center;display:flex;gap:20px}.legal-page-container .user-profile{align-items:center;display:flex;gap:12px}.legal-page-container .user-avatar{align-items:center;background:linear-gradient(135deg,var(--legal-primary-color),var(--legal-primary-light));border-radius:50%;box-shadow:var(--legal-shadow-light);color:#fff;display:flex;font-size:1.1em;font-weight:700;height:40px;justify-content:center;transition:var(--legal-transition);width:40px}.legal-page-container .user-avatar:hover{transform:scale(1.05)}.legal-page-container .user-details{display:flex;flex-direction:column}.legal-page-container .user-greeting{color:var(--legal-text-secondary);font-size:.9em}.legal-page-container .user-name{color:var(--legal-text-primary);font-size:1em;font-weight:600}.legal-page-container .logout-btn,.legal-page-container .theme-toggle{background:none;border:2px solid var(--legal-primary-color);border-radius:var(--legal-border-radius-small);color:var(--legal-primary-color);cursor:pointer;font-size:1em;font-weight:500;padding:10px 18px;transition:var(--legal-transition)}.legal-page-container .logout-btn:hover,.legal-page-container .theme-toggle:hover{background:var(--legal-primary-color);color:#fff;transform:translateY(-2px)}.legal-page-container .theme-icon{font-size:1.2em}.legal-page-container .legal-content{background:var(--legal-bg-primary);flex:1 1;padding:60px 40px}.legal-page-container .legal-container{background:var(--legal-bg-secondary);border-radius:var(--legal-border-radius);box-shadow:var(--legal-shadow-medium);margin:0 auto;max-width:900px;overflow:hidden}.legal-page-container .legal-header-section{background:linear-gradient(135deg,var(--legal-primary-color),var(--legal-primary-light));color:#fff;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.legal-page-container .legal-header-section:before{background:radial-gradient(circle at 30% 70%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.legal-page-container .legal-header-section h1{font-size:3em;font-weight:700;margin:0 0 15px;position:relative;z-index:2}.legal-page-container .last-updated{font-size:1.1em;margin:0;opacity:.9;position:relative;z-index:2}.legal-page-container .legal-body{padding:50px 40px}.legal-page-container .legal-section{border-bottom:1px solid var(--legal-secondary-color);margin-bottom:40px;padding-bottom:30px}.legal-page-container.dark-mode .legal-section{border-bottom-color:#374151}.legal-page-container .legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-page-container .legal-section h2{align-items:center;color:var(--legal-text-primary);display:flex;font-size:1.8em;font-weight:600;gap:10px;margin:0 0 20px}.legal-page-container .legal-section h3{color:var(--legal-text-primary);font-size:1.4em;font-weight:600;margin:25px 0 15px}.legal-page-container .legal-section p{color:var(--legal-text-primary);font-size:1.1em;line-height:1.7;margin-bottom:15px}.legal-page-container .legal-section ul{margin:15px 0;padding-left:25px}.legal-page-container .legal-section li{color:var(--legal-text-primary);font-size:1.1em;line-height:1.6;margin-bottom:8px}.legal-page-container .legal-section li strong{color:var(--legal-text-primary);font-weight:600}.legal-page-container .contact-info{background:var(--legal-bg-primary);border-left:4px solid var(--legal-primary-color);border-radius:var(--legal-border-radius-small);margin:20px 0;padding:20px}.legal-page-container .contact-info p{font-size:1em;margin:8px 0}.legal-page-container .contact-info strong{color:var(--legal-text-primary)}.legal-page-container .highlight-box{background:linear-gradient(135deg,#6b46c11a,#8a63d20d);border:1px solid var(--legal-primary-color);border-radius:var(--legal-border-radius-small);margin:20px 0;padding:20px;position:relative}.legal-page-container.dark-mode .highlight-box{background:linear-gradient(135deg,#6b46c133,#8a63d21a)}.legal-page-container .highlight-box:before{content:"💡";font-size:1.5em;left:15px;position:absolute;top:15px}.legal-page-container .highlight-box p{margin-bottom:0;margin-left:35px}.legal-page-container .legal-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;color:#1f2937;font-size:.9em;padding:30px 20px;text-align:center}.legal-page-container.dark-mode .legal-footer{background:#1f2937;border-top:1px solid #374151;color:#f9fafb}.legal-page-container .footer-content{margin:0 auto;max-width:1200px}.legal-page-container .footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:15px}.legal-page-container .footer-links a{border-radius:6px;color:#1f2937;font-weight:500;padding:8px 16px;text-decoration:none;transition:var(--legal-transition)}.legal-page-container.dark-mode .footer-links a{color:#f9fafb}.legal-page-container .footer-links a:hover{background:#f3f4f6;color:#6b46c1;text-decoration:none}.legal-page-container.dark-mode .footer-links a:hover{background:#6b46c126;color:#8a63d2}.legal-page-container .fade-in{animation:legal-fadeIn .8s ease-out}@keyframes legal-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.legal-page-container .legal-content{padding:40px 20px}.legal-page-container .legal-body,.legal-page-container .legal-header-section{padding:40px 30px}}@media (max-width:768px){.legal-page-container .legal-header{flex-direction:column;gap:15px;padding:15px 20px}.legal-page-container .legal-nav{flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 16px;width:100%}.legal-page-container .legal-nav a{font-size:.9rem;padding:8px 12px}.legal-page-container .user-info{justify-content:space-between;width:100%}.legal-page-container .legal-header-section h1{font-size:2.2em}.legal-page-container .legal-content{padding:30px 15px}.legal-page-container .legal-body,.legal-page-container .legal-header-section{padding:30px 20px}.legal-page-container .legal-section h2{font-size:1.5em}.legal-page-container .legal-section h3{font-size:1.2em}.legal-page-container .footer-links{flex-direction:column;gap:10px}}@media (max-width:480px){.legal-page-container .legal-header-section h1{font-size:1.8em}.legal-page-container .last-updated,.legal-page-container .legal-section li,.legal-page-container .legal-section p{font-size:1em}.legal-page-container .contact-info,.legal-page-container .highlight-box{padding:15px}.legal-page-container .highlight-box p{margin-left:30px}}@media print{.legal-page-container .legal-footer,.legal-page-container .legal-header{display:none}.legal-page-container{background:#fff;color:#000}.legal-page-container .legal-container{border:1px solid #ccc;box-shadow:none}.legal-page-container .legal-header-section{background:#f8f9fa;color:#000}}.signup-page{--signup-primary-color:#667eea;--signup-primary-light:#8b5cf6;--signup-primary-dark:#5b21b6;--signup-primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--signup-text-primary:#111827;--signup-text-secondary:#374151;--signup-text-muted:#6b7280;--signup-text-inverse:#fff;--signup-bg-primary:#fff;--signup-bg-secondary:#f9fafb;--signup-bg-tertiary:#f3f4f6;--signup-bg-glass:#fffc;--signup-bg-overlay:#0000000d;--signup-border-light:#d1d5db;--signup-border-medium:#9ca3af;--signup-border-focus:#667eea;--signup-border-glass:#ffffff4d;--signup-shadow-sm:0 1px 2px 0 #0000000d;--signup-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--signup-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--signup-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--signup-shadow-glass:0 8px 32px 0 #1f268726;--signup-transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--signup-transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--signup-transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--signup-spacing-xs:0.25rem;--signup-spacing-sm:0.5rem;--signup-spacing-md:1rem;--signup-spacing-lg:1.5rem;--signup-spacing-xl:2rem;--signup-spacing-2xl:3rem;--signup-spacing-3xl:4rem;--signup-radius-sm:0.375rem;--signup-radius-md:0.5rem;--signup-radius-lg:0.75rem;--signup-radius-xl:1rem;--signup-radius-2xl:1.5rem}.signup-page.dark-mode{--signup-text-primary:#fff;--signup-text-secondary:#f3f4f6;--signup-text-muted:#d1d5db;--signup-text-inverse:#111827;--signup-bg-primary:#111827;--signup-bg-secondary:#1f2937;--signup-bg-tertiary:#374151;--signup-bg-glass:#1f2937cc;--signup-bg-overlay:#ffffff0d;--signup-border-light:#374151;--signup-border-medium:#6b7280;--signup-border-focus:#fff;--signup-border-glass:#ffffff1a;--signup-shadow-sm:0 1px 2px 0 #0000004d;--signup-shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--signup-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--signup-shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--signup-shadow-glass:0 8px 32px 0 #0000004d}.signup-page *{box-sizing:border-box}.signup-page{background:var(--signup-bg-primary);color:var(--signup-text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;transition:var(--signup-transition-normal)}.signup-page:before{animation:signup-gradientShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#667eea1f 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61f 0,#0000 50%),radial-gradient(circle at 60% 50%,#f093fb14 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}@keyframes signup-gradientShift{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.signup-page .signup-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.signup-page .signup-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--signup-bg-glass);border-bottom:1px solid var(--signup-border-glass);box-shadow:var(--signup-shadow-sm);display:flex;justify-content:space-between;padding:var(--signup-spacing-lg) var(--signup-spacing-xl)}.signup-page .logo{align-items:center;color:var(--signup-primary-color);display:flex;font-size:1.5rem;font-weight:700;gap:var(--signup-spacing-md);text-decoration:none}.signup-page .theme-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--signup-bg-glass);border:1px solid var(--signup-border-glass);border-radius:var(--signup-radius-lg);box-shadow:var(--signup-shadow-sm);color:var(--signup-text-secondary);cursor:pointer;font-weight:500;padding:var(--signup-spacing-sm) var(--signup-spacing-md);transition:var(--signup-transition-normal)}.signup-page .theme-toggle-btn:hover{background:var(--signup-primary-color);box-shadow:var(--signup-shadow-md);color:#fff;transform:translateY(-1px)}.signup-page.dark-mode .theme-toggle-btn:hover{background:var(--signup-text-primary);color:var(--signup-bg-primary)}.signup-page .signup-main{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 140px);padding:var(--signup-spacing-xl)}.signup-page .signup-form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--signup-bg-glass);border:1px solid var(--signup-border-glass);border-radius:var(--signup-radius-2xl);box-shadow:var(--signup-shadow-glass);max-width:500px;overflow:hidden;padding:var(--signup-spacing-3xl);position:relative;text-align:center;width:100%}.signup-page .signup-form-section:before{background:var(--signup-primary-gradient);border-radius:var(--signup-radius-2xl) var(--signup-radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.signup-page .signup-form-section h1{color:var(--signup-text-primary);font-size:2.5rem;font-weight:800;margin-bottom:var(--signup-spacing-md);text-shadow:0 2px 4px #0000001a}.signup-page .signup-subtitle{color:var(--signup-text-secondary);font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:var(--signup-spacing-2xl)}.signup-page .signup-form{margin-top:var(--signup-spacing-xl);text-align:left}.signup-page .name-row{grid-gap:var(--signup-spacing-lg);display:grid;gap:var(--signup-spacing-lg);grid-template-columns:1fr 1fr}.signup-page .form-group,.signup-page .form-group.half-width{margin-bottom:var(--signup-spacing-lg)}.signup-page .form-group label{color:var(--signup-text-primary);display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--signup-spacing-sm);text-transform:uppercase}.signup-page .form-group input{background:var(--signup-bg-primary);border:2px solid var(--signup-border-light);border-radius:var(--signup-radius-lg);color:var(--signup-text-primary);font-size:1rem;font-weight:500;padding:var(--signup-spacing-md) var(--signup-spacing-lg);transition:var(--signup-transition-normal);width:100%}.signup-page .form-group input::placeholder{color:var(--signup-text-muted);font-weight:400}.signup-page .form-group input:focus{border-color:var(--signup-primary-color);box-shadow:0 0 0 3px #667eea26;outline:none;transform:translateY(-1px)}.signup-page.dark-mode .form-group input:focus{border-color:var(--signup-text-primary);box-shadow:0 0 0 3px #ffffff26}.signup-page .form-group input:disabled{background:var(--signup-bg-secondary);cursor:not-allowed;opacity:.6}.signup-page .input-hint,.signup-page .password-hint{color:var(--signup-text-secondary);display:block;font-size:.8rem;font-weight:500;margin-top:var(--signup-spacing-xs)}.signup-page .checkbox-group{background:none;border:none;border-radius:0;margin:var(--signup-spacing-xl) 0;padding:0}.signup-page .checkbox-label{align-items:flex-start!important;cursor:pointer;display:flex!important;line-height:1.6;margin:0!important;padding:0!important}.signup-page .checkbox-label input[type=checkbox]{accent-color:var(--signup-primary-color);box-sizing:border-box!important;cursor:pointer;flex-shrink:0!important;height:18px!important;margin:2px 4px 0 0!important;width:18px!important}.signup-page .checkbox-text{color:var(--signup-text-primary)!important;font-size:.875rem!important;font-weight:500!important;-webkit-hyphens:none;hyphens:none;line-height:1.6!important;margin:1px 0 0!important;padding:0!important;word-break:keep-all;word-spacing:.1em}.signup-page .terms-link{border-bottom:1px solid #0000!important;color:var(--signup-primary-color)!important;display:inline!important;font-weight:600!important;padding-bottom:1px;text-decoration:none!important;transition:var(--signup-transition-fast);white-space:nowrap}.signup-page .terms-link:hover{border-bottom-color:var(--signup-primary-dark)!important;color:var(--signup-primary-dark)!important}.signup-page.dark-mode .terms-link{color:#8b5cf6!important}.signup-page.dark-mode .terms-link:hover{border-bottom-color:#a78bfa!important;color:#a78bfa!important}.signup-page .google-signup-btn{align-items:center;background:var(--signup-bg-primary);border:2px solid var(--signup-border-light);border-radius:var(--signup-radius-lg);box-shadow:var(--signup-shadow-sm);color:var(--signup-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--signup-spacing-md);justify-content:center;margin-bottom:var(--signup-spacing-xl);padding:var(--signup-spacing-lg);transition:var(--signup-transition-normal);width:100%}.signup-page .google-signup-btn:hover:not(:disabled){background:var(--signup-bg-secondary);border-color:var(--signup-primary-color);box-shadow:var(--signup-shadow-md);transform:translateY(-2px)}.signup-page.dark-mode .google-signup-btn:hover:not(:disabled){border-color:var(--signup-text-primary)}.signup-page .google-signup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-page .google-signup-btn img{height:20px;width:20px}.signup-page .signup-btn{align-items:center;background:var(--signup-primary-gradient);border:none;border-radius:var(--signup-radius-lg);box-shadow:var(--signup-shadow-md);color:var(--signup-text-inverse);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:var(--signup-spacing-sm);justify-content:center;margin-bottom:var(--signup-spacing-xl);padding:var(--signup-spacing-lg) var(--signup-spacing-xl);transition:var(--signup-transition-normal);width:100%}.signup-page .signup-btn:hover:not(:disabled){box-shadow:var(--signup-shadow-lg);transform:translateY(-2px)}.signup-page .signup-btn:disabled{background:var(--signup-bg-tertiary);cursor:not-allowed;opacity:.7;transform:none}.signup-page .or-separator{color:var(--signup-text-secondary);font-size:.9rem;font-weight:600;margin:var(--signup-spacing-2xl) 0;position:relative;text-align:center}.signup-page .or-separator:before{background-color:var(--signup-border-medium);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.signup-page .or-separator span{background-color:var(--signup-bg-primary);color:var(--signup-text-secondary);letter-spacing:1px;padding:0 var(--signup-spacing-lg);position:relative;text-transform:uppercase;z-index:1}.signup-page .error-message,.signup-page .processing-message,.signup-page .success-message{align-items:center;border-radius:var(--signup-radius-lg);display:flex;font-weight:500;gap:var(--signup-spacing-sm);margin-bottom:var(--signup-spacing-lg);padding:var(--signup-spacing-md) var(--signup-spacing-lg)}.signup-page .processing-message{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.signup-page .success-message{background:#10b9811a;border:1px solid #10b98133;color:#059669}.signup-page .error-message{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.signup-page.dark-mode .processing-message{background:#3b82f633;color:#60a5fa}.signup-page.dark-mode .success-message{background:#10b98133;color:#34d399}.signup-page.dark-mode .error-message{background:#ef444433;color:#f87171}.signup-page .loading-spinner{animation:signup-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes signup-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-page .login-redirect{border-top:1px solid var(--signup-border-light);margin-top:var(--signup-spacing-xl);padding-top:var(--signup-spacing-lg);text-align:center}.signup-page .login-redirect p{color:var(--signup-text-secondary);font-size:.95rem;margin:0}.signup-page .login-link{color:var(--signup-primary-color);font-weight:600;text-decoration:none;transition:var(--signup-transition-fast)}.signup-page .login-link:hover{color:var(--signup-primary-light);text-decoration:underline}.signup-page .signup-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;color:#374151;font-size:.85rem;padding:var(--signup-spacing-xl);text-align:center}.signup-page.dark-mode .signup-footer{background:var(--signup-bg-primary);border-top:2px solid var(--signup-border-light);color:var(--signup-text-secondary)}.signup-page .footer-links{display:flex;flex-wrap:wrap;gap:var(--signup-spacing-lg);justify-content:center;margin-top:var(--signup-spacing-md)}.signup-page .footer-link-btn{border-radius:var(--signup-radius-sm);color:#4b5563;font-size:.85rem;font-weight:500;padding:var(--signup-spacing-xs) var(--signup-spacing-sm);text-decoration:none;transition:var(--signup-transition-fast)}.signup-page .footer-link-btn:hover{background:#f3f4f6;box-shadow:var(--signup-shadow-sm);color:#1f2937;transform:translateY(-1px)}.signup-page.dark-mode .footer-link-btn{color:var(--signup-text-secondary)}.signup-page.dark-mode .footer-link-btn:hover{background:var(--signup-bg-overlay);color:var(--signup-text-primary)}@keyframes signup-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes signup-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-page .signup-form-section{animation:signup-fadeIn .6s ease-out}@media (max-width:768px){.signup-page .signup-header{padding:var(--signup-spacing-md) var(--signup-spacing-lg)}.signup-page .signup-main{padding:var(--signup-spacing-lg)}.signup-page .signup-form-section{padding:var(--signup-spacing-xl)}.signup-page .signup-form-section h1{font-size:2rem}.signup-page .name-row{gap:0;grid-template-columns:1fr}.signup-page .google-signup-btn{font-size:.9rem;padding:var(--signup-spacing-md)}.signup-page .signup-btn{font-size:1rem;padding:var(--signup-spacing-md) var(--signup-spacing-lg)}.signup-page .footer-links{flex-direction:column;gap:var(--signup-spacing-sm)}}@media (max-width:480px){.signup-page .signup-main{padding:var(--signup-spacing-md)}.signup-page .signup-form-section{padding:var(--signup-spacing-lg)}.signup-page .signup-form-section h1{font-size:1.75rem}.signup-page .checkbox-label{font-size:.85rem}.signup-page .signup-header{padding:var(--signup-spacing-sm) var(--signup-spacing-md)}.signup-page .logo{font-size:1.25rem}.signup-page .theme-toggle-btn{font-size:.8rem;padding:var(--signup-spacing-xs) var(--signup-spacing-sm)}}@media (prefers-reduced-motion:reduce){.signup-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.signup-page a:focus,.signup-page button:focus,.signup-page input:focus{outline:2px solid var(--signup-primary-color);outline-offset:2px}.signup-page .footer-link-btn,.signup-page .login-link,.signup-page .terms-link,.signup-page button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.login-page{--login-primary-color:#374151;--login-primary-light:#6b7280;--login-primary-dark:#1f2937;--login-primary-gradient:linear-gradient(135deg,#fff,#f9fafb);--login-text-primary:#111827;--login-text-secondary:#374151;--login-text-muted:#6b7280;--login-text-inverse:#fff;--login-bg-primary:#fff;--login-bg-secondary:#f9fafb;--login-bg-tertiary:#f3f4f6;--login-bg-glass:#fffc;--login-bg-overlay:#0000000d;--login-border-light:#d1d5db;--login-border-medium:#9ca3af;--login-border-focus:#374151;--login-border-glass:#ffffff4d;--login-shadow-sm:0 1px 2px 0 #0000000d;--login-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--login-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--login-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--login-shadow-glass:0 8px 32px 0 #1f268726;--login-transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--login-transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--login-transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--login-spacing-xs:0.25rem;--login-spacing-sm:0.5rem;--login-spacing-md:1rem;--login-spacing-lg:1.5rem;--login-spacing-xl:2rem;--login-spacing-2xl:3rem;--login-spacing-3xl:4rem;--login-radius-sm:0.375rem;--login-radius-md:0.5rem;--login-radius-lg:0.75rem;--login-radius-xl:1rem;--login-radius-2xl:1.5rem}.login-page.dark-mode{--login-text-primary:#fff;--login-text-secondary:#f3f4f6;--login-text-muted:#d1d5db;--login-text-inverse:#111827;--login-bg-primary:#111827;--login-bg-secondary:#1f2937;--login-bg-tertiary:#374151;--login-bg-glass:#1f2937cc;--login-bg-overlay:#ffffff0d;--login-border-light:#374151;--login-border-medium:#6b7280;--login-border-focus:#fff;--login-border-glass:#ffffff1a;--login-shadow-sm:0 1px 2px 0 #0000004d;--login-shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--login-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--login-shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--login-shadow-glass:0 8px 32px 0 #0000004d}.login-page *{box-sizing:border-box}.login-page{background:var(--login-bg-primary);color:var(--login-text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;transition:var(--login-transition-normal)}.login-page:before{animation:login-gradientShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffffff14 0,#0000 50%),radial-gradient(circle at 80% 70%,#f3f4f614 0,#0000 50%),radial-gradient(circle at 60% 50%,#f9fafb0d 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}@keyframes login-gradientShift{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.login-page .login-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.login-page .login-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--login-bg-glass);border-bottom:1px solid var(--login-border-glass);box-shadow:var(--login-shadow-sm);display:flex;justify-content:space-between;padding:var(--login-spacing-lg) var(--login-spacing-xl)}.login-page .logo{color:#374151;font-size:1.5rem;font-weight:700;text-decoration:none}.login-page .logo,.login-page .user-info{align-items:center;display:flex;gap:var(--login-spacing-md)}.login-page .theme-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--login-bg-glass);border:1px solid var(--login-border-glass);border-radius:var(--login-radius-lg);box-shadow:var(--login-shadow-sm);color:var(--login-text-secondary);cursor:pointer;font-weight:500;padding:var(--login-spacing-sm) var(--login-spacing-md);transition:var(--login-transition-normal)}.login-page .theme-toggle-btn:hover{background:#374151;box-shadow:var(--login-shadow-md);color:#fff;transform:translateY(-1px)}.login-page.dark-mode .theme-toggle-btn:hover{background:var(--login-text-primary);color:var(--login-bg-primary)}.login-page .login-main{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 140px);padding:var(--login-spacing-xl)}.login-page .login-form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--login-bg-glass);border:1px solid var(--login-border-glass);border-radius:var(--login-radius-2xl);box-shadow:var(--login-shadow-glass);max-width:480px;overflow:hidden;padding:var(--login-spacing-3xl);position:relative;text-align:center;width:100%}.login-page .login-form-section:before{background:var(--login-primary-gradient);border-radius:var(--login-radius-2xl) var(--login-radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-page.dark-mode .login-form-section:before{background:linear-gradient(135deg,#fff,#f3f4f6)}.login-page .login-form-section h1{color:var(--login-text-primary);font-size:2.25rem;font-weight:800;margin-bottom:var(--login-spacing-md);text-shadow:0 2px 4px #0000001a}.login-page .login-subtitle{color:var(--login-text-secondary);font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:var(--login-spacing-2xl)}.login-page .login-form-section form{margin-top:var(--login-spacing-xl);text-align:left}.login-page .form-group{margin-bottom:var(--login-spacing-lg)}.login-page .form-group label{color:var(--login-text-primary);display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--login-spacing-sm);text-transform:uppercase}.login-page .form-group input{background:var(--login-bg-primary);border:2px solid var(--login-border-light);border-radius:var(--login-radius-lg);color:var(--login-text-primary);font-size:1rem;font-weight:500;padding:var(--login-spacing-md) var(--login-spacing-lg);transition:var(--login-transition-normal);width:100%}.login-page .form-group input::placeholder{color:var(--login-text-muted);font-weight:400}.login-page .form-group input:focus{border-color:#374151;box-shadow:0 0 0 3px #37415126;outline:none;transform:translateY(-1px)}.login-page.dark-mode .form-group input:focus{border-color:var(--login-text-primary);box-shadow:0 0 0 3px #ffffff26}.login-page .form-group input:disabled{background:var(--login-bg-secondary);cursor:not-allowed;opacity:.6}.login-page .form-group.error input{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.login-page .google-login-btn{align-items:center;background:var(--login-bg-primary);border:2px solid var(--login-border-light);border-radius:var(--login-radius-lg);box-shadow:var(--login-shadow-sm);color:var(--login-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--login-spacing-md);justify-content:center;margin-bottom:var(--login-spacing-xl);padding:var(--login-spacing-lg);transition:var(--login-transition-normal);width:100%}.login-page .google-login-btn:hover:not(:disabled){background:var(--login-bg-secondary);border-color:#374151;box-shadow:var(--login-shadow-md);transform:translateY(-2px)}.login-page.dark-mode .google-login-btn:hover:not(:disabled){border-color:var(--login-text-primary)}.login-page .google-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-page .google-login-btn img{height:20px;width:20px}.login-page .login-btn{align-items:center;background:linear-gradient(135deg,#374151,#1f2937);border:none;border-radius:var(--login-radius-lg);box-shadow:var(--login-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:var(--login-spacing-sm);justify-content:center;margin-bottom:var(--login-spacing-xl);padding:var(--login-spacing-lg) var(--login-spacing-xl);transition:var(--login-transition-normal);width:100%}.login-page.dark-mode .login-btn{background:linear-gradient(135deg,#fff,#f3f4f6);color:var(--login-bg-primary)}.login-page .login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1f2937,#111827);box-shadow:var(--login-shadow-lg);transform:translateY(-2px)}.login-page.dark-mode .login-btn:hover:not(:disabled){background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.login-page .login-btn:disabled{background:var(--login-bg-tertiary);cursor:not-allowed;opacity:.7;transform:none}.login-page .or-separator{color:var(--login-text-secondary);font-size:.9rem;font-weight:600;margin:var(--login-spacing-2xl) 0;position:relative;text-align:center}.login-page .or-separator:before{background-color:var(--login-border-medium);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.login-page .or-separator span{background-color:var(--login-bg-primary);color:var(--login-text-secondary);letter-spacing:1px;padding:0 var(--login-spacing-lg);position:relative;text-transform:uppercase;z-index:1}.login-page .error-message,.login-page .processing-message,.login-page .success-message{align-items:center;border-radius:var(--login-radius-lg);display:flex;font-weight:500;gap:var(--login-spacing-sm);margin-bottom:var(--login-spacing-lg);padding:var(--login-spacing-md) var(--login-spacing-lg)}.login-page .processing-message{background:#ffffff1a;border:1px solid #fff3;color:var(--login-text-primary)}.login-page .success-message{background:#10b9811a;border:1px solid #10b98133;color:#059669}.login-page .error-message{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.login-page.dark-mode .processing-message{background:#ffffff1a;border:1px solid #fff3;color:var(--login-text-primary)}.login-page.dark-mode .success-message{background:#10b98133;color:#34d399}.login-page.dark-mode .error-message{background:#ef444433;color:#f87171}.login-page .loading-spinner{animation:login-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes login-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page .login-links{align-items:center;border-top:1px solid var(--login-border-light);display:flex;justify-content:space-between;margin-top:var(--login-spacing-lg);padding-top:var(--login-spacing-lg)}.login-page .create-account-link,.login-page .forgot-password-link{color:#374151;font-size:.9rem;font-weight:600;text-decoration:none;transition:var(--login-transition-fast)}.login-page.dark-mode .create-account-link,.login-page.dark-mode .forgot-password-link{color:var(--login-text-primary)}.login-page .create-account-link:hover,.login-page .forgot-password-link:hover{color:#1f2937;text-decoration:underline}.login-page.dark-mode .create-account-link:hover,.login-page.dark-mode .forgot-password-link:hover{color:var(--login-text-secondary)}.login-page .login-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;color:#374151;font-size:.9rem;padding:var(--login-spacing-xl);text-align:center}.login-page.dark-mode .login-footer{background:var(--login-bg-primary);border-top:2px solid var(--login-border-light);color:var(--login-text-secondary)}.login-page .footer-links{display:flex;flex-wrap:wrap;gap:var(--login-spacing-lg);justify-content:center;margin-top:var(--login-spacing-md)}.login-page .footer-link-btn{background:none;border:none;border-radius:var(--login-radius-md);color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;padding:var(--login-spacing-sm) var(--login-spacing-md);text-decoration:none;transition:var(--login-transition-fast)}.login-page .footer-link-btn:hover{background:#f3f4f6;box-shadow:var(--login-shadow-sm);color:#1f2937;transform:translateY(-1px)}.login-page.dark-mode .footer-link-btn{color:var(--login-text-secondary)}.login-page.dark-mode .footer-link-btn:hover{background:var(--login-bg-overlay);color:var(--login-text-primary)}@keyframes login-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes login-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-buttonPress{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.login-page .login-form-section{animation:login-fadeIn .6s ease-out}.login-page .login-container.entering{opacity:0;transform:scale(.95)}.login-page .login-container.visible{opacity:1;transform:scale(1);transition:all .8s cubic-bezier(.4,0,.2,1)}.login-page .login-container.exiting{opacity:0;transform:scale(1.05);transition:all .3s ease}.login-page .login-container.success{animation:login-fadeIn .5s ease}@media (max-width:768px){.login-page .login-header{padding:var(--login-spacing-md) var(--login-spacing-lg)}.login-page .login-main{padding:var(--login-spacing-lg)}.login-page .login-form-section{padding:var(--login-spacing-xl)}.login-page .login-form-section h1{font-size:1.75rem}.login-page .google-login-btn{font-size:.9rem;padding:var(--login-spacing-md)}.login-page .login-btn{font-size:1rem;padding:var(--login-spacing-md) var(--login-spacing-lg)}.login-page .login-links{flex-direction:column;gap:var(--login-spacing-md);text-align:center}.login-page .footer-links{flex-direction:column;gap:var(--login-spacing-sm)}}@media (max-width:480px){.login-page .login-main{padding:var(--login-spacing-md)}.login-page .login-form-section{padding:var(--login-spacing-lg)}.login-page .login-form-section h1{font-size:1.5rem}.login-page .login-header{padding:var(--login-spacing-sm) var(--login-spacing-md)}.login-page .logo{font-size:1.25rem}.login-page .theme-toggle-btn{font-size:.8rem;padding:var(--login-spacing-xs) var(--login-spacing-sm)}}@media (prefers-reduced-motion:reduce){.login-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-page a:focus,.login-page button:focus,.login-page input:focus{outline:2px solid #374151;outline-offset:2px}.login-page.dark-mode a:focus,.login-page.dark-mode button:focus,.login-page.dark-mode input:focus{outline-color:var(--login-text-primary)}.login-page .create-account-link,.login-page .footer-link-btn,.login-page .forgot-password-link,.login-page button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.dashboard-container{--dashboard-primary-color:#6b46c1;--dashboard-primary-light:#8a63d2;--dashboard-primary-dark:#553c9a;--dashboard-secondary-color:#e0e0e0;--dashboard-text-primary:#1f2937;--dashboard-text-secondary:#4b5563;--dashboard-bg-primary:#f8fafc;--dashboard-bg-secondary:#fff;--dashboard-shadow-light:0 2px 10px #0000001a;--dashboard-shadow-medium:0 4px 20px #00000026;--dashboard-shadow-heavy:0 8px 30px #0003;--dashboard-border-radius:12px;--dashboard-border-radius-small:8px;--dashboard-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--dashboard-success-color:#28a745;--dashboard-warning-color:#ffc107;--dashboard-danger-color:#dc3545;--dashboard-info-color:#17a2b8}.dashboard-container.dark-mode{--dashboard-text-primary:#f9fafb;--dashboard-text-secondary:#d1d5db;--dashboard-bg-primary:#111827;--dashboard-bg-secondary:#1f2937;--dashboard-shadow-light:0 2px 10px #0000004d;--dashboard-shadow-medium:0 4px 20px #0006;--dashboard-shadow-heavy:0 8px 30px #00000080;--dashboard-success-color:#66bb6a;--dashboard-warning-color:#ffca28;--dashboard-danger-color:#ef5350;--dashboard-info-color:#29b6f6}.dashboard-container{background:var(--dashboard-bg-primary);color:var(--dashboard-text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.dashboard-container .dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dashboard-bg-secondary);border-bottom:1px solid var(--dashboard-secondary-color);box-shadow:var(--dashboard-shadow-light);display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-container.dark-mode .dashboard-header{border-bottom:1px solid #374151}.dashboard-container .logo{color:var(--dashboard-primary-color);font-size:1.8em;font-weight:700;transition:var(--dashboard-transition)}.dashboard-container .dashboard-nav{background:var(--dashboard-bg-primary);border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-light);display:flex;gap:30px;padding:12px 24px}.dashboard-container .dashboard-nav a{border-radius:var(--dashboard-border-radius-small);color:var(--dashboard-text-secondary);font-size:1.1em;font-weight:500;padding:10px 18px;text-decoration:none;transition:var(--dashboard-transition)}.dashboard-container .dashboard-nav a:hover{background:var(--dashboard-primary-light);color:#fff;transform:translateY(-2px)}.dashboard-container .dashboard-nav a.active{background:var(--dashboard-primary-color);color:#fff;font-weight:600}.dashboard-container .user-info{align-items:center;display:flex;gap:20px}.dashboard-container .user-profile{align-items:center;display:flex;gap:12px}.dashboard-container .user-avatar{align-items:center;background:linear-gradient(135deg,var(--dashboard-primary-color),var(--dashboard-primary-light));border-radius:50%;box-shadow:var(--dashboard-shadow-light);color:#fff;display:flex;font-size:1.1em;font-weight:700;height:40px;justify-content:center;transition:var(--dashboard-transition);width:40px}.dashboard-container .user-avatar:hover{transform:scale(1.05)}.dashboard-container .user-details{display:flex;flex-direction:column}.dashboard-container .user-greeting{color:var(--dashboard-text-secondary);font-size:.9em}.dashboard-container .user-name{color:var(--dashboard-text-primary);font-size:1em;font-weight:600}.dashboard-container .logout-btn,.dashboard-container .theme-toggle-btn{background:none;border:2px solid var(--dashboard-primary-color);border-radius:var(--dashboard-border-radius-small);color:var(--dashboard-primary-color);cursor:pointer;font-size:1em;font-weight:500;padding:10px 18px;transition:var(--dashboard-transition)}.dashboard-container .logout-btn:hover,.dashboard-container .theme-toggle-btn:hover{background:var(--dashboard-primary-color);color:#fff;transform:translateY(-2px)}.dashboard-container .dashboard-main{flex:1 1;padding:0}.dashboard-container .dashboard-hero{background:linear-gradient(135deg,var(--dashboard-bg-secondary) 0,var(--dashboard-bg-primary) 100%);overflow:hidden;padding:60px 40px;position:relative}.dashboard-container .dashboard-hero:before{background:radial-gradient(circle at 20% 50%,#6b46c11a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8a63d21a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.dashboard-container .dashboard-top{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:2}.dashboard-container .welcome-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dashboard-primary-color),var(--dashboard-primary-light));-webkit-background-clip:text;background-clip:text;color:var(--dashboard-text-primary);font-size:3em;font-weight:700;margin-bottom:10px}.dashboard-container .dashboard-subtitle{color:var(--dashboard-text-secondary);font-size:1.2em;line-height:1.6;margin:0;max-width:500px}.dashboard-container .hero-actions{display:flex;gap:15px}.dashboard-container .start-scan-btn{align-items:center;border:none;border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-light);cursor:pointer;display:flex;font-size:1.1em;font-weight:600;gap:8px;padding:15px 25px;text-decoration:none;transition:var(--dashboard-transition)}.dashboard-container .start-scan-btn.primary{background:#fff;border:2px solid var(--dashboard-primary-color);color:var(--dashboard-primary-color)}.dashboard-container .start-scan-btn.primary:hover{background:var(--dashboard-primary-color);box-shadow:var(--dashboard-shadow-medium);color:#fff;transform:translateY(-3px)}.dashboard-container .start-scan-btn.secondary{background:var(--dashboard-bg-secondary);border:2px solid var(--dashboard-primary-color);color:var(--dashboard-text-primary)}.dashboard-container .start-scan-btn.secondary:hover{background:var(--dashboard-primary-color);color:#fff;transform:translateY(-3px)}.dashboard-container .stats-section{background:var(--dashboard-bg-primary);padding:60px 40px}.dashboard-container .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.dashboard-container .stat-card{background:var(--dashboard-bg-secondary);border:1px solid #0000;border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-light);overflow:hidden;padding:30px;position:relative;transition:var(--dashboard-transition)}.dashboard-container .stat-card:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dashboard-container .stat-card:hover:before{left:100%}.dashboard-container .stat-card:hover{border-color:var(--dashboard-primary-color);box-shadow:var(--dashboard-shadow-medium);transform:translateY(-8px)}.dashboard-container .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-container .stat-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dashboard-primary-color),var(--dashboard-primary-light));-webkit-background-clip:text;background-clip:text;font-size:2.5em}.dashboard-container .stat-trend{border-radius:20px;font-size:.8em;font-weight:600;padding:4px 8px}.dashboard-container .stat-trend.positive{background:#d4edda;color:#155724}.dashboard-container .stat-trend.negative{background:#f8d7da;color:#721c24}.dashboard-container .stat-trend.neutral{background:#d1ecf1;color:#0c5460}.dashboard-container.dark-mode .stat-trend.positive{background:#1f3f2f;color:#66bb6a}.dashboard-container.dark-mode .stat-trend.negative{background:#3f1f1f;color:#ef5350}.dashboard-container.dark-mode .stat-trend.neutral{background:#1f2f3f;color:#29b6f6}.dashboard-container .stat-card h3{color:var(--dashboard-text-secondary);font-size:1.1em;font-weight:500;margin-bottom:15px}.dashboard-container .stat-number{color:var(--dashboard-text-primary);font-size:2.5em;font-weight:700;margin-bottom:10px}.dashboard-container .stat-number.green{color:var(--dashboard-success-color)}.dashboard-container .stat-number.red{color:var(--dashboard-danger-color)}.dashboard-container .stat-change{font-size:.9em;margin-bottom:15px}.dashboard-container .stat-change.positive{color:var(--dashboard-success-color)}.dashboard-container .stat-change.negative{color:var(--dashboard-danger-color)}.dashboard-container .stat-change.neutral{color:var(--dashboard-text-secondary)}.dashboard-container .stat-progress{background:var(--dashboard-secondary-color);border-radius:2px;height:4px;margin-top:15px;overflow:hidden}.dashboard-container .progress-bar{background:linear-gradient(90deg,var(--dashboard-primary-color),var(--dashboard-primary-light));border-radius:2px;height:100%;transition:width 1s ease-in-out}.dashboard-container .progress-bar.green{background:linear-gradient(90deg,var(--dashboard-success-color),#66bb6a)}.dashboard-container .progress-bar.red{background:linear-gradient(90deg,var(--dashboard-danger-color),#ef5350)}.dashboard-container .activity-chart-section{background:var(--dashboard-bg-secondary);padding:60px 40px}.dashboard-container .activity-chart-section h2{color:var(--dashboard-text-primary);font-size:2.2em;font-weight:600;margin-bottom:40px;text-align:center}.dashboard-container .chart-container{background:var(--dashboard-bg-primary);border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-light);margin:0 auto;max-width:800px;padding:30px}.dashboard-container .chart-grid{align-items:end;display:flex;height:200px;justify-content:space-between;margin-bottom:20px;padding:0 20px}.dashboard-container .chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.dashboard-container .chart-bars{align-items:end;display:flex;gap:4px;height:150px;margin-bottom:10px}.dashboard-container .chart-bar{border-radius:4px 4px 0 0;min-height:5px;transition:all .6s ease;width:20px}.dashboard-container .chart-bar.scans{background:linear-gradient(to top,var(--dashboard-primary-color),var(--dashboard-primary-light))}.dashboard-container .chart-bar.vulnerabilities{background:linear-gradient(to top,var(--dashboard-danger-color),#ef5350)}.dashboard-container .chart-label{color:var(--dashboard-text-secondary);font-size:.9em;font-weight:500}.dashboard-container .chart-legend{display:flex;gap:30px;justify-content:center;margin-top:20px}.dashboard-container .legend-item{align-items:center;color:var(--dashboard-text-secondary);display:flex;font-size:.9em;gap:8px}.dashboard-container .legend-color{border-radius:3px;height:16px;width:16px}.dashboard-container .legend-color.scans{background:linear-gradient(135deg,var(--dashboard-primary-color),var(--dashboard-primary-light))}.dashboard-container .legend-color.vulnerabilities{background:linear-gradient(135deg,var(--dashboard-danger-color),#ef5350)}.dashboard-container .threat-trends-section{background:var(--dashboard-bg-primary);padding:60px 40px}.dashboard-container .threat-trends-section h2{color:var(--dashboard-text-primary);font-size:2.2em;font-weight:600;margin-bottom:40px;text-align:center}.dashboard-container .threats-list-container{background:var(--dashboard-bg-secondary);border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-light);margin:0 auto;max-width:600px;padding:30px}.dashboard-container .threat-item{align-items:center;border-bottom:1px solid var(--dashboard-secondary-color);display:flex;justify-content:space-between;padding:15px 0}.dashboard-container.dark-mode .threat-item{border-bottom-color:#374151}.dashboard-container .threat-item:last-child{border-bottom:none}.dashboard-container .threat-name{color:var(--dashboard-text-primary);font-size:1.1em;font-weight:600}.dashboard-container .threat-count{color:var(--dashboard-danger-color);font-size:.9em;font-weight:600}.dashboard-container .dashboard-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}.dashboard-container .recent-activity{background:var(--dashboard-bg-secondary);border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-light);margin:40px;overflow:hidden}.dashboard-container .activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:30px 30px 0}.dashboard-container .activity-header h2{color:var(--dashboard-text-primary);font-size:2em;font-weight:600;margin:0}.dashboard-container .view-all-link{color:var(--dashboard-primary-color);font-weight:600;text-decoration:none;transition:var(--dashboard-transition)}.dashboard-container .view-all-link:hover{color:var(--dashboard-primary-dark)}.dashboard-container .table-container{padding:0 30px 30px}.dashboard-container .enhanced-table{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.dashboard-container .scan-row{grid-gap:20px;align-items:center;background:var(--dashboard-bg-primary);border:1px solid #0000;border-radius:var(--dashboard-border-radius-small);display:grid;gap:20px;grid-template-columns:2fr 3fr 1fr;padding:20px;transition:var(--dashboard-transition)}.dashboard-container .scan-row:hover{border-color:var(--dashboard-primary-color);box-shadow:var(--dashboard-shadow-light);transform:translateY(-2px)}.dashboard-container .api-details{align-items:center;display:flex;gap:15px}.dashboard-container .api-icon{font-size:2em}.dashboard-container .api-text h4{color:var(--dashboard-text-primary);font-size:1.1em;font-weight:600;margin:0 0 5px}.dashboard-container .api-text p{color:var(--dashboard-text-secondary);font-size:.9em;margin:0}.dashboard-container .scan-meta{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dashboard-container .meta-item{display:flex;flex-direction:column;gap:3px}.dashboard-container .meta-label{color:var(--dashboard-text-secondary);font-size:.8em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-container .meta-value{color:var(--dashboard-text-primary);font-size:.9em;font-weight:500}.dashboard-container .score-badge,.dashboard-container .status-badge{border-radius:15px;font-size:.8em;font-weight:600;padding:4px 10px;text-align:center;text-transform:capitalize}.dashboard-container .status-badge.completed{background:#d4edda;color:#155724}.dashboard-container .status-badge.failed{background:#f8d7da;color:#721c24}.dashboard-container .status-badge.in-progress{background:#fff3cd;color:#856404}.dashboard-container.dark-mode .status-badge.completed{background:#1f3f2f;color:#66bb6a}.dashboard-container.dark-mode .status-badge.failed{background:#3f1f1f;color:#ef5350}.dashboard-container.dark-mode .status-badge.in-progress{background:#3f3f1f;color:#ffca28}.dashboard-container .vuln-count{background:var(--dashboard-danger-color);border-radius:50%;color:#fff;font-size:.8em;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.dashboard-container .scan-actions{display:flex;justify-content:center}.dashboard-container .action-btn{border-radius:var(--dashboard-border-radius-small);font-size:.9em;font-weight:600;padding:8px 16px;text-align:center;text-decoration:none;transition:var(--dashboard-transition)}.dashboard-container .action-btn.primary{background:#fff;border:2px solid var(--dashboard-primary-color);color:var(--dashboard-primary-color)}.dashboard-container .action-btn.primary:hover{background:var(--dashboard-primary-color);color:#fff;transform:translateY(-2px)}.dashboard-container .no-data-message{color:var(--dashboard-text-secondary);font-size:1.1em;font-style:italic;padding:40px 20px;text-align:center}.dashboard-container .dashboard-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;color:#1f2937;font-size:.9em;padding:30px 20px;text-align:center}.dashboard-container.dark-mode .dashboard-footer{background:#1f2937;border-top:1px solid #374151;color:#f9fafb}.dashboard-container .footer-links{margin-top:15px}.dashboard-container .footer-links a{border-radius:6px;color:#1f2937;font-weight:500;margin:0 15px;padding:8px 16px;text-decoration:none;transition:var(--dashboard-transition)}.dashboard-container.dark-mode .footer-links a{color:#f9fafb}.dashboard-container .footer-links a:hover{background:#f3f4f6;color:#6b46c1;text-decoration:none}.dashboard-container.dark-mode .footer-links a:hover{background:#6b46c126;color:#8a63d2}.dashboard-container .loading-container{align-items:center;color:var(--dashboard-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.dashboard-container .spinner{animation:dashboard-spin 1s linear infinite;border-top:4px solid var(--dashboard-secondary-color);border:4px solid var(--dashboard-secondary-color);border-radius:50%;border-top-color:var(--dashboard-primary-color);height:40px;margin-bottom:20px;width:40px}@keyframes dashboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-container .error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--dashboard-border-radius);color:#dc2626;font-weight:500;margin:20px 40px;padding:15px 20px}.dashboard-container.dark-mode .error-banner{background:#3f1f1f;border-color:#dc2626;color:#f87171}.dashboard-container .animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.dashboard-container .animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.dashboard-container .dashboard-top{flex-direction:column;gap:30px;text-align:center}.dashboard-container .hero-actions{justify-content:center}.dashboard-container .scan-row{gap:15px;grid-template-columns:1fr}.dashboard-container .scan-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container .dashboard-header{flex-direction:column;gap:15px;padding:20px}.dashboard-container .dashboard-nav{flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.dashboard-container .user-info{justify-content:space-between;width:100%}.dashboard-container .welcome-section h1{font-size:2.2em}.dashboard-container .dashboard-subtitle{font-size:1.1em}.dashboard-container .hero-actions{flex-direction:column;width:100%}.dashboard-container .start-scan-btn{justify-content:center;width:100%}.dashboard-container .stats-grid{gap:20px;grid-template-columns:1fr}.dashboard-container .chart-grid{padding:0 10px}.dashboard-container .chart-bar-container{max-width:60px}.dashboard-container .recent-activity{margin:20px;padding:20px}.dashboard-container section{padding:40px 20px!important}}@media (max-width:480px){.dashboard-container .activity-chart-section h2,.dashboard-container .threat-trends-section h2,.dashboard-container .welcome-section h1{font-size:1.8em}.dashboard-container .chart-bars{gap:2px}.dashboard-container .chart-bar{width:15px}.dashboard-container .scan-meta{grid-template-columns:1fr}.dashboard-container .meta-item{text-align:center}}:root{--shadow-heavy:0 20px 25px -5px #0000001a;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6}.dark-mode{--shadow-heavy:0 20px 25px -5px #0000004d}.loading-container{background:#f8fafc;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.loading-spinner{height:50px;width:50px}.loading-container p{color:#1f2937;color:var(--text-primary);font-size:1.1rem;font-weight:500}.documentation-container{color:#1f2937;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.documentation-container,.documentation-main{background-color:#f8fafc;background-color:var(--bg-primary)}.documentation-main{flex-grow:1;padding-bottom:50px;padding-top:50px}.dark-mode .documentation-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.documentation-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);box-sizing:border-box;display:flex;justify-content:space-between;max-width:100%;min-height:80px;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.dark-mode .documentation-header{background:#1a202cf2}.logo{align-items:center;display:flex;font-size:1.5rem;font-weight:800;gap:.75rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.documentation-nav{align-items:center;background:#f8fafc;background:var(--bg-primary);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);display:flex;flex-wrap:nowrap;gap:2rem;justify-content:center;padding:.75rem 1.5rem;white-space:nowrap}.documentation-nav a{border-radius:8px;border-radius:var(--border-radius-small);color:#4b5563;color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.documentation-nav a.active,.documentation-nav a:hover{background:#6b46c1;background:var(--primary-color);color:#fff;transform:translateY(-1px)}.user-info{flex-shrink:0;gap:1rem;min-width:-webkit-fit-content;min-width:fit-content}.user-profile{gap:.75rem}.user-avatar{font-weight:600;height:2.5rem;width:2.5rem}.user-greeting{font-size:.8rem}.logout-btn,.theme-toggle-btn{border:1px solid #6b46c1;border:1px solid var(--primary-color);padding:.5rem 1rem}.logout-btn:hover,.theme-toggle-btn:hover{transform:translateY(-1px)}.documentation-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.documentation-hero:before{background:radial-gradient(circle at 30% 40%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 60%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.hero-description{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-actions{flex-wrap:wrap;gap:1rem}.cta-btn{align-items:center;background:#fff;border:2px solid #fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);color:#667eea;display:flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cta-btn:hover{background:#0000;box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);color:#fff;transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.cta-btn.secondary:hover{background:#fff;color:#667eea}.search-container{align-items:center;background:#f8fafc;background:var(--bg-primary);display:flex;justify-content:center;min-height:120px;padding:2rem}.search-input-wrapper{margin:0 auto;max-width:600px;position:relative;width:100%}.search-input{background:#fff;background:var(--bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;color:#1f2937;color:var(--text-primary);font-size:1.1rem;padding:1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-input:focus{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.search-icon{left:1rem}.search-clear,.search-icon{color:#4b5563;font-size:1.2rem}.search-clear{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-clear:hover{background:#e0e0e0;background:var(--secondary-color);color:#1f2937;color:var(--text-primary)}.quick-actions-section{background:#fff;background:var(--bg-secondary);box-sizing:border-box;padding:3rem 2rem;width:100%}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;width:100%}.quick-actions-grid{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0;width:100%}.quick-action-card{background:#fff;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-action-card:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.quick-action-card:hover:before{left:100%}.quick-action-card:hover{border-color:#6b46c1;border-color:var(--card-color,var(--primary-color));box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-heavy);transform:translateY(-4px)}.quick-action-icon{font-size:3rem;margin-bottom:1rem}.quick-action-title{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.quick-action-description{color:#4b5563;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.quick-action-arrow{color:#6b46c1;color:var(--card-color,var(--primary-color));font-size:1.5rem;font-weight:700;transition:transform .2s ease}.quick-action-card:hover .quick-action-arrow{transform:translateX(4px)}.docs-section{background:#f8fafc;background:var(--bg-primary);box-sizing:border-box;padding:3rem 2rem;width:100%}.docs-section:nth-child(2n){background:#fff;background:var(--bg-secondary)}.section-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center;width:100%}.section-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.section-icon{flex-shrink:0;font-size:2.5rem}.section-description{color:#4b5563;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;text-align:center}.guides-grid{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1200px;padding:0;width:100%}.guide-card{background:#fff;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.guide-card:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.guide-card:hover:before{left:100%}.guide-card:hover{border-color:#6b46c1;border-color:var(--section-color,var(--primary-color));box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-heavy);transform:translateY(-4px)}.guide-header{padding:2rem 2rem 1rem}.guide-category{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.guide-title{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.guide-description{color:#4b5563;color:var(--text-secondary);line-height:1.5}.guide-content{padding:0 2rem 1rem}.guide-steps{margin-bottom:1.5rem;max-height:200px;overflow:hidden;transition:max-height .3s ease}.guide-steps.expanded{max-height:none}.guide-step{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0}.step-number{align-items:center;background:#6b46c1;background:var(--section-color,var(--primary-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.step-text{line-height:1.5}.guide-step-more,.step-text{color:#4b5563;color:var(--text-secondary)}.guide-step-more{font-style:italic;padding:1rem 0;text-align:center}.guide-expand-btn{background:#6b46c1;background:var(--section-color,var(--primary-color));border:none;border-radius:8px;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.guide-expand-btn:hover{background:color-mix(in srgb,#6b46c1 80%,#000);background:color-mix(in srgb,var(--section-color,var(--primary-color)) 80%,#000);transform:translateY(-1px)}.guide-meta{background:#f8fafc;background:var(--bg-primary);border-top:1px solid #e0e0e0;border-top:1px solid var(--secondary-color);justify-content:space-between;padding:1rem 2rem}.guide-difficulty,.guide-meta{align-items:center;display:flex}.guide-difficulty{color:#4b5563;color:var(--text-secondary);font-size:.9rem;gap:.5rem}.difficulty-dots{display:flex;gap:.25rem}.difficulty-dot{background:#e0e0e0;background:var(--secondary-color);border-radius:50%;height:.5rem;transition:background-color .2s ease;width:.5rem}.difficulty-dot.active{background:#6b46c1;background:var(--section-color,var(--primary-color))}.guide-read-time{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.faq-section{background:#fff;background:var(--bg-secondary);padding:3rem 2rem}.faq-container,.faq-section{box-sizing:border-box;width:100%}.faq-container{margin:0 auto;max-width:800px}.faq-item{border:2px solid #e0e0e0;border:2px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.faq-item:hover{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light)}.faq-question{align-items:center;background:#f8fafc;background:var(--bg-primary);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.faq-question:hover{background:#6366f10d}.faq-question h3{color:#1f2937;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0;padding-right:1rem}.faq-toggle{align-items:center;background:#6366f11a;border-radius:50%;color:#6b46c1;color:var(--primary-color);display:flex;font-size:1.5rem;font-weight:700;height:2rem;justify-content:center;transition:transform .3s ease;width:2rem}.faq-item.open .faq-toggle{background:#6b46c1;background:var(--primary-color);color:#fff;transform:rotate(45deg)}.faq-answer{background:#fff;background:var(--bg-secondary);max-height:0;overflow:hidden;padding:0 1.5rem;transition:all .3s ease}.faq-item.open .faq-answer{max-height:500px;padding:1.5rem}.faq-answer p{color:#4b5563;color:var(--text-secondary);line-height:1.6;margin:0}.support-section{background:#f8fafc;background:var(--bg-primary);padding:3rem 2rem}.support-grid,.support-section{box-sizing:border-box;width:100%}.support-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px;padding:0}.support-card{background:#fff;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.support-card:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.support-card:hover:before{left:100%}.support-card:hover{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-heavy);transform:translateY(-4px)}.support-icon{color:#6b46c1;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.support-title{color:#1f2937;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.support-description{color:#4b5563;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.support-btn{background:#6b46c1;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.support-btn:hover{background:#8a63d2;background:var(--primary-light);transform:translateY(-2px)}.documentation-footer{background:#2d3748;border-top:1px solid #4a5568;box-shadow:0 -4px 6px -1px #0000001a;color:#cbd5e0;font-size:.9rem;padding:2rem;text-align:center}.documentation-footer p{margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-links a{border-radius:.25rem;color:#cbd5e0;padding:.25rem .5rem}.footer-links a:hover{background:#6366f11a}@media (max-width:1024px){.guides-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-title{font-size:3rem}}@media (max-width:768px){.documentation-header{flex-direction:column;gap:1rem;min-height:auto;padding:1rem}.logo{margin-bottom:.5rem;order:1}.documentation-nav{flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0;order:2;padding:.5rem 1rem;width:100%}.documentation-nav a{font-size:.9rem;padding:.5rem .75rem}.user-info{justify-content:space-between;margin-top:.5rem;order:3;width:100%}.hero-title{font-size:2.5rem;line-height:1.2}.hero-description{font-size:1.1rem;padding:0 1rem}.hero-actions{align-items:center;flex-direction:column;gap:1rem}.cta-btn{justify-content:center;max-width:280px;width:100%}.guides-grid,.quick-actions-grid{gap:1.5rem;grid-template-columns:1fr}.support-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.docs-section,.faq-section,.quick-actions-section,.support-section{padding:2rem 1rem}.search-container{min-height:100px;padding:1.5rem 1rem}.documentation-hero{padding:3rem 1rem}.section-title{font-size:2rem}.section-title-wrapper{flex-direction:column;gap:.5rem}.footer-links{flex-wrap:wrap;gap:1rem;justify-content:center}}@media (max-width:480px){.documentation-header{padding:.75rem}.logo{flex-direction:column;gap:.25rem;text-align:center}.logo-text{font-size:1.25rem}.hero-title{font-size:2rem;padding:0 .5rem}.gradient-text{display:block;margin-top:.5rem}.section-title{font-size:1.75rem}.documentation-hero{padding:2.5rem .75rem}.guide-content,.guide-header,.guide-meta{padding-left:1rem;padding-right:1rem}.faq-answer,.faq-question{padding:1rem}.faq-question h3{font-size:1rem;padding-right:.5rem}.support-card{padding:1.5rem}.quick-action-card{padding:1.5rem;text-align:center}.search-input{padding:.75rem 2.5rem}.search-clear,.search-icon,.search-input{font-size:1rem}.search-icon{left:.75rem}.search-clear{right:.75rem}.footer-links{flex-direction:column;gap:.5rem;text-align:center}.user-details{display:none}.user-profile{gap:.5rem}.documentation-nav a{font-size:.85rem;padding:.4rem .6rem}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.cta-btn:focus,.documentation-nav a:focus,.guide-expand-btn:focus,.logout-btn:focus,.quick-action-card:focus,.search-input:focus,.support-btn:focus,.theme-toggle-btn:focus{outline:2px solid #6b46c1;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){:root{--shadow-light:0 4px 6px -1px #0000004d;--shadow-medium:0 10px 15px -3px #0000004d;--shadow-heavy:0 20px 25px -5px #0000004d}.faq-item,.guide-card,.quick-action-card,.support-card{border:2px solid #4b5563;border:2px solid var(--text-secondary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-on-scroll{opacity:1;transform:none}}.construction-container{background:#f5f7fa;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.dark-mode .construction-container{background:#1a1a1a;color:#e0e0e0}.construction-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;padding:15px 30px}.dark-mode .construction-header{background:#2d2d2d;border-bottom:2px solid #444;box-shadow:0 2px 5px #0000004d}.logo{transition:color .3s ease}.dark-mode .logo{color:#a3bffa}.construction-nav{background:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:25px;padding:10px 20px}.dark-mode .construction-nav{background:#2d2d2d;box-shadow:0 1px 3px #0000004d}.construction-nav a{border-radius:5px;color:#555;font-size:1.1em;padding:8px 15px;text-decoration:none;transition:all .3s ease}.dark-mode .construction-nav a{color:#a3a3a3}.construction-nav a:hover{background:#8a63d2;color:#fff;transform:translateY(-2px)}.dark-mode .construction-nav a:hover{background:#7a5cd1}.construction-nav a.active{background:#6b46c1;color:#fff;font-weight:700}.dark-mode .construction-nav a.active{background:#7a5cd1}.user-info{gap:15px}.user-profile{gap:10px}.user-avatar{background:#6b46c1;font-size:1em;height:30px;transition:background .3s ease;width:30px}.dark-mode .user-avatar{background:#7a5cd1}.dark-mode .user-greeting{color:#a3a3a3}.user-name{font-weight:700}.dark-mode .user-name{color:#e0e0e0}.logout-btn{background:none;border:none;border-radius:5px;color:#6b46c1;cursor:pointer;font-size:1em;padding:8px 15px;transition:all .3s ease}.dark-mode .logout-btn{color:#a3bffa}.logout-btn:hover{background:#8a63d2;color:#fff;transform:translateY(-2px)}.dark-mode .logout-btn:hover{background:#7a5cd1}.theme-toggle-btn{background:none;border:1px solid #6b46c1;border-radius:5px;color:#6b46c1;cursor:pointer;font-size:1em;padding:8px 15px;transition:all .3s ease}.dark-mode .theme-toggle-btn{background:#333;border-color:#a3bffa;color:#a3bffa}.theme-toggle-btn:hover{background:#8a63d2;border-color:#8a63d2;color:#fff;transform:translateY(-2px)}.dark-mode .theme-toggle-btn:hover{background:#7a5cd1;border-color:#7a5cd1}.construction-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.construction-content{background:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.dark-mode .construction-content{background:#2d2d2d;box-shadow:0 2px 5px #0000004d}.construction-content h1{color:#333;font-size:2em;margin-bottom:15px}.dark-mode .construction-content h1{color:#e0e0e0}.construction-content p{color:#666;font-size:1em;margin-bottom:15px}.dark-mode .construction-content p{color:#a3a3a3}.back-btn{background:#6b46c1;border-radius:5px;color:#fff;display:inline-block;font-size:1em;padding:10px 20px;text-decoration:none;transition:all .3s ease}.dark-mode .back-btn{background:#7a5cd1}.back-btn:hover{background:#8a63d2;transform:translateY(-2px)}.dark-mode .back-btn:hover{background:#6a4ac1}.construction-footer{background:#333;color:#fff;font-size:.8em;padding:10px;text-align:center}.dark-mode .construction-footer{background:#222}.footer-links{margin-top:5px}.footer-links a{color:#fff;margin:0 10px}.footer-links a:hover{text-decoration:underline}@media (max-width:768px){.construction-content{padding:20px}.construction-content h1{font-size:1.5em}.back-btn{text-align:center;width:100%}.construction-header{flex-direction:column;gap:10px;padding:15px}.construction-nav{flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.construction-nav a{flex:1 1;padding:8px;text-align:center}.user-info{align-items:flex-end;flex-direction:column;gap:10px;width:100%}.user-profile{align-items:center;flex-direction:row}.logout-btn,.theme-toggle-btn{margin-left:0;width:100%}}.home-container{--home-primary-color:#6b46c1;--home-primary-light:#8a63d2;--home-primary-dark:#553c9a;--home-secondary-color:#e0e0e0;--home-text-primary:#1f2937;--home-text-secondary:#4b5563;--home-bg-primary:#f8fafc;--home-bg-secondary:#fff;--home-shadow-light:0 2px 10px #0000001a;--home-shadow-medium:0 4px 20px #00000026;--home-border-radius:12px;--home-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.home-container.dark-mode{--home-text-primary:#f9fafb;--home-text-secondary:#d1d5db;--home-bg-primary:#111827;--home-bg-secondary:#1f2937;--home-shadow-light:0 2px 10px #0000004d;--home-shadow-medium:0 4px 20px #0006}.home-container{background:var(--home-bg-primary);color:var(--home-text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.home-container .home-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--home-bg-secondary);border-bottom:1px solid var(--home-secondary-color);box-shadow:var(--home-shadow-light);display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.home-container.dark-mode .home-header{border-bottom:1px solid #374151}.home-container .logo{color:var(--home-primary-color);font-size:1.8em;font-weight:700;transition:var(--home-transition)}.home-container .home-nav{background:var(--home-bg-primary);border-radius:var(--home-border-radius);box-shadow:var(--home-shadow-light);display:flex;gap:30px;padding:12px 24px}.home-container .home-nav a{border-radius:8px;color:var(--home-text-secondary);font-size:1.1em;font-weight:500;padding:10px 18px;text-decoration:none;transition:var(--home-transition)}.home-container .home-nav a:hover{background:var(--home-primary-light);color:#fff;transform:translateY(-2px)}.home-container .home-nav a.active{background:var(--home-primary-color);color:#fff;font-weight:600}.home-container .user-info{align-items:center;display:flex;gap:20px}.home-container .user-profile{align-items:center;display:flex;gap:12px}.home-container .user-avatar{align-items:center;background:linear-gradient(135deg,var(--home-primary-color),var(--home-primary-light));border-radius:50%;box-shadow:var(--home-shadow-light);color:#fff;display:flex;font-size:1.1em;font-weight:700;height:40px;justify-content:center;transition:var(--home-transition);width:40px}.home-container .user-avatar:hover{transform:scale(1.05)}.home-container .user-details{display:flex;flex-direction:column}.home-container .user-greeting{color:var(--home-text-secondary);font-size:.9em}.home-container .user-name{color:var(--home-text-primary);font-size:1em;font-weight:600}.home-container .logout-btn,.home-container .theme-toggle-btn{background:none;border:2px solid #6b46c1;border-radius:8px;color:#6b46c1;cursor:pointer;font-size:1em;font-weight:500;padding:10px 18px;transition:var(--home-transition)}.home-container .logout-btn:hover,.home-container .theme-toggle-btn:hover{background:#6b46c1;color:#fff;transform:translateY(-2px)}.home-container .home-main{flex:1 1;padding:0}.home-container .hero-section{align-items:center;background:linear-gradient(135deg,var(--home-bg-secondary) 0,var(--home-bg-primary) 100%);display:flex;justify-content:space-between;min-height:70vh;overflow:hidden;padding:80px 40px;position:relative}.home-container .hero-section:before{background:radial-gradient(circle at 30% 20%,#6b46c11a 0,#0000 50%),radial-gradient(circle at 70% 80%,#8a63d21a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.home-container .hero-content{flex:1 1;max-width:600px;position:relative;z-index:2}.home-container .hero-title{animation:home-slideInUp .8s ease-out;color:var(--home-text-primary);font-size:3.5em;font-weight:700;line-height:1.2;margin-bottom:20px;word-spacing:normal}.home-container .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--home-primary-color),var(--home-primary-light));-webkit-background-clip:text;background-clip:text;margin-left:.15em}.home-container .hero-description{animation:home-slideInUp .8s ease-out .2s both;color:var(--home-text-secondary);font-size:1.3em;line-height:1.6;margin-bottom:40px}.home-container .cta-buttons{animation:home-slideInUp .8s ease-out .4s both;display:flex;gap:20px}.home-container .cta-btn{align-items:center;border-radius:var(--home-border-radius);box-shadow:var(--home-shadow-light);display:flex;font-size:1.1em;font-weight:600;gap:8px;padding:15px 30px;text-decoration:none;transition:var(--home-transition)}.home-container .cta-btn.primary{background:#fff;border:2px solid #6b46c1;color:#6b46c1}.home-container .cta-btn.primary:hover{background:#6b46c1;box-shadow:var(--home-shadow-medium);color:#fff;transform:translateY(-3px)}.home-container .cta-btn.secondary{background:var(--home-bg-secondary);border:2px solid #6b46c1;color:var(--home-text-primary)}.home-container .cta-btn.secondary:hover{background:#6b46c1;color:#fff;transform:translateY(-3px)}.home-container .hero-visual{flex:1 1;z-index:2}.home-container .hero-visual,.home-container .security-shield{align-items:center;display:flex;justify-content:center;position:relative}.home-container .security-shield{animation:home-float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--home-primary-color),var(--home-primary-light));border-radius:50%;box-shadow:var(--home-shadow-medium);height:300px;width:300px}.home-container .security-shield:before{animation:home-pulse 2s ease-in-out infinite;border:2px solid var(--home-primary-color);border-radius:50%;content:"";height:320px;opacity:.3;position:absolute;width:320px}.home-container .shield-inner{animation:home-glow 2s ease-in-out infinite alternate;font-size:4em}.home-container .what-is-atat-section{background:var(--home-bg-secondary);padding:80px 40px}.home-container .section-header{margin-bottom:50px;text-align:center}.home-container .section-header h2{color:var(--home-text-primary);font-size:2.5em;font-weight:600;margin-bottom:15px}.home-container .section-header p{color:var(--home-text-secondary);font-size:1.2em;line-height:1.6;margin:0 auto;max-width:600px}.home-container .what-is-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.home-container .what-is-card{background:var(--home-bg-primary);border:1px solid #0000;border-radius:var(--home-border-radius);box-shadow:var(--home-shadow-light);overflow:hidden;padding:30px 20px;position:relative;text-align:center;transition:var(--home-transition)}.home-container .what-is-card:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.home-container .what-is-card:hover:before{left:100%}.home-container .what-is-card:hover{border-color:var(--home-primary-color);box-shadow:var(--home-shadow-medium);transform:translateY(-8px)}.home-container .what-is-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--home-primary-color),var(--home-primary-light));-webkit-background-clip:text;background-clip:text;font-size:2.8em;margin-bottom:20px}.home-container .what-is-card h3{color:var(--home-text-primary);font-size:1.5em;font-weight:600;margin-bottom:20px}.home-container .what-is-card p{color:var(--home-text-secondary);font-size:1.1em;line-height:1.6;margin:0}.home-container .how-it-works-section{background:var(--home-bg-secondary);padding:80px 40px}.home-container .how-it-works-section h2{color:var(--home-text-primary);font-size:2.5em;font-weight:600;margin-bottom:50px;text-align:center}.home-container .steps-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.home-container .step-card{background:var(--home-bg-primary);border-radius:var(--home-border-radius);box-shadow:var(--home-shadow-light);padding:25px 20px;position:relative;text-align:center;transition:var(--home-transition)}.home-container .step-card:hover{box-shadow:var(--home-shadow-medium);transform:translateY(-5px)}.home-container .step-number{align-items:center;background:linear-gradient(135deg,var(--home-primary-color),var(--home-primary-light));border-radius:50%;color:#fff;display:flex;font-size:1.2em;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:40px}.home-container .step-icon{font-size:2.5em;margin:20px 0}.home-container .step-card h3{color:var(--home-text-primary);font-size:1.3em;font-weight:600;margin-bottom:15px}.home-container .step-card p{color:var(--home-text-secondary);line-height:1.5}.home-container .quick-actions-section{background:var(--home-bg-secondary);padding:80px 40px}.home-container .quick-actions-section h2{color:var(--home-text-primary);font-size:2.5em;font-weight:600;margin-bottom:50px;text-align:center}.home-container .actions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.home-container .action-card{align-items:center;background:var(--home-bg-primary);border:2px solid #0000;border-radius:var(--home-border-radius);box-shadow:var(--home-shadow-light);color:var(--home-text-primary);display:flex;flex-direction:column;justify-content:center;min-height:160px;overflow:hidden;padding:30px 20px;position:relative;text-align:center;text-decoration:none;transition:var(--home-transition)}.home-container .action-card:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.home-container .action-card:hover:before{left:100%}.home-container .action-card:hover{border-color:var(--home-primary-color);box-shadow:var(--home-shadow-medium);color:var(--home-text-primary);transform:translateY(-8px)}.home-container .action-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--home-primary-color),var(--home-primary-light));-webkit-background-clip:text;background-clip:text;font-size:2.8em;margin-bottom:20px}.home-container .action-card h3{color:var(--home-text-primary);font-size:1.4em;font-weight:600;margin-bottom:15px}.home-container .action-card p{color:var(--home-text-secondary);font-size:1em;line-height:1.6;margin:0}.home-container .action-arrow{color:var(--home-primary-color);font-size:1.5em;margin-top:15px;transition:var(--home-transition)}.home-container .action-card:hover .action-arrow{transform:translateX(5px)}.home-container .home-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;color:#1f2937;font-size:.9em;padding:30px 20px;text-align:center}.home-container.dark-mode .home-footer{background:#1f2937;border-top:1px solid #374151;color:#f9fafb}.home-container .footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:15px}.home-container .footer-links a{border-radius:6px;color:#1f2937;font-weight:500;margin:0;padding:8px 16px;text-decoration:none;transition:var(--home-transition)}.home-container.dark-mode .footer-links a{color:#f9fafb}.home-container .footer-links a:hover{background:#f3f4f6;color:#6b46c1;text-decoration:none}.home-container.dark-mode .footer-links a:hover{background:#6b46c126;color:#8a63d2}.home-container .animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.home-container .animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes home-slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes home-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes home-glow{0%{text-shadow:0 0 20px #ffffff80}to{text-shadow:0 0 30px #fffc}}@media (max-width:1024px){.home-container .hero-section{flex-direction:column;gap:40px;min-height:auto;padding:40px 20px;text-align:center}.home-container .hero-content{margin-bottom:0;max-width:100%}.home-container .hero-title{font-size:2.8em}.home-container .hero-stats{gap:30px;justify-content:center}.home-container .hero-visual,.home-container .security-shield{height:240px;width:240px}.home-container .security-shield:before{height:260px;width:260px}}@media (max-width:768px){.home-container .home-header{flex-direction:column;gap:15px;padding:15px 20px}.home-container .home-nav{flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 16px;width:100%}.home-container .home-nav a{font-size:.9rem;padding:8px 12px}.home-container .user-info{justify-content:space-between;width:100%}.home-container .hero-section{gap:30px;padding:30px 20px}.home-container .hero-title{font-size:2.2em;margin-bottom:16px}.home-container .hero-description{font-size:1em;margin-bottom:24px}.home-container .hero-stats{flex-direction:row;gap:20px;margin-bottom:30px}.home-container .stat-number{font-size:1.8em}.home-container .cta-buttons{flex-direction:column;gap:12px;width:100%}.home-container .cta-btn{justify-content:center;min-width:auto;width:100%}.home-container .hero-visual,.home-container .security-shield{height:200px;width:200px}.home-container .security-shield:before{height:220px;width:220px}.home-container .shield-inner{font-size:2.5em}.home-container .actions-grid,.home-container .steps-container,.home-container .what-is-grid{grid-template-columns:1fr}.home-container .action-card,.home-container .step-card,.home-container .what-is-card{margin:0 10px}.home-container .how-it-works-section,.home-container .quick-actions-section,.home-container .what-is-atat-section{padding:50px 20px!important}.home-container .footer-links{flex-direction:column;gap:10px}}@media (max-width:480px){.home-container .hero-title{font-size:1.8em}.home-container .hero-description{font-size:.9em}.home-container .hero-stats{flex-direction:column;gap:15px;text-align:center}.home-container .hero-stat-item{align-items:center}.home-container .how-it-works-section h2,.home-container .quick-actions-section h2,.home-container .what-is-atat-section h2{font-size:1.8em}.home-container .stat-number{font-size:1.6em}.home-container .action-icon,.home-container .what-is-icon{font-size:2.5em}.home-container .cta-btn{font-size:.9rem;padding:12px 20px}.home-container .hero-visual,.home-container .security-shield{height:160px;width:160px}.home-container .security-shield:before{height:180px;width:180px}.home-container .shield-inner{font-size:2em}}:root{--text-primary:#333;--text-secondary:#666;--bg-primary:#f5f7fa;--gradient-bg:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);--primary-gradient:linear-gradient(135deg,#667eea,#764ba2)}.dark-mode{--text-primary:#e0e0e0;--text-secondary:#a3a3a3;--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--secondary-color:#444;--gradient-bg:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);--primary-gradient:linear-gradient(135deg,#4c5696,#5d3c7c)}.manage-apis-container{background:#f5f7fa;background:var(--bg-primary);color:#333;color:var(--text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.manage-apis-main{flex:1 1;margin:0 auto;max-width:1400px;padding:0;width:100%}.manage-apis-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .logo{color:#8a63d2;color:var(--primary-light)}.manage-apis-nav{background:#f5f7fa;background:var(--bg-primary);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);display:flex;gap:30px;padding:12px 24px}.manage-apis-nav a{border-radius:8px;border-radius:var(--border-radius-small);color:#666;color:var(--text-secondary);font-size:1.1em;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.manage-apis-nav a:hover{background:#8a63d2;background:var(--primary-light);color:#fff;transform:translateY(-2px)}.dark-mode .manage-apis-nav a:hover{background:#9f7ae0}.manage-apis-nav a.active{background:#6b46c1;background:var(--primary-color);color:#fff;font-weight:600}.dark-mode .manage-apis-nav a.active{background:#8a63d2;background:var(--primary-light)}.dark-mode .user-avatar{background:linear-gradient(135deg,#8a63d2,#9f7ae0);background:linear-gradient(135deg,var(--primary-light),#9f7ae0)}.user-greeting{color:#666}.user-name{color:#333}.logout-btn,.theme-toggle-btn{background:none}.dark-mode .logout-btn,.dark-mode .theme-toggle-btn{border-color:#8a63d2;border-color:var(--primary-light);color:#8a63d2;color:var(--primary-light)}.dark-mode .logout-btn:hover,.dark-mode .theme-toggle-btn:hover{background:#8a63d2;background:var(--primary-light);color:#fff}.manage-apis-hero{background:linear-gradient(135deg,#fff,#f5f7fa);background:var(--gradient-bg);overflow:hidden;padding:80px 40px;position:relative;text-align:center}.manage-apis-hero:before{background:radial-gradient(circle at 30% 40%,#6b46c11a 0,#0000 50%),radial-gradient(circle at 70% 60%,#8a63d21a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.dark-mode .manage-apis-hero:before{background:radial-gradient(circle at 30% 40%,#8a63d226 0,#0000 50%),radial-gradient(circle at 70% 60%,#9f7ae026 0,#0000 50%)}.hero-title{color:#333}.hero-description{color:#666;margin-bottom:40px}.hero-actions{animation:fadeInUp .8s ease-out .4s both;display:flex;gap:20px;justify-content:center}.manage-apis-top{align-items:center;background:#f5f7fa;background:var(--bg-primary);display:flex;justify-content:space-between;padding:40px 40px 20px}.section-title{color:#333;font-size:2.5em;margin:0}.add-api-btn{align-items:center;border:2px solid #6b46c1;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);color:#6b46c1;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.1em;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-api-btn,.dark-mode .add-api-btn{background:#fff;background:var(--bg-secondary)}.dark-mode .add-api-btn{border-color:#8a63d2;border-color:var(--primary-light);color:#8a63d2;color:var(--primary-light)}.add-api-btn:hover{background:#6b46c1;background:var(--primary-color);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);color:#fff;transform:translateY(-3px)}.dark-mode .add-api-btn:hover{background:#8a63d2;background:var(--primary-light);color:#fff}.api-stats-section{background:#f5f7fa;background:var(--bg-primary);padding:20px 40px 40px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.stat-card{border:1px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);overflow:hidden;padding:30px 25px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark-mode .stat-card,.stat-card{background:#fff;background:var(--bg-secondary)}.dark-mode .stat-card{border-color:#e0e0e0;border-color:var(--secondary-color)}.stat-card:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dark-mode .stat-card:before{background:linear-gradient(90deg,#0000,#8a63d226,#0000)}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.dark-mode .stat-card:hover{border-color:#8a63d2;border-color:var(--primary-light)}.stat-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin-bottom:15px}.dark-mode .stat-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a63d2,#9f7ae0);background:linear-gradient(135deg,var(--primary-light),#9f7ae0);-webkit-background-clip:text}.stat-number{color:#6b46c1;color:var(--primary-color);display:block;font-size:2.2em;font-weight:700;margin-bottom:8px}.dark-mode .stat-number{color:#8a63d2;color:var(--primary-light)}.stat-label{color:#666;color:var(--text-secondary);font-size:1em;font-weight:500}.apis-list-section{background:#f5f7fa;background:var(--bg-primary);padding:40px}.apis-list{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);margin:0 auto;max-width:1400px;overflow:hidden}.apis-list,.dark-mode .apis-list{background:#fff;background:var(--bg-secondary)}.apis-list-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-top-left-radius:12px;border-top-left-radius:var(--border-radius);border-top-right-radius:12px;border-top-right-radius:var(--border-radius);color:#fff;padding:30px 40px;text-align:center}.dark-mode .apis-list-header{background:linear-gradient(135deg,#8a63d2,#9f7ae0);background:linear-gradient(135deg,var(--primary-light),#9f7ae0)}.list-title{font-size:1.8em;font-weight:600;margin:0 0 10px}.list-description{font-size:1.1em;margin:0;opacity:.9}.apis-grid{grid-gap:25px;align-items:stretch;display:grid;gap:25px;grid-auto-rows:minmax(300px,auto);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:40px}.api-card{background:#f5f7fa;background:var(--bg-primary);border:1px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);display:flex;flex-direction:column;height:100%;min-height:300px;overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark-mode .api-card{background:#fff;background:var(--bg-secondary)}.api-card:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dark-mode .api-card:before{background:linear-gradient(90deg,#0000,#8a63d226,#0000)}.api-card:hover:before{left:100%}.api-card:hover{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-8px)}.dark-mode .api-card:hover{border-color:#8a63d2;border-color:var(--primary-light)}.api-card-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.api-name-owner{display:flex;flex-direction:column;flex-grow:1;gap:4px}.api-name{color:#333;color:var(--text-primary);flex:1 1;font-size:1.4em;font-weight:600;line-height:1.3;margin:0 15px 0 0;word-break:break-word}.api-owner-badge{align-self:flex-start;background-color:#f5f7fa;background-color:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:12px;color:#666;color:var(--text-secondary);display:inline-block;font-size:.8em;font-weight:500;padding:3px 8px}.dark-mode .api-owner-badge{background-color:#fff;background-color:var(--bg-secondary)}.api-status{border-radius:20px;flex-shrink:0;font-size:.8em;font-weight:600;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.api-status.active{background:#d4edda;color:#155724}.dark-mode .api-status.active{background:#1f3f2f;color:#66bb6a}.api-status.inactive{background:#f8d7da;color:#721c24}.dark-mode .api-status.inactive{background:#3f1f1f;color:#ef5350}.api-status.warning{background:#fff3cd;color:#856404}.dark-mode .api-status.warning{background:#4d3c1a;color:#ffca28}.api-url{background:#6b46c11a;border-radius:8px;border-radius:var(--border-radius-small);color:#6b46c1;color:var(--primary-color);flex-shrink:0;font-family:Courier New,monospace;font-size:.95em;margin-bottom:15px;padding:8px 12px;word-break:break-all}.dark-mode .api-url{background:#8a63d21a;color:#8a63d2;color:var(--primary-light)}.api-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-family:monospace;line-height:1.5;margin-bottom:15px;min-height:40px;overflow:hidden;text-overflow:ellipsis}.api-description,.api-meta{color:#666;color:var(--text-secondary)}.api-meta{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--secondary-color);display:flex;flex-shrink:0;font-size:.9em;justify-content:space-between;margin:20px 0;padding-top:15px}.vulnerabilities-found{background-color:#ffc1071a;border-radius:8px;border-radius:var(--border-radius-small);color:#ffc107;color:var(--warning-color);font-weight:700;margin-bottom:15px;padding:8px;text-align:center}.api-card-actions{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-top:auto}.api-card-actions.redesigned{grid-template-columns:repeat(4,1fr)}.action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.9em;font-weight:600;gap:6px;justify-content:center;min-height:36px;padding:10px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.edit{background:#fff;background:var(--bg-secondary);border:1px solid #6b46c1;border:1px solid var(--primary-color);color:#6b46c1;color:var(--primary-color)}.dark-mode .action-btn.edit{background:#f5f7fa;background:var(--bg-primary);border-color:#8a63d2;border-color:var(--primary-light);color:#8a63d2;color:var(--primary-light)}.action-btn.edit:hover{background:#6b46c1;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.dark-mode .action-btn.edit:hover{background:#8a63d2;background:var(--primary-light)}.action-btn.delete{background:#fff;background:var(--bg-secondary);border:1px solid #dc3545;border:1px solid var(--danger-color);color:#dc3545;color:var(--danger-color)}.dark-mode .action-btn.delete{background:#f5f7fa;background:var(--bg-primary);border-color:#dc3545;border-color:var(--danger-color)}.action-btn.delete:hover{background:#dc3545;background:var(--danger-color);color:#fff;transform:translateY(-2px)}.dark-mode .action-btn.delete:hover{background-color:#dc35451a}.action-btn.scan{background-color:#6b46c1;background-color:var(--primary-color);border:1px solid #6b46c1;border:1px solid var(--primary-color);color:#fff}.dark-mode .action-btn.scan{background:#333539;border-color:#28a745;border-color:var(--success-color)}.action-btn.scan:hover{background-color:#553c9a;background-color:var(--primary-dark);transform:translateY(-2px)}.dark-mode .action-btn.scan:hover{background:#479e5b}.action-btn.endpoints,.action-btn.history{background-color:#fff;background-color:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color);color:#333;color:var(--text-primary)}.action-btn.endpoints:hover,.action-btn.history:hover{background-color:#e0e0e0;background-color:var(--secondary-color)}.action-btn.schedule{background-color:#fff;background-color:var(--bg-secondary);border-color:#17a2b8;border-color:var(--info-color);color:#17a2b8;color:var(--info-color)}.action-btn.schedule:hover{background-color:#17a2b8;background-color:var(--info-color);color:#fff}.action-btn.manage-shared-btn{background-color:#6b46c1;background-color:var(--primary-color);color:#fff;font-size:1.1em;grid-column:1/-1;padding:12px}.action-btn.manage-shared-btn:hover{background-color:#553c9a;background-color:var(--primary-dark)}.action-btn.manage-btn{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);color:#333;color:var(--text-primary)}.action-btn.manage-btn:hover{background-color:#e0e0e0;background-color:var(--secondary-color)}.action-btn.large-btn{font-size:1.1em;font-weight:600;padding:15px}.dropdown-container{height:100%;position:relative;width:100%}.dropdown-menu{animation:fadeIn .1s ease-in-out;background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:10}.dropdown-menu-item{align-items:center;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95em;font-weight:500;gap:10px;padding:12px 16px;transition:background-color .2s ease}.dropdown-menu-item:hover{background-color:#f5f7fa;background-color:var(--bg-primary)}.dark-mode .dropdown-menu-item:hover{background-color:#3a3a3a}.dropdown-menu-item.danger{color:#dc3545;color:var(--danger-color)}.dropdown-menu-item.danger:hover{background-color:#dc35451a}.dropdown-menu-item.separator{background-color:#e0e0e0;background-color:var(--secondary-color);height:1px;margin:4px 0;padding:0}.no-apis{color:#666;color:var(--text-secondary);grid-column:1/-1;padding:80px 40px;text-align:center}.no-apis-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:4em;margin-bottom:25px}.dark-mode .no-apis-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a63d2,#9f7ae0);background:linear-gradient(135deg,var(--primary-light),#9f7ae0);-webkit-background-clip:text}.no-apis h3{color:#333;color:var(--text-primary);font-size:1.5em;font-weight:600;margin-bottom:15px}.no-apis p{font-size:1.1em;line-height:1.6;margin-bottom:30px}.permission-info-placeholder{align-items:center;border:1px dashed #e0e0e0;border:1px dashed var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);display:flex;grid-column:span 4;justify-content:center;padding:10px}.permission-level{color:#666;color:var(--text-secondary);font-size:.9em;font-weight:500;text-transform:capitalize}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInUp .3s ease-out;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0003;box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.dark-mode .modal-content,.modal-content{background:#fff;background:var(--bg-secondary)}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:space-between;padding:30px 40px 20px}.modal-header h2{color:#333;color:var(--text-primary);font-size:1.8em;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2em;height:40px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.close-btn:hover{background:#dc35451a;color:#dc3545;color:var(--danger-color);transform:rotate(90deg)}.dark-mode .close-btn:hover{background:#ef535026;color:#dc3545;color:var(--danger-color)}.modal-body-scrollable{max-height:70vh;overflow-y:auto}.modal-form{background:#fff;background:var(--bg-secondary);padding:30px}.modal-form,.modal-form h3{color:#333;color:var(--text-primary)}.modal-form h3{font-weight:600;margin-bottom:15px}.modal-form p{color:#666;color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-actions{background-color:#f5f7fa;background-color:var(--bg-primary);border-top:1px solid #e0e0e0;border-top:1px solid var(--secondary-color);display:flex;gap:15px;justify-content:flex-end;padding:20px 40px 30px}.modal-subtitle{color:#666;color:var(--text-secondary);margin-top:0;text-align:center}.form-group,.modal-subtitle{margin-bottom:25px}.form-group label{color:#333;display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#f5f7fa;box-sizing:border-box;color:#333;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group small{color:#666;color:var(--text-secondary);display:block;font-size:.9em;line-height:1.4;margin-top:8px}.search-input,.sort-select{background-color:#f5f7fa;background-color:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;color:#333;color:var(--text-primary);font-size:1em;padding:10px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus,.sort-select:focus{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b46c11a;outline:none}.search-input{min-width:250px}.file-upload-area{background:#f5f7fa;background:var(--bg-primary);border:2px dashed #e0e0e0;border:2px dashed var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);cursor:pointer;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark-mode .file-upload-area{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.file-upload-area:hover{background:#6b46c10d;border-color:#6b46c1;border-color:var(--primary-color)}.dark-mode .file-upload-area:hover{background:#8a63d21a;border-color:#8a63d2;border-color:var(--primary-light)}.file-upload-area.dragover{background:#6b46c11a;border-color:#6b46c1;border-color:var(--primary-color)}.dark-mode .file-upload-area.dragover{background:#8a63d226;border-color:#8a63d2;border-color:var(--primary-light)}.upload-icon{color:#666;color:var(--text-secondary);font-size:3em;margin-bottom:15px}.upload-text{color:#333;color:var(--text-primary);font-size:1.1em;margin-bottom:10px}.upload-hint{color:#666;color:var(--text-secondary);font-size:.9em}.file-upload-zone{background:#1c1c23;border:2px dashed #555;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:background .3s ease,border-color .3s ease}.file-upload-zone.active{background:#262630;border-color:#7f5af0}.file-upload-content{align-items:center;display:flex;flex-direction:column;gap:6px}.file-select-text{color:#7f5af0;font-weight:600}.file-name{color:#aaa;font-size:.9rem}.file-drop-zone{background:#23232b;border:2px dashed #444;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.file-drop-zone.active{background:#2c2c36;border-color:#6366f1}.cancel-btn,.delete-confirm-btn,.save-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-small);cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cancel-btn{background:#f5f7fa;background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--secondary-color);color:#333;color:var(--text-primary)}.dark-mode .cancel-btn{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.cancel-btn:hover{background:#333;background:var(--text-primary);color:#f5f7fa;color:var(--bg-primary);transform:translateY(-2px)}.dark-mode .cancel-btn:hover{background:#333;background:var(--text-primary);color:#fff;color:var(--bg-secondary)}.save-btn{background:#fff;background:var(--bg-secondary);border:2px solid #6b46c1;border:2px solid var(--primary-color);color:#6b46c1;color:var(--primary-color)}.dark-mode .save-btn{background:#f5f7fa;background:var(--bg-primary);border-color:#8a63d2;border-color:var(--primary-light);color:#8a63d2;color:var(--primary-light)}.save-btn:hover{background:#6b46c1;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.dark-mode .save-btn:hover{background:#8a63d2;background:var(--primary-light)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-confirm-btn{background:#dc3545;background:var(--danger-color);border:2px solid #dc3545;border:2px solid var(--danger-color);color:#fff}.delete-confirm-btn:hover{background:#c82333;transform:translateY(-2px)}.dark-mode .delete-confirm-btn:hover{background:#b71c1c}.delete-confirm-btn.full-width{width:100%}.message{animation:slideInRight .3s ease-out;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);font-weight:600;max-width:400px;padding:15px 25px;position:fixed;right:30px;top:100px;z-index:1001}.message.success{background:#28a745;background:var(--success-color);color:#fff}.message.error{background:#dc3545;background:var(--danger-color);color:#fff}.message.info{background:#17a2b8;background:var(--info-color);color:#fff}.error-text,.modal-form .error-message{color:#dc3545;color:var(--danger-color)}.modal-form .error-message{background:#dc35451a;border-left:4px solid #dc3545;border-left:4px solid var(--danger-color);border-radius:8px;border-radius:var(--border-radius-small);margin:15px 0;padding:10px}.endpoint-list,.past-scans-list{font-family:JetBrains Mono,Fira Mono,Consolas,monospace;list-style:none;margin:0;padding:0}.endpoint-card{background:#fff;background:var(--bg-secondary);border:1.5px solid #e0e0e0;border:1.5px solid var(--secondary-color);border-radius:10px;box-shadow:0 2px 8px 0 0 4px 20px #00000026;box-shadow:0 2px 8px 0 var(--shadow-medium);display:flex;flex-direction:column;font-size:15px;margin-bottom:18px;padding:18px 20px 13px;transition:box-shadow .16s,border .16s}.endpoint-card:hover{border-color:#8a63d2;border-color:var(--primary-light);box-shadow:0 4px 18px 0 #8a63d2;box-shadow:0 4px 18px 0 var(--primary-light)}.dark-mode .endpoint-card{background:#f5f7fa;background:var(--bg-primary);border-color:#553c9a;border-color:var(--primary-dark)}.endpoint-method-path{align-items:center;display:flex;font-family:inherit;gap:10px;margin-bottom:4px}.dark-mode .endpoint-method-path{color:#ccc}.endpoint-method{border-radius:5px 0 0 5px;box-shadow:0 1px 3px #0000000a;display:inline-block;font-size:16px;font-weight:700;letter-spacing:1px;min-width:54px;opacity:.92;padding:2px 12px 2px 8px;text-align:center;text-transform:uppercase}.endpoint-path{font-size:15px;font-weight:600;margin-left:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;word-break:break-all}.dark-mode .endpoint-path,.endpoint-path{color:#8a63d2;color:var(--primary-light)}.endpoint-summary{color:#666;color:var(--text-secondary);font-family:Segoe UI,Arial,sans-serif;font-size:14px;margin-top:5px;opacity:.93;padding-left:2px}.endpoint-flag-card{border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;margin-bottom:10px;padding:15px}.endpoint-flag-card p{margin:0 0 10px}.flags-container{display:flex;flex-wrap:wrap;gap:15px}.flag-label{align-items:center;cursor:pointer;display:flex;font-size:.9em;gap:8px}.flag-label input[type=checkbox]{display:none}.flag-toggle-switch{background-color:#e0e0e0;background-color:var(--secondary-color);border-radius:11px;height:22px;position:relative;transition:background-color .2s ease;width:40px}.flag-toggle-slider{background-color:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:18px}.flag-label input[type=checkbox]:checked+.flag-toggle-switch{background-color:#6b46c1;background-color:var(--primary-color)}.flag-label input[type=checkbox]:checked+.flag-toggle-switch .flag-toggle-slider{transform:translateX(18px)}.past-scan-item{align-items:flex-start;border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;flex-direction:column;margin-bottom:10px;padding:15px}.past-scan-actions,.past-scan-item{display:flex;gap:10px}.vulnerability-card{border-left-width:5px;border-radius:8px;margin-bottom:15px;padding:15px}.vulnerability-card h3{margin-top:0}.severity-high{background-color:#dc35450d;border-color:#dc3545;border-color:var(--danger-color)}.severity-medium{background-color:#ffc1070d;border-color:#ffc107;border-color:var(--warning-color)}.severity-low{background-color:#17a2b80d;border-color:#17a2b8;border-color:var(--info-color)}.no-vulnerabilities{padding:30px;text-align:center}.divider{background-color:#e0e0e0;background-color:var(--secondary-color);border:none;height:1px;margin:30px 0}.schedule-container{background-color:#f5f7fa;background-color:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);margin-top:10px;padding:25px;text-align:center}.schedule-container p{color:#666;color:var(--text-secondary);font-size:1.1em;line-height:1.6;margin:0 0 20px}.schedule-container strong{border-radius:4px;font-weight:600;padding:4px 8px}.schedule-actions .action-btn,.schedule-container strong{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);color:#333;color:var(--text-primary)}.schedule-actions .action-btn{padding:10px 20px}.schedule-actions .action-btn:hover{background-color:#e0e0e0;background-color:var(--secondary-color);border-color:#e0e0e0;border-color:var(--secondary-color);transform:translateY(-2px)}.share-details-container p{color:#666;color:var(--text-secondary);font-size:1.1em;line-height:1.6}.share-details-container strong{color:#333;color:var(--text-primary)}.shared-api-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin:20px 0}.manage-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.manage-action-btn{align-items:center;background-color:#f5f7fa;background-color:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);color:#333;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:1em;font-weight:600;gap:12px;justify-content:center;padding:20px;text-align:center;transition:all .2s ease}.manage-action-btn:hover{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);color:#6b46c1;color:var(--primary-color);transform:translateY(-3px)}.dark-mode .manage-action-btn:hover{border-color:#8a63d2;border-color:var(--primary-light);color:#8a63d2;color:var(--primary-light)}.manage-action-icon{font-size:2em}.danger-zone{background-color:#dc35450d;border:1px solid #dc3545;border:1px solid var(--danger-color);border-radius:12px;border-radius:var(--border-radius);margin-top:20px;padding:20px;text-align:center}.danger-zone h4{color:#dc3545;color:var(--danger-color);margin-top:0}.danger-zone p{color:#666;color:var(--text-secondary);font-size:.9em;margin-bottom:15px}.flags-modal-header .search-input{width:100%}.modal-actions.space-between{align-items:center;justify-content:space-between}.pagination-controls{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-weight:500;gap:15px}.pagination-btn{background:none;border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);color:#333;color:var(--text-primary);cursor:pointer;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pagination-btn:hover:not(:disabled){background-color:#e0e0e0;background-color:var(--secondary-color);border-color:#666;border-color:var(--text-secondary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.main-actions{display:flex;gap:15px}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#6b46c1;border-top:4px solid var(--primary-color);height:40px;margin:20px auto;width:40px}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.apis-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{align-items:center;flex-direction:column}.api-card{min-height:280px}}@media (max-width:768px){.manage-apis-header{flex-direction:column;gap:15px;padding:20px}.manage-apis-nav{flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.user-info{justify-content:space-between;width:100%}.hero-title{font-size:2.5em}.hero-description{font-size:1.1em}.manage-apis-top{flex-direction:column;gap:20px;padding:30px 20px 10px;text-align:center}.section-title{font-size:2em}.apis-grid{gap:20px;grid-template-columns:1fr;padding:20px}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.api-card-actions{flex-wrap:wrap;gap:8px}.action-btn{flex:1 1;justify-content:center;min-width:calc(50% - 4px)}.modal-content{margin:20px;width:95%}.modal-actions,.modal-form,.modal-header{padding:20px}.modal-actions{flex-direction:column}.message{left:20px;right:20px;text-align:center}.api-card{min-height:260px}.api-card-header{align-items:flex-start;flex-direction:column;gap:10px}.api-name{margin-right:0}.api-status{align-self:flex-start}}@media (min-width:640px){.past-scan-item{align-items:center;flex-direction:row;justify-content:space-between}}@media (max-width:480px){.hero-title{font-size:2em}.section-title{font-size:1.8em}.stat-icon{font-size:2em}.stat-number{font-size:1.8em}.api-stats-section,.apis-list-section,.manage-apis-hero,.manage-apis-top{padding:40px 20px}.apis-grid,.apis-list-header{padding:20px}.apis-grid{gap:20px;grid-auto-rows:auto;grid-template-columns:1fr}.api-card{min-height:auto;padding:20px}.stats-grid{gap:15px;grid-template-columns:1fr}.api-card-actions{flex-direction:column;gap:10px}.action-btn{min-width:auto;width:100%}}.report-modal .modal-body-scrollable{background-color:#f5f7fa;background-color:var(--bg-primary)}.report-summary{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.summary-card{background-color:#f5f7fa;background-color:var(--bg-primary);border-radius:8px;border-radius:var(--border-radius-small);border-top:4px solid;display:flex;flex-direction:column;gap:4px;padding:15px}.scan-metadata{border-top:1px solid #e0e0e0;border-top:1px solid var(--secondary-color);color:#666;color:var(--text-secondary);display:flex;font-size:.9em;justify-content:space-between;margin-top:0;padding-top:20px}.vulnerability-accordion{display:flex;flex-direction:column;gap:10px}.vulnerability-item{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);overflow:hidden;transition:all .2s ease-in-out}.vulnerability-item.open{box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light)}.vulnerability-header{grid-gap:15px;align-items:center;background-color:#fff;background-color:var(--bg-secondary);cursor:pointer;display:grid;gap:15px;grid-template-columns:auto 1fr auto auto;padding:15px}.vulnerability-header:hover{background-color:#f5f7fa;background-color:var(--bg-primary)}.severity-badge{border-radius:20px;color:#fff;font-size:.8em;font-weight:700;padding:4px 10px;text-transform:uppercase}.severity-badge.high{background-color:#dc3545;background-color:var(--danger-color)}.severity-badge.medium{background-color:#ffc107;background-color:var(--warning-color)}.severity-badge.low{background-color:#17a2b8;background-color:var(--info-color)}.severity-badge.info{background-color:#666;background-color:var(--text-secondary)}.vuln-name{color:#333;color:var(--text-primary);font-weight:600}.vuln-path{font-family:monospace;font-size:.9em;justify-self:flex-end}.accordion-toggle,.vuln-path{color:#666;color:var(--text-secondary)}.accordion-toggle{font-size:1.5em;font-weight:500}.vulnerability-details{animation:fadeIn .3s ease;border-top:1px solid #e0e0e0;border-top:1px solid var(--secondary-color);display:flex;flex-wrap:wrap;gap:15px;padding:0 20px 20px}.detail-block{width:100%}.detail-block.half-width{width:calc(50% - 8px)}.detail-block strong{color:#333;color:var(--text-primary)}.detail-block p{color:#666;color:var(--text-secondary);line-height:1.5;margin:5px 0 0}.detail-block pre{background-color:#f5f7fa;background-color:var(--bg-primary);border-radius:8px;border-radius:var(--border-radius-small);padding:10px;white-space:pre-wrap;word-break:break-all}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-modal .summary-grid{display:flex;flex-wrap:wrap;gap:15px;width:100%}.report-modal .summary-card{background-color:#f5f7fa;background-color:var(--bg-primary);border-radius:8px;border-radius:var(--border-radius-small);border-top:4px solid;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px;padding:15px}.summary-card.total{border-color:#6b46c1;border-color:var(--primary-color)}.summary-card.high{border-color:#dc3545;border-color:var(--danger-color)}.summary-card.medium{border-color:#ffc107;border-color:var(--warning-color)}.summary-card.low{border-color:#17a2b8;border-color:var(--info-color)}.summary-value{color:#333;color:var(--text-primary);font-size:1.75em;font-weight:700;line-height:1.1}.summary-label{color:#666;color:var(--text-secondary);font-size:.85em;font-weight:500}.api-local-badge{align-self:flex-start;background:#4b6583;border-radius:10px;color:#fff;font-size:.7rem;padding:3px 8px}.api-status.scanning{align-items:center;background:#e2f3f5;color:#31708f;display:flex;gap:6px}.dark-mode .api-status.scanning{background:#1c3a4f;color:#90caf9}.api-status.scanning:before{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";display:inline-block;height:12px;opacity:.7;width:12px}.api-list-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 40px}.api-list-toolbar .list-title{font-size:1.5em;margin:0}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-wrapper{position:relative}.search-icon{color:#666;color:var(--text-secondary);left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.api-list-toolbar .search-input{padding-left:40px}.flags-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 30px}.flags-modal-header .search-input{flex-grow:1;min-width:200px}.demo-actions{align-items:center;display:flex;gap:15px}.demo-hint{font-size:.8em;font-style:italic;margin:0}.action-btn-secondary,.demo-hint{color:#666;color:var(--text-secondary)}.action-btn-secondary{background-color:#f5f7fa;background-color:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);cursor:pointer;font-size:.9em;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-btn-secondary:hover:not(:disabled){background-color:#e0e0e0;background-color:var(--secondary-color);color:#333;color:var(--text-primary)}.action-btn-secondary:disabled{cursor:not-allowed;opacity:.6}:root{--primary-color:#6b46c1;--primary-light:#8a63d2;--primary-dark:#553c9a;--secondary-color:#e0e0e0;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#f8fafc;--bg-secondary:#fff;--shadow-light:0 2px 10px #0000001a;--shadow-medium:0 4px 20px #00000026;--shadow-heavy:0 8px 30px #0003;--border-radius:12px;--border-radius-small:8px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--border-color:#d1d5db}.dark-mode{--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--shadow-light:0 2px 10px #0000004d;--shadow-medium:0 4px 20px #0006;--shadow-heavy:0 8px 30px #00000080;--success-color:#66bb6a;--warning-color:#ffca28;--danger-color:#ef5350;--info-color:#29b6f6;--border-color:#374151;--secondary-color:#374151}.settings-container{background:#f8fafc;background:var(--bg-primary);color:#1f2937;color:var(--text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.settings-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .settings-header{border-bottom:1px solid #374151}.logo{font-size:1.8em;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logo,.logo-text{color:#6b46c1;color:var(--primary-color)}.settings-nav{background:#f8fafc;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);display:flex;gap:30px;padding:12px 24px}.settings-nav a{border-radius:8px;border-radius:var(--border-radius-small);color:#4b5563;color:var(--text-secondary);font-size:1.1em;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.settings-nav a:hover{background:#8a63d2;background:var(--primary-light);color:#fff;transform:translateY(-2px)}.settings-nav a.active{background:#6b46c1;background:var(--primary-color);color:#fff;font-weight:600}.user-info{gap:20px}.user-info,.user-profile{align-items:center;display:flex}.user-profile{gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);color:#fff;display:flex;font-size:1.1em;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.user-avatar:hover{transform:scale(1.05)}.user-details{display:flex;flex-direction:column}.user-greeting{color:#4b5563;color:var(--text-secondary);font-size:.9em}.user-name{color:#1f2937;color:var(--text-primary);font-size:1em;font-weight:600}.logout-btn,.theme-toggle-btn{background:#0000;border:2px solid #6b46c1;border:2px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius-small);color:#6b46c1;color:var(--primary-color);cursor:pointer;font-size:1em;font-weight:500;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logout-btn:hover,.theme-toggle-btn:hover{background:#6b46c1;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.settings-main{flex:1 1;margin:0 auto;max-width:1400px;padding:0;width:100%}.settings-hero{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);overflow:hidden;padding:80px 40px;position:relative;text-align:center}.settings-hero:before{background:radial-gradient(circle at 30% 40%,#6b46c11a 0,#0000 50%),radial-gradient(circle at 70% 60%,#8a63d21a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.dark-mode .settings-hero:before{background:radial-gradient(circle at 30% 40%,#8a63d226 0,#0000 50%),radial-gradient(circle at 70% 60%,#9f7ae026 0,#0000 50%)}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.hero-title{animation:fadeInUp .8s ease-out;color:#1f2937;color:var(--text-primary);font-size:3.2em;font-weight:700;margin-bottom:20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text}.hero-description{animation:fadeInUp .8s ease-out .2s both;color:#4b5563;color:var(--text-secondary);font-size:1.3em;line-height:1.6}.settings-nav-section{background:#f8fafc;background:var(--bg-primary);padding:60px 40px}.settings-tabs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.settings-tab{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.settings-tab:before{background:linear-gradient(90deg,#0000,#6b46c11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dark-mode .settings-tab:before{background:linear-gradient(90deg,#0000,#8a63d226,#0000)}.settings-tab:hover:before{left:100%}.settings-tab:hover{border-color:#8a63d2;border-color:var(--primary-light);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.settings-tab.active{background:#6b46c1;background:var(--primary-color);border-color:#6b46c1;border-color:var(--primary-color);color:#fff}.settings-tab.active .tab-icon{background:#fff3;color:#fff}.settings-tab.active .tab-description,.settings-tab.active .tab-name{color:#fff}.tab-icon{align-items:center;background:#f8fafc;background:var(--bg-primary);border-radius:50%;display:flex;flex-shrink:0;font-size:2.5em;height:60px;justify-content:center;width:60px}.dark-mode .tab-icon,.tab-icon{color:#1f2937;color:var(--text-primary)}.dark-mode .tab-icon{background:#fff;background:var(--bg-secondary)}.tab-content{flex:1 1}.tab-name{color:#1f2937;color:var(--text-primary);display:block;font-size:1.3em;font-weight:600;margin-bottom:5px}.tab-description{color:#4b5563;color:var(--text-secondary);font-size:.9em;line-height:1.4;opacity:.8}.settings-content-section{background:#f8fafc;background:var(--bg-primary);padding:40px}.settings-content{margin:0 auto;max-width:1000px}.settings-panel{background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);overflow:hidden}.panel-header{background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:40px 40px 30px;text-align:center}.panel-title{color:#fff;font-size:2em;font-weight:600;margin-bottom:10px}.panel-description{color:#fff;font-size:1.1em;margin:0;opacity:.9}.settings-form{background:#fff;background:var(--bg-secondary);padding:40px}.avatar-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:center;margin-bottom:40px;padding-bottom:30px}.avatar-container{align-items:center;display:flex;gap:30px;text-align:center}.avatar-display{align-items:center;background:linear-gradient(135deg,#6b46c1,#8a63d2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:4px solid #e0e0e0;border:4px solid var(--secondary-color);border-radius:50%;box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);display:flex;height:120px;justify-content:center;margin:0 auto 1rem;overflow:hidden;position:relative;width:120px}.avatar-display img{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#fff;font-size:2.5em;font-weight:700;text-transform:uppercase}.avatar-actions{display:flex;flex-direction:column;gap:12px}.form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem;position:relative}.form-group.full-width{grid-column:1/-1}.form-group label{color:#1f2937;color:var(--text-primary);font-size:1em;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:1em;line-height:1.5;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b46c11a;outline:none}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:#8a63d2;border-color:var(--primary-light);box-shadow:0 0 0 3px #8a63d226}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#8a63d2;border-color:var(--primary-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:#4b5563;color:var(--text-secondary)}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#9ca3af}.form-group input:disabled{background-color:#e0e0e0;background-color:var(--secondary-color);color:#4b5563;color:var(--text-secondary);cursor:not-allowed;opacity:.6}.dark-mode .form-group input:disabled{background-color:#374151;border-color:#4b5563;color:#9ca3af}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;border-color:var(--danger-color);box-shadow:0 0 0 3px #dc35451a}.dark-mode .form-group input.error,.dark-mode .form-group select.error,.dark-mode .form-group textarea.error{border-color:#dc3545;border-color:var(--danger-color);box-shadow:0 0 0 3px #ef535026}.field-error{color:#dc3545;color:var(--danger-color);display:block;font-size:.875rem;font-weight:500;margin-top:.25rem}.form-note{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-top:.25rem}.form-note .field-error{color:#dc3545;color:var(--danger-color);font-weight:600}.form-group input:valid:not(:placeholder-shown),.form-group textarea:valid:not(:placeholder-shown){border-color:#28a745;border-color:var(--success-color)}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#dc3545;border-color:var(--danger-color)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-small);cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn.loading,.btn:disabled{pointer-events:none}.btn .loading-spinner{border-width:2px;height:16px;margin-right:.5rem;width:16px}.btn-primary{background:#6b46c1;background:var(--primary-color);border:2px solid #6b46c1;border:2px solid var(--primary-color);color:#fff}.btn-primary:hover{background:#553c9a;background:var(--primary-dark);border-color:#553c9a;border-color:var(--primary-dark);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);transform:translateY(-2px)}.dark-mode .btn-primary:hover{background:#8a63d2;background:var(--primary-light);border-color:#8a63d2;border-color:var(--primary-light)}.btn-secondary{background:#f8fafc;background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--secondary-color);color:#1f2937;color:var(--text-primary)}.btn-secondary:hover{background:#1f2937;background:var(--text-primary);color:#f8fafc;color:var(--bg-primary);transform:translateY(-2px)}.dark-mode .btn-secondary{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.dark-mode .btn-secondary:hover{background:#e0e0e0;background:var(--secondary-color);color:#1f2937;color:var(--text-primary)}.btn-outline{background:#0000;border:2px solid #6b46c1;border:2px solid var(--primary-color);color:#6b46c1;color:var(--primary-color)}.btn-outline:hover{background:#6b46c1;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.dark-mode .btn-outline{border-color:#8a63d2;border-color:var(--primary-light);color:#8a63d2;color:var(--primary-light)}.btn-text{background:none;border:none;color:#4b5563;color:var(--text-secondary);padding:8px 16px}.btn-text:hover{background:#6b46c11a;color:#6b46c1;color:var(--primary-color)}.dark-mode .btn-text:hover{background:#8a63d226;color:#8a63d2;color:var(--primary-light)}.btn-danger{background:#dc3545;background:var(--danger-color);border:2px solid #dc3545;border:2px solid var(--danger-color);color:#fff}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-2px)}.form-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--secondary-color);display:flex;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:30px}.notifications-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:40px}.notification-group{background:#f8fafc;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);padding:30px}.dark-mode .notification-group{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.group-title{border-bottom:2px solid #6b46c1;border-bottom:2px solid var(--primary-color);color:#1f2937;color:var(--text-primary);font-size:1.3em;font-weight:600;margin-bottom:25px;padding-bottom:15px}.notification-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:space-between;padding:20px 0}.notification-item:last-child{border-bottom:none}.notification-info h4{color:#1f2937;color:var(--text-primary);font-size:1.1em;font-weight:600;margin:0 0 8px}.notification-info p{color:#4b5563;color:var(--text-secondary);font-size:.9em;line-height:1.4;margin:0}.toggle-switch{display:inline-block;height:32px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#e0e0e0;background:var(--secondary-color);border-radius:32px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark-mode .toggle-slider{background:#4b5563}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:24px;left:4px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px}.dark-mode .toggle-slider:before{background:#e5e7eb}input:checked+.toggle-slider{background:#6b46c1;background:var(--primary-color)}input:checked+.toggle-slider:before{background:#fff;transform:translateX(28px)}.toggle-slider:hover{box-shadow:0 0 0 3px #6b46c133}.dark-mode .toggle-slider:hover{box-shadow:0 0 0 3px #8a63d233}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.security-sections{display:flex;flex-direction:column;gap:2rem}.security-section{background:#f8fafc;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);margin-bottom:40px;padding:1.5rem}.dark-mode .security-section{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.security-section:last-child{margin-bottom:0}.section-title{color:#1f2937;color:var(--text-primary);font-size:1.4em;font-weight:600;margin-bottom:25px}.security-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:space-between;padding:20px 0}.security-item:last-child{border-bottom:none}.security-info h4{color:#1f2937;color:var(--text-primary);font-size:1.1em;font-weight:600;margin:0 0 8px}.security-info p{color:#4b5563;color:var(--text-secondary);font-size:.9em;margin:0}.security-action{align-items:center;display:flex;gap:15px}.password-actions{display:flex;flex-wrap:wrap;gap:15px}.password-form{background:#f8fafc;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);padding:1.5rem}.dark-mode .password-form{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.preferences-grid{grid-gap:25px;display:grid;gap:25px;padding:40px}.preference-item{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--secondary-color);border-radius:8px;border-radius:var(--border-radius-small);display:flex;justify-content:space-between;padding:20px}.dark-mode .preference-item{background:#fff;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--secondary-color)}.preference-info h4{color:#1f2937;color:var(--text-primary);font-size:1.1em;font-weight:600;margin:0 0 8px}.preference-info p{color:#4b5563;color:var(--text-secondary);font-size:.9em;margin:0}.loading-container{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-top:3px solid #6b46c1;border:3px solid var(--secondary-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.dark-mode .loading-spinner{border-color:#e0e0e0;border-color:var(--secondary-color);border-top-color:#8a63d2;border-top-color:var(--primary-light)}.save-message{animation:slideInRight .3s ease-out;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);font-weight:600;max-width:400px;padding:15px 25px;position:fixed;right:30px;top:100px;z-index:1000}.save-message.success{background:#28a745;background:var(--success-color);border-left:4px solid #047857;color:#fff}.save-message.error{background:#dc3545;background:var(--danger-color);border-left:4px solid #b91c1c;color:#fff}.settings-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;color:#1f2937;font-size:.9em;padding:30px 20px;text-align:center}.dark-mode .settings-footer{background:#1f2937;border-top:1px solid #374151;color:#f9fafb}.footer-links a{border-radius:6px;color:#1f2937;font-weight:500;padding:8px 16px}.dark-mode .footer-links a{color:#f9fafb}.footer-links a:hover{background:#f3f4f6;color:#6b46c1;text-decoration:none}.dark-mode .footer-links a:hover{background:#6b46c126;color:#8a63d2}.animate-on-scroll{opacity:0;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes tabSwitch{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}input:focus,select:focus,textarea:focus{border-color:#6b46c1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b46c11a;outline:none}button:focus{box-shadow:0 0 0 3px #6b46c133;outline:none}@media (max-width:1024px){.settings-tabs{grid-template-columns:repeat(2,1fr)}.notifications-grid{grid-template-columns:1fr}.avatar-container{flex-direction:column;text-align:center}.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-header{flex-direction:column;gap:15px;padding:20px}.settings-nav{flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.user-info{justify-content:space-between;width:100%}.hero-title{font-size:2.5em}.hero-description{font-size:1.1em}.settings-tabs{grid-template-columns:1fr}.settings-tab{flex-direction:column;gap:15px;text-align:center}.notifications-grid,.panel-header,.preferences-grid,.settings-form{padding:30px 20px}.form-actions{flex-direction:column}.btn{width:100%}.notification-item,.preference-item,.security-item{flex-direction:column;gap:15px;text-align:center}.security-action{justify-content:space-between;width:100%}.password-actions{flex-direction:column;width:100%}.save-message{left:20px;max-width:none;right:20px;text-align:center;top:2rem}}@media (max-width:480px){.hero-title{font-size:2em}.settings-content-section,.settings-nav-section{padding:40px 20px}.avatar-display{height:100px;width:100px}.avatar-initials{font-size:2em}.settings-header{padding:15px}.settings-nav{gap:10px;padding:8px 16px}.settings-nav a{font-size:.9em;padding:8px 12px}}.manage-apis-footer{background:#3a3a3a;border-top:1px solid #4a4a4a;box-shadow:0 -2px 10px #0003;color:#f0f0f0;font-size:.9em;padding:30px 20px;text-align:center}.dark-mode .manage-apis-footer{background:#2a2a2a;border-top:1px solid #3a3a3a;color:#d0d0d0}.footer-links{margin-top:15px}.footer-links a{border-radius:4px;color:#f0f0f0;margin:0 15px;padding:5px 10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark-mode .footer-links a{color:#d0d0d0}.footer-links a:hover{background:#6b46c11a;color:#8a63d2;color:var(--primary-light)}.dark-mode .footer-links a:hover{background:#8a63d226}.animate-on-scroll{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=main.97f4c5ea.css.map*/