:root{--primary-light:#818cf8;--purple-500:#8b5cf6;--purple-600:#7c3aed;--blue-500:#3b82f6;--blue-600:#2563eb;--text-inverse:#fff;--bg-light:#f8fafc;--bg-overlay:#00000080;--border-light:#f3f4f6;--border-blue:#3b82f6;--border-purple:#8b5cf6;--shadow-card:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-accent:linear-gradient(135deg,#f59e0b,#ef4444);--gradient-blue-purple:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-purple-blue:linear-gradient(135deg,#8b5cf6,#3b82f6);--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease}.dark-mode{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-light:#9ca3af;--text-inverse:#1f2937;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-overlay:#000000b3;--border-color:#374151;--border-light:#4b5563}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-base),color var(--transition-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification{align-items:center;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:space-between;max-width:400px;min-width:300px;opacity:0;padding:16px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease;z-index:1000}.notification-visible{opacity:1;transform:translateX(0)}.notification-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.notification-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.notification-content{align-items:center;display:flex;flex:1 1;gap:12px}.notification-icon{flex-shrink:0;height:20px;width:20px}.notification-message{font-size:14px;font-weight:500;line-height:1.4;margin:0}.notification-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:12px;padding:4px;transition:background-color .2s ease}.notification-close:hover{background-color:#0000001a}.notification-close-icon{height:16px;opacity:.7;transition:opacity .2s ease;width:16px}.notification-close:hover .notification-close-icon{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-visible{animation:slideIn .3s ease forwards}.notification:not(.notification-visible){animation:slideOut .3s ease forwards}@media (max-width:768px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}@media (prefers-color-scheme:dark){.notification-success{background-color:#1e4d2b;border-color:#2d5a3d;color:#d4edda}.notification-error{background-color:#4d1e1e;border-color:#5a2d2d;color:#f8d7da}.notification-warning{background-color:#4d3e1e;border-color:#5a4d2d;color:#fff3cd}.notification-info{background-color:#1e4d4d;border-color:#2d5a5a;color:#d1ecf1}.notification-close:hover{background-color:#ffffff1a}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--navbar-bg,#fff);border-bottom:1px solid #00000014;border-bottom:1px solid var(--navbar-border,#00000014);box-shadow:0 2px 20px #00000014;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar-dark{--navbar-bg:#1a1a2e;--navbar-border:#ffffff1a;--navbar-text:#fff;--navbar-text-secondary:#b0b0b0;--navbar-hover:#ffffff1a;--navbar-active:#0055a4;--navbar-shadow:#0000004d}.navbar-light{--navbar-bg:#fff;--navbar-border:#00000014;--navbar-text:#1a1a2e;--navbar-text-secondary:#666;--navbar-hover:#0055a414;--navbar-active:#0055a4;--navbar-shadow:#0000001a}.navbar-container{gap:2rem;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--navbar-text);flex-shrink:0;gap:1rem;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.02)}.logo-icon{background:#0000;box-shadow:0 4px 15px #0055a44d;height:50px;padding:4px;transition:all .3s ease;width:50px}.logo-icon:hover{box-shadow:0 6px 20px #0055a466;transform:rotate(5deg) scale(1.1)}.logo-icon img,.logo-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;object-fit:contain;width:100%}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;letter-spacing:-.5px}.logo-subtitle{color:var(--navbar-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px}.navbar-nav{flex:1 1;justify-content:center}.nav-link,.navbar-nav{align-items:center;display:flex;gap:.5rem}.nav-link{border-radius:10px;color:var(--navbar-text);font-size:.95rem;font-weight:500;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:focus-visible{outline:2px solid var(--navbar-active);outline-offset:2px}.nav-link:before{background:var(--navbar-hover);border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-link:hover:before{opacity:1}.nav-link:hover{color:var(--navbar-active);transform:translateY(-2px)}.nav-link.active{background:var(--navbar-hover);color:var(--navbar-active)}.nav-link.active:before{opacity:1}.nav-link i{font-size:1rem;transition:transform .3s ease}.nav-link:hover i{transform:scale(1.1)}.navbar-actions{gap:.75rem}.navbar-action-btn,.navbar-actions{align-items:center;display:flex;flex-shrink:0}.navbar-action-btn{background:var(--navbar-hover);border:none;border-radius:10px;color:var(--navbar-text);cursor:pointer;font-size:1.1rem;height:42px;justify-content:center;min-width:42px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.navbar-action-btn:focus-visible{outline:2px solid var(--navbar-active);outline-offset:2px}.navbar-action-btn:before{background:#0055a433;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.navbar-action-btn:hover:before{height:300px;width:300px}.navbar-action-btn:hover{background:var(--navbar-active);box-shadow:0 4px 15px #0055a44d;color:#fff;transform:translateY(-2px) scale(1.05)}.navbar-action-btn:active{transform:translateY(0) scale(.98)}.notification-btn-nav{position:relative}.theme-toggle svg{flex-shrink:0;transition:transform .5s ease}.theme-toggle:hover svg{transform:rotate(180deg)}.language-toggle{height:42px;padding:0;width:42px}.flag-icon,.language-toggle{align-items:center;display:flex;justify-content:center}.flag-icon{font-size:1.3rem;line-height:1}.flag-emoji{display:inline-block;transition:transform .3s ease}.language-toggle:hover .flag-emoji{transform:scale(1.2) rotate(5deg)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:var(--navbar-hover);border:none;border-radius:10px;color:var(--navbar-text);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.5rem;height:42px;padding:0 .5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-menu-trigger:focus-visible{outline:2px solid var(--navbar-active);outline-offset:2px}.user-menu-trigger:hover{background:var(--navbar-active);box-shadow:0 4px 15px #0055a44d;color:#fff;transform:translateY(-2px)}.user-avatar{border:2px solid var(--navbar-active);border-radius:50%;box-shadow:0 2px 8px #0055a433;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#0055a4,#ef4135);color:#fff;display:flex;font-size:.9rem;font-weight:700;height:100%;justify-content:center;width:100%}.avatar-fallback.hidden{display:none}.avatar-fallback.visible{display:flex}.user-name{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-trigger i{flex-shrink:0;font-size:.7rem;transition:transform .3s ease}.user-menu-trigger:hover i{transform:translateY(2px)}.user-menu-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:var(--navbar-bg);border:1px solid var(--navbar-border);border-radius:16px;box-shadow:0 10px 40px var(--navbar-shadow);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1000}[dir=rtl] .user-menu-dropdown{left:0;right:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;background:linear-gradient(135deg,#0055a41a,#ef41351a);border-bottom:1px solid var(--navbar-border);display:flex;gap:1rem;padding:1.5rem}.user-avatar-large{border:3px solid var(--navbar-active);border-radius:50%;box-shadow:0 4px 15px #0055a44d;flex-shrink:0;height:60px;overflow:hidden;width:60px}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-fallback-large{align-items:center;background:linear-gradient(135deg,#0055a4,#ef4135);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.avatar-fallback-large.hidden{display:none}.avatar-fallback-large.visible{display:flex}.user-info{flex:1 1;min-width:0}.user-name-large{color:var(--navbar-text);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--navbar-text-secondary);font-size:.85rem}.user-menu-divider{background:var(--navbar-border);height:1px;margin:.5rem 0}.user-menu-item{align-items:center;background:none;border:none;color:var(--navbar-text);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.875rem 1.5rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-menu-item:focus-visible{background:var(--navbar-hover);outline:2px solid var(--navbar-active);outline-offset:-2px}[dir=rtl] .user-menu-item{text-align:right}.user-menu-item:hover{background:var(--navbar-hover);color:var(--navbar-active)}.user-menu-item i{font-size:1rem;text-align:center;width:20px}.logout-item{color:#ef4135}.logout-item:hover{background:#ef41351a;color:#ef4135}.navbar-login-btn{align-items:center;background:linear-gradient(135deg,#0055a4,#ef4135);border-radius:10px;box-shadow:0 4px 15px #0055a44d;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-login-btn:hover{box-shadow:0 6px 20px #0055a466;transform:translateY(-2px)}.navbar-login-btn:active{transform:translateY(0)}.mobile-menu-toggle{display:none}.mobile-menu{animation:slideDown .3s ease;background:var(--navbar-bg);border-top:1px solid var(--navbar-border);display:none;flex-direction:column;gap:.5rem;padding:1rem 2rem}.mobile-nav-link{align-items:center;border-radius:10px;color:var(--navbar-text);display:flex;font-weight:500;gap:.75rem;padding:1rem;text-decoration:none;transition:all .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--navbar-hover);color:var(--navbar-active)}.mobile-nav-link i{font-size:1.1rem;text-align:center;width:24px}@media (max-width:968px){.navbar-container{padding:0 1.5rem}.navbar-nav{display:none}.mobile-menu,.mobile-menu-toggle{display:flex}.logo-main{font-size:1.2rem}.logo-subtitle{font-size:.7rem}.user-name{display:none}.user-menu-trigger{gap:0;height:42px;justify-content:center;padding:0;width:42px}.user-avatar{height:32px;width:32px}.language-toggle{height:42px;width:42px}}@media (max-width:640px){.navbar-container{height:65px;padding:0 1rem}.logo-icon{height:45px;width:45px}.logo-main{font-size:1.1rem}.logo-subtitle,.navbar-login-btn span{display:none}.navbar-login-btn{min-width:42px;padding:.6rem}.navbar-action-btn{height:42px;width:42px}}[dir=rtl] .mobile-nav-link,[dir=rtl] .nav-link,[dir=rtl] .navbar-logo,[dir=rtl] .user-menu-trigger{flex-direction:row-reverse}.dark-mode .navbar{box-shadow:0 2px 20px #00000080}.dark-mode .logo-icon{box-shadow:0 4px 15px #0055a480}.dark-mode .user-avatar,.dark-mode .user-avatar-large{border-color:#ffffff4d}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.landing-container{min-height:100vh;overflow-x:hidden}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.dark-mode .landing-nav{background:#111827f2}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo{color:var(--text-primary);font-weight:700;gap:.75rem;text-decoration:none}.logo-icon,.nav-logo{align-items:center;display:flex;font-size:1.25rem}.logo-icon{background:var(--gradient-primary);border-radius:12px;color:#fff;height:2.5rem;justify-content:center;width:2.5rem}.nav-actions{align-items:center;display:flex;gap:1rem}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-btn-secondary{background:#0000;color:var(--text-secondary)}.nav-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-btn-lang,.nav-btn-theme{align-items:center;background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);display:flex;justify-content:center;min-width:2.5rem;padding:.75rem}.nav-btn-lang:hover,.nav-btn-theme:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.nav-btn-primary{background:var(--gradient-primary);color:#fff}.nav-btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.hero-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:8rem 2rem 4rem;position:relative;transition:background var(--transition-base)}.dark-mode .hero-section{background:linear-gradient(135deg,#111827,#1f2937)}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%236366f1' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(30px)}.hero-badge{align-items:center;background:#6366f11a;border-radius:50px;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.hero-btn{align-items:center;border-radius:12px;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.hero-btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.hero-btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.hero-btn-secondary{background:#fff;border:2px solid var(--border-color);color:var(--text-primary)}.hero-btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.hero-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-number{color:var(--primary-color);font-size:2rem;font-weight:800}.hero-visual{animation:fadeInRight .8s ease .2s forwards;opacity:0;transform:translateX(30px)}.hero-card{background:#fff;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);margin:0 auto;max-width:400px}.card-avatar{align-items:center;background:var(--gradient-secondary);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.card-info{flex:1 1}.card-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.card-status{align-items:center;color:var(--success-color);display:flex;font-size:.875rem;gap:.25rem}.card-status:before{animation:pulse 2s infinite;background:var(--success-color);border-radius:50%;content:"";height:8px;width:8px}.card-message{position:relative}.message-bubble{background:var(--bg-secondary);border-radius:16px;border-bottom-left-radius:4px;margin-bottom:.5rem;padding:1rem}.message-bubble p{color:var(--text-primary);line-height:1.5;margin:0}.message-time{color:var(--text-light);font-size:.75rem;text-align:right}.features-section{background:var(--bg-primary);padding:6rem 2rem;transition:background var(--transition-base)}.features-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-icon{align-items:center;background:var(--gradient-primary);border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.feature-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.advantages-section{background:var(--bg-secondary);padding:6rem 2rem;transition:background var(--transition-base)}.advantages-container{margin:0 auto;max-width:1200px}.advantages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.advantage-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all var(--transition-base)}.advantage-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.advantage-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.advantage-card:hover:before{transform:scaleX(1)}.advantage-icon{align-items:center;background:var(--gradient-primary);border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.advantage-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.advantage-card p{color:var(--text-secondary);line-height:1.6}.cta-section{background:var(--gradient-primary);color:#fff;padding:6rem 2rem;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2.5rem;opacity:.9}.cta-button{text-decoration:none;transition:all .3s ease}.auth-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s;width:30px}.auth-modal-close:hover{background-color:#f3f4f6}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 2rem 2rem}.footer-container{margin:0 auto;max-width:1200px}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 3fr;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.footer-logo i{color:var(--primary-color)}.footer-brand p{color:var(--text-secondary);line-height:1.6}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-column h4{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.footer-column a,.footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:block;font:inherit;margin-bottom:.5rem;padding:0;text-decoration:none;transition:color .2s ease}.footer-column a:hover,.footer-link:hover{color:var(--primary-color)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:2rem}.footer-bottom p{color:var(--text-secondary)}.footer-social{display:flex;gap:1rem}.social-link{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font:inherit;height:2.5rem;justify-content:center;text-decoration:none;transition:all .2s ease;width:2.5rem}.social-link:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-actions,.hero-stats{justify-content:center}}@media (max-width:768px){.nav-container{padding:1rem}.hero-section{padding:6rem 1rem 3rem}.hero-title{font-size:2rem}.hero-description{font-size:1.125rem}.hero-actions{align-items:center;flex-direction:column}.hero-stats{flex-direction:column;gap:1rem}.cta-section,.features-section{padding:4rem 1rem}.cta-content h2,.section-header h2{font-size:2rem}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.nav-actions{gap:.5rem}.nav-btn{font-size:.8rem;padding:.5rem 1rem}.hero-title{font-size:1.75rem}.hero-description{font-size:1rem}.hero-btn{font-size:.9rem;padding:.875rem 1.5rem}.features-grid,.footer-links{grid-template-columns:1fr}}.smart-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:70px;transition:all .3s ease;z-index:99}.dark-mode .smart-header{background:#1e1e2ecc;border-bottom-color:#ffffff1a}.smart-header-content{align-items:center;display:flex;justify-content:flex-start;margin:0 auto;max-width:1400px}.welcome-section{flex:1 1}.welcome-message{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.dark-mode .welcome-message{color:#f9fafb}.welcome-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}@media (max-width:768px){.smart-header{padding:1rem;top:65px}.welcome-message{font-size:1.25rem}.welcome-subtitle{font-size:.75rem}}.hero-cards{grid-gap:2rem;animation:fadeInUp .6s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;display:flex;flex-direction:column;padding:2rem;transition:all .3s ease}.dark-mode .hero-card{background:#1e1e2eb3;border-color:#ffffff1a}.hero-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.dark-mode .hero-card:hover{box-shadow:0 12px 24px #0000004d}.card-header{gap:1rem;margin-bottom:1.5rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:12px;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.resume-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.score-icon{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.modes-icon{background:linear-gradient(135deg,#10b981,#06b6d4)}.card-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.125rem;font-weight:600;margin:0}.dark-mode .card-title{color:#f9fafb}.card-content{flex:1 1;gap:1rem}.card-content,.last-session-info{display:flex;flex-direction:column}.last-session-info{gap:.5rem}.session-mode{color:#6366f1;font-size:.875rem;font-weight:600;margin:0}.session-theme{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.session-progress{display:flex;flex-direction:column;gap:.5rem}.progress-bar-mini{background:#6366f11a;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill-mini{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:var(--text-secondary,#6b7280);font-size:.75rem;margin:0}.ai-insight{background:#6366f10d;border-radius:12px;display:flex;gap:.75rem;margin-top:.5rem;padding:1rem}.insight-icon{flex-shrink:0;font-size:1.25rem}.insight-text{line-height:1.5;margin:0}.insight-text,.no-session{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.no-session{padding:2rem 0;text-align:center}.card-action-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:1.5rem;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.card-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.card-action-btn.primary:hover{box-shadow:0 8px 16px #6366f14d;transform:translateY(-2px)}.score-display-large{display:flex;justify-content:center;margin:1rem 0}.score-circle-large{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 8px 16px #6366f14d;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;width:120px}.score-number-large{font-size:2.5rem;font-weight:700;line-height:1}.score-max-large{font-size:1rem;margin-top:.25rem;opacity:.8}.level-progress{margin:1.5rem 0}.level-bar{background:#6366f11a;border-radius:4px;height:8px;overflow:visible;position:relative;width:100%}.level-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .5s ease}.level-markers{display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:-8px}.level-marker{background:#ffffffe6;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;padding:2px 6px;transition:all .3s ease}.dark-mode .level-marker{background:#1e1e2ee6;color:#9ca3af}.level-marker.active{background:#6366f11a;color:#6366f1;transform:scale(1.1)}.badge-display{display:flex;justify-content:center;margin-top:1rem}.badge-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.badge-icon{font-size:1rem}.training-modes{display:flex;flex-direction:column;gap:.75rem}.mode-btn{align-items:center;background:#ffffff80;border:1px solid #0000000d;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease}.dark-mode .mode-btn{background:#1e1e2e80;border-color:#ffffff1a}.mode-btn:hover{background:#6366f11a;border-color:#6366f1;transform:translateX(4px)}.mode-icon{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mode-icon img{height:100%;object-fit:contain;width:100%}.mode-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.mode-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9375rem;font-weight:600}.dark-mode .mode-name{color:#f9fafb}.mode-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}@media (max-width:1024px){.hero-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-cards{gap:1.5rem;grid-template-columns:1fr}.hero-card{padding:1.5rem}.score-circle-large{height:100px;width:100px}.score-number-large{font-size:2rem}}.statistics-section{animation:fadeInUp .6s ease-out .2s both;margin-bottom:3rem}.section-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin-bottom:2rem}.dark-mode .section-title{color:#f9fafb}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px}.dark-mode .stat-card{background:#1e1e2eb3;border-color:#ffffff1a}.stat-card:hover{box-shadow:0 8px 16px #0000001a}.dark-mode .stat-card:hover{box-shadow:0 8px 16px #0000004d}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.stat-card-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.125rem;font-weight:600;margin:0}.dark-mode .stat-card-title{color:#f9fafb}.variation-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.variation-badge.positive{background:#10b9811a;color:#10b981}.variation-badge.negative{background:#ef44441a;color:#ef4444}.global-time{color:#6366f1;font-size:1.25rem;font-weight:700}.ai-insight-stat{background:#6366f10d;border-radius:12px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.insight-icon-stat{flex-shrink:0;font-size:1.25rem}.insight-text-stat{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0}.theme-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.75rem;gap:.5rem}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.high{background:#10b981}.legend-dot.medium{background:#f59e0b}.legend-dot.low{background:#ef4444}.response-time-content{display:flex;flex-direction:column;gap:1rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.section-title{font-size:1.5rem}}.ai-recommendations{animation:fadeInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;margin-bottom:3rem;padding:2rem}.dark-mode .ai-recommendations{background:#1e1e2eb3;border-color:#ffffff1a}.recommendations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-content{align-items:center;display:flex;gap:1rem}.gemini-icon{font-size:2rem}.recommendations-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;margin:0}.dark-mode .recommendations-title{color:#f9fafb}.regenerate-btn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#6366f1;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.regenerate-btn:hover:not(:disabled){background:#6366f133;transform:translateY(-1px)}.regenerate-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #6366f14d;border-radius:50%;border-top-color:#6366f1;height:14px;width:14px}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{align-items:flex-start;animation:slideInLeft .4s ease-out both;background:#6366f10d;border-left:3px solid #6366f1;border-radius:16px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.recommendation-item:hover{background:#6366f11a;transform:translateX(4px)}.recommendation-icon{flex-shrink:0;font-size:1.5rem}.recommendation-text{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1rem;line-height:1.6;margin:0}.dark-mode .recommendation-text{color:#f9fafb}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.ai-recommendations{padding:1.5rem}.recommendations-header{align-items:flex-start;flex-direction:column;gap:1rem}.recommendations-title{font-size:1.25rem}.regenerate-btn{justify-content:center;width:100%}}.gamification-section{animation:fadeInUp .6s ease-out .6s both;margin-bottom:3rem}.gamification-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.gamification-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;padding:2rem;transition:all .3s ease}.dark-mode .gamification-card{background:#1e1e2eb3;border-color:#ffffff1a}.gamification-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.dark-mode .gamification-card:hover{box-shadow:0 8px 16px #0000004d}.card-header-gamification{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.card-icon-gamification{font-size:1.5rem}.card-title-gamification{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.125rem;font-weight:600;margin:0}.dark-mode .card-title-gamification{color:#f9fafb}.objective-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.objective-progress{position:relative}.progress-ring-large{height:120px;position:relative;width:120px}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-bg{stroke:#6366f11a}.progress-ring-fill{stroke:#6366f1;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-number{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2rem;font-weight:700;line-height:1}.dark-mode .progress-number{color:#f9fafb}.progress-max{font-size:1.25rem;line-height:1}.progress-max,.progress-unit{color:#6b7280;color:var(--text-secondary,#6b7280)}.progress-unit{font-size:.75rem;margin-top:.25rem}.objective-badge{align-items:center;animation:bounce .5s ease;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:20px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.badge-emoji{font-size:1.25rem}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.badge-item{align-items:center;background:#6366f10d;border-radius:12px;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .2s ease}.badge-item.unlocked{border:2px solid #6366f14d}.badge-item.locked{filter:grayscale(1);opacity:.5}.badge-icon-large{flex-shrink:0;font-size:2rem}.badge-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.badge-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.875rem;font-weight:600}.dark-mode .badge-name{color:#f9fafb}.badge-date{font-size:.75rem}.badge-date,.lock-overlay{color:#6b7280;color:var(--text-secondary,#6b7280)}.lock-overlay{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.roadmap-content,.roadmap-steps{display:flex;flex-direction:column}.roadmap-steps{gap:1.5rem}.roadmap-step{align-items:center;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.roadmap-step.completed{background:#10b9811a;border-left:3px solid #10b981}.roadmap-step.active{background:#6366f11a;border-left:3px solid #6366f1}.roadmap-step.locked{background:#0000000d;opacity:.6}.dark-mode .roadmap-step.locked{background:#ffffff0d}.step-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.roadmap-step.completed .step-icon{background:#10b981;color:#fff}.roadmap-step.active .step-icon{background:#6366f1;color:#fff}.roadmap-step.locked .step-icon{background:#0000001a;color:#6b7280;color:var(--text-secondary,#6b7280)}.step-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.step-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9375rem;font-weight:600}.dark-mode .step-title{color:#f9fafb}.step-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}@media (max-width:1024px){.gamification-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.gamification-grid{gap:1.5rem;grid-template-columns:1fr}.gamification-card{padding:1.5rem}.badges-grid{grid-template-columns:1fr}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.training-history{animation:fadeInUp .6s ease-out .8s both;margin-bottom:3rem}.history-header{margin-bottom:2rem}.history-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;max-height:600px;overflow-y:auto;padding:1.5rem}.dark-mode .history-list{background:#1e1e2eb3;border-color:#ffffff1a}.empty-history{color:#6b7280;color:var(--text-secondary,#6b7280);padding:3rem;text-align:center}.history-item{border-bottom:1px solid #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:all .2s ease}.dark-mode .history-item{border-bottom-color:#ffffff1a}.history-item:last-child{border-bottom:none}.history-item:hover{background:#6366f10d;border-radius:12px;margin:0 -.5rem;padding-left:2rem;padding-right:2rem}.history-date{align-items:flex-start;display:flex;min-width:100px;padding-top:.25rem}.date-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600}.history-content{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.history-main{display:flex;flex:1 1;flex-direction:column;gap:1rem}.history-mode{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mode-badge{background:#6366f11a;border-radius:8px;color:#6366f1;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.session-badge{font-size:1.25rem}.history-stats{display:flex;flex-wrap:wrap;gap:2rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-secondary,#6b7280);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1rem;font-weight:600}.dark-mode .stat-value{color:#f9fafb}.review-btn{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.review-btn:hover{background:#6366f133;transform:translateY(-1px)}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.history-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.history-list::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width:768px){.history-item{flex-direction:column;gap:1rem}.history-date{min-width:auto}.history-content{align-items:flex-start;flex-direction:column}.review-btn{width:100%}.history-stats{gap:1.5rem}}.settings-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;left:0;z-index:999}.quick-settings,.settings-overlay{bottom:0;position:fixed;right:0;top:0}.quick-settings{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;max-width:90vw;width:400px;z-index:1000}.dark-mode .quick-settings{background:#1e1e2ef2;box-shadow:-4px 0 24px #0000004d}.settings-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:2rem}.dark-mode .settings-header{border-bottom-color:#ffffff1a}.settings-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;margin:0}.dark-mode .settings-title{color:#f9fafb}.settings-close{align-items:center;background:#0000000d;border:none;border-radius:12px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dark-mode .settings-close{background:#ffffff1a;color:#f9fafb}.settings-close:hover{background:#0000001a;transform:rotate(90deg)}.dark-mode .settings-close:hover{background:#fff3}.settings-content{flex:1 1;overflow-y:auto;padding:2rem}.setting-group{display:flex;flex-direction:column;gap:1rem}.setting-label{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:1rem;font-weight:600;gap:.75rem}.dark-mode .setting-label{color:#f9fafb}.setting-icon{font-size:1.25rem}.setting-options{display:flex;flex-direction:column;gap:.75rem}.option-btn{background:#ffffff80;border:1px solid #0000001a;border-radius:12px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;font-size:.9375rem;font-weight:500;padding:.875rem 1.25rem;text-align:left;transition:all .2s ease}.dark-mode .option-btn{background:#1e1e2e80;border-color:#ffffff1a;color:#f9fafb}.option-btn:hover:not(.disabled){background:#6366f11a;border-color:#6366f14d}.option-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.option-btn.disabled{cursor:not-allowed;opacity:.5}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#0003;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.dark-mode .toggle-slider{background-color:#fff3}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#6366f1}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width:768px){.quick-settings{max-width:100vw;width:100%}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#06b6d4,#3b82f6)}*{box-sizing:border-box;margin:0;padding:0}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.dark-mode .dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dashboard-container{margin:0 auto;max-width:1400px;padding:0}.dashboard-content{padding:2rem}.dashboard-main{display:flex;flex-direction:column;gap:3rem}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:calc(100vh - 200px)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.dashboard-error p,.dashboard-loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem}.dashboard-error button{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.dashboard-error button:hover{background:#4f46e5;transform:translateY(-2px)}.settings-trigger{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;bottom:2rem;box-shadow:0 8px 16px #6366f14d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:56px;z-index:998}.settings-trigger:hover{box-shadow:0 12px 24px #6366f166;transform:translateY(-4px) scale(1.05)}@media (max-width:768px){.dashboard-content{padding:1rem}.dashboard-main{gap:2rem}.settings-trigger{bottom:1rem;height:48px;right:1rem;width:48px}}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-brand{gap:.75rem}.brand-icon,.header-brand{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:12px;color:#fff;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.brand-text{color:#1f2937;color:var(--text-primary);font-size:1.25rem;font-weight:700}.header-actions{gap:1rem}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.theme-toggle:hover{border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}.logout-btn{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.logout-btn:hover{background:#ef4444;background:var(--error-color);color:#fff}.dashboard-main{padding:2rem 0}.main-container{margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-home{animation:fadeIn .6s ease-out}.home-header{margin-bottom:4rem;text-align:center}.home-welcome h1{color:#1f2937;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.home-welcome p{color:#6b7280;color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.home-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:1rem;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.stat-content{flex:1 1}.stat-number{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.difficulty-section{margin-top:4rem}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#1f2937;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.section-header p{color:#6b7280;color:var(--text-secondary);font-size:1.125rem}.difficulty-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.difficulty-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;text-align:left;transition:all .3s ease}.difficulty-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.difficulty-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.difficulty-content{flex:1 1}.difficulty-content h3{color:#1f2937;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.difficulty-content p{color:#6b7280;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.difficulty-arrow{color:#9ca3af;color:var(--text-light);font-size:1.25rem;transition:all .2s ease}.difficulty-card:hover .difficulty-arrow{color:#6366f1;color:var(--primary-color);transform:translateX(4px)}.quiz-container{animation:slideUp .6s ease-out;margin:0 auto;max-width:800px}.quiz-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.quiz-progress{flex:1 1;margin-right:2rem}.progress-bar{background:#f3f4f6;background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:500}.quiz-actions{display:flex;gap:1rem}.quiz-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.quiz-btn-secondary{background:#f3f4f6;background:var(--bg-tertiary);color:#6b7280;color:var(--text-secondary)}.quiz-btn-secondary:hover{background:#ef4444;background:var(--error-color);color:#fff}.question-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:2rem}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.question-category,.question-level{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:8px;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.question-content h2{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.6}.answer-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;padding:2rem}.answer-input-container{display:flex;flex-direction:column;gap:1.5rem}.input-header{align-items:center;display:flex;justify-content:space-between}.input-header label{color:#1f2937;color:var(--text-primary);font-size:1rem;font-weight:600}.voice-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.voice-btn:hover{background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.voice-btn.recording{animation:pulse 2s infinite;background:#ef4444;background:var(--error-color);border-color:#ef4444;border-color:var(--error-color);color:#fff}.answer-input{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.answer-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.answer-input:disabled{cursor:not-allowed;opacity:.6}.submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;width:1.25rem}.evaluation-section{display:flex;flex-direction:column;gap:2rem}.evaluation-header{align-items:flex-start;display:flex;gap:2rem}.score-display{flex-shrink:0}.score-circle{align-items:center;background:#fff;border:4px solid;border-radius:50%;display:flex;flex-direction:column;height:4rem;justify-content:center;width:4rem}.score-number{font-size:1.5rem;font-weight:700;line-height:1}.score-max{font-size:.75rem;font-weight:500;opacity:.7}.evaluation-feedback h3{color:#1f2937;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.evaluation-feedback p{color:#6b7280;color:var(--text-secondary);line-height:1.6}.evaluation-explanation h4{color:#1f2937;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.explanation-content{background:#f9fafb;background:var(--bg-secondary);border-radius:12px;color:#6b7280;color:var(--text-secondary);line-height:1.6;padding:1.5rem}.explanation-content p{margin-bottom:1rem}.explanation-content p:last-child{margin-bottom:0}.next-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#06b6d4,#3b82f6);background:var(--gradient-secondary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.next-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.next-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.results-container{animation:slideUp .6s ease-out;margin:0 auto;max-width:600px;text-align:center}.results-header{margin-bottom:3rem}.results-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.results-header h1{color:#1f2937;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.results-header p{color:#6b7280;color:var(--text-secondary);font-size:1.125rem}.results-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.stat-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;padding:2rem 1rem}.stat-value{color:#6366f1;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:500}.results-recommendation{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;margin-bottom:3rem;padding:2rem;text-align:left}.results-recommendation h3{color:#1f2937;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.results-recommendation p{color:#6b7280;color:var(--text-secondary);line-height:1.6}.results-actions{display:flex;gap:1rem;justify-content:center}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.action-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);color:#fff}.action-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-btn-secondary{background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#6b7280;color:var(--text-secondary)}.action-btn-secondary:hover{background:#6b7280;background:var(--text-secondary);color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:2rem 2rem 1rem;position:relative;text-align:center}.modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;color:var(--text-light);cursor:pointer;font-size:1.25rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#1f2937;color:var(--text-primary)}.modal-icon{align-items:center;background:#f59e0b;background:var(--warning-color);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:3rem;justify-content:center;margin:0 auto 1rem;width:3rem}.modal-title{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modal-subtitle{color:#6b7280;color:var(--text-secondary);font-size:1rem}.modal-body{padding:0 2rem 2rem}.modal-message{color:#6b7280;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.modal-progress-info{background:#f9fafb;background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.modal-progress-info h4{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.modal-progress-list{display:flex;flex-direction:column;gap:.75rem}.modal-progress-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.modal-progress-value{color:#6366f1;color:var(--primary-color);font-weight:600}.modal-actions{display:flex;gap:1rem}.modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.modal-btn-primary{background:#ef4444;background:var(--error-color);color:#fff}.modal-btn-primary:hover{background:#dc2626}.modal-btn-secondary{background:#f3f4f6;background:var(--bg-tertiary);color:#6b7280;color:var(--text-secondary)}.modal-btn-secondary:hover{background:#e5e7eb;background:var(--border-color)}.toast{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1001}.toast.success{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid #ef4444;border-left:4px solid var(--error-color)}.toast.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.toast.info{border-left:4px solid #06b6d4;border-left:4px solid var(--accent-color)}.toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.toast i{font-size:1.125rem}.toast.success i{color:#10b981;color:var(--success-color)}.toast.error i{color:#ef4444;color:var(--error-color)}.toast.warning i{color:#f59e0b;color:var(--warning-color)}.toast.info i{color:#06b6d4;color:var(--accent-color)}.loader{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:3rem;margin-bottom:1rem;width:3rem}.loader p{color:#6b7280;color:var(--text-secondary);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.header-container,.main-container{padding:0 1rem}.home-welcome h1{font-size:2rem}.home-stats{gap:1rem}.difficulty-grid,.home-stats{grid-template-columns:1fr}.quiz-header{align-items:stretch;flex-direction:column;gap:1rem}.quiz-progress{margin-right:0}.question-header{align-items:flex-start;flex-direction:column;gap:1rem}.evaluation-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.results-stats{gap:1rem;grid-template-columns:1fr}.modal-actions,.results-actions{flex-direction:column}.toast{left:1rem;max-width:none;right:1rem;top:1rem}}@media (max-width:480px){.home-welcome h1{font-size:1.75rem}.section-header h2{font-size:1.5rem}.question-content h2{font-size:1.25rem}.difficulty-card{gap:1rem;padding:1.5rem}.difficulty-icon{font-size:1rem;height:2.5rem;width:2.5rem}.answer-section,.question-section,.quiz-header{padding:1.5rem}.action-btn,.next-btn,.submit-btn{font-size:.9rem;padding:.875rem 1.5rem}}.auth-page{background:var(--bg-light);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.dark-mode .auth-page{background:linear-gradient(135deg,#111827,#1f2937)}.auth-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.auth-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%238b5cf6' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");height:100%;opacity:.6;width:100%}.auth-header-nav{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative;z-index:10}.auth-header-left{align-items:center;display:flex;gap:1rem}.auth-back-button{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all var(--transition-fast)}.auth-back-button:hover{background:var(--bg-secondary);color:var(--primary-color)}.auth-lang-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all var(--transition-fast)}.auth-lang-button:hover{background:var(--bg-secondary);color:var(--primary-color)}.auth-header-center{color:var(--text-primary);font-size:1.125rem;font-weight:600}.auth-header-right{align-items:center;display:flex;gap:1rem}.auth-header-login-btn{background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all var(--transition-fast)}.auth-header-login-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-logo{color:var(--text-primary);font-size:1.125rem;font-weight:700;gap:.75rem}.auth-logo,.auth-logo-icon{align-items:center;display:flex}.auth-logo-icon{background:var(--gradient-primary);border-radius:10px;color:#fff;font-size:1rem;height:2rem;justify-content:center;width:2rem}.auth-page-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem;position:relative;z-index:10}.auth-marketing-column{display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.auth-marketing-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.auth-marketing-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:3rem}.auth-feature-cards{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.auth-feature-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;border-right:4px solid var(--border-blue);box-shadow:var(--shadow-card);padding:1.5rem;transition:all var(--transition-base)}.auth-feature-card:hover{border-right-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-feature-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.auth-feature-icon{align-items:center;background:var(--gradient-primary);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.auth-feature-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.auth-feature-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.auth-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.auth-stat-item{text-align:center}.auth-stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-stat-number.success{color:var(--success-color)}.auth-stat-number.primary{color:var(--primary-color)}.auth-stat-label{color:var(--text-secondary);font-size:.875rem}.auth-form-column{align-items:center;display:flex;justify-content:center;padding:2rem 0}.auth-card,.auth-page-content{max-width:480px;width:100%}.auth-card{animation:slideUp .6s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-xl);padding:3rem;transition:background var(--transition-base),border-color var(--transition-base)}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-icon{align-items:center;background:var(--gradient-primary);border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.auth-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.auth-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}.auth-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:var(--error-color);display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.auth-error i{flex-shrink:0;font-size:1rem}.oauth-section{margin-bottom:2rem}.oauth-info{margin-bottom:1rem}.oauth-description{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.4;padding:.75rem 1rem}.oauth-description i{color:var(--primary-color);font-size:1rem}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.oauth-button{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all var(--transition-fast)}.oauth-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-1px)}.oauth-button:disabled{cursor:not-allowed;opacity:.6}.oauth-button.loading{pointer-events:none}.oauth-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.oauth-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:1rem;width:1rem}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:0 1rem;transition:background var(--transition-base)}.auth-form{margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-label.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.input-wrapper{position:relative}.input-icon{color:var(--text-light);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem .875rem 2.75rem;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.form-input::placeholder{color:var(--text-light)}.auth-submit{align-items:center;background:var(--gradient-blue-purple);border:none;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.auth-submit:hover:not(:disabled){background:var(--gradient-purple-blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-submit.loading{pointer-events:none}.submit-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;width:1.25rem}.auth-switch{margin-bottom:2rem;text-align:center}.auth-switch p{color:var(--text-secondary);font-size:.875rem}.switch-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;margin-left:.5rem;padding:0;text-decoration:underline;transition:color .2s ease}.switch-button:hover:not(:disabled){color:var(--primary-dark)}.switch-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid var(--border-color);padding-top:1.5rem;text-align:center}.auth-footer p{color:var(--text-light);font-size:.75rem;line-height:1.5}.auth-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:500;font:inherit;padding:0;text-decoration:none}.auth-link:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cognito-auth-modal{margin:0;max-width:100%;padding:0;width:100%}.cognito-auth-card{animation:slideUp .6s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-xl);margin:0;max-width:100%;padding:2.5rem;width:100%}.auth-tabs{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:0}.auth-tab,.auth-tabs{display:flex;gap:.5rem}.auth-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:500;justify-content:center;margin-bottom:-2px;padding:.875rem 1.25rem;position:relative;transition:all var(--transition-fast)}.auth-tab:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary-color)}.auth-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.auth-tab:disabled{cursor:not-allowed;opacity:.5}.auth-tab i{font-size:1rem}.auth-config-error{align-items:flex-start;background-color:#fee2e2!important;background-color:var(--error-bg,#fee2e2)!important;border:1px solid #ef4444!important;border:1px solid var(--error-color,#ef4444)!important;border-radius:8px;display:flex;margin-bottom:1.5rem;padding:1rem}.auth-config-error i{color:#ef4444!important;color:var(--error-color,#ef4444)!important;margin-right:.5rem;margin-top:.125rem}.auth-config-error-content{flex:1 1}.auth-config-error-content strong{color:#ef4444;color:var(--error-color,#ef4444);display:block;margin-bottom:.25rem}.auth-config-error-content span{display:block;font-size:.875rem}.auth-config-code{background-color:#0000000d;border-radius:4px;display:block;font-family:Courier New,monospace;font-size:.8rem;line-height:1.6;margin-top:.5rem;padding:.5rem}.auth-form-disabled{opacity:.5;pointer-events:none}.form-input-disabled{background-color:var(--bg-secondary)!important}.cognito-auth-modal .auth-header{margin-bottom:2rem;text-align:left}.cognito-auth-modal .auth-icon{background:var(--gradient-primary);font-size:1.5rem;height:3.5rem;margin:0 0 1rem;width:3.5rem}.cognito-auth-modal .auth-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:left}.cognito-auth-modal .auth-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;text-align:left}.cognito-auth-modal .oauth-section{margin-bottom:1.5rem}.cognito-auth-modal .oauth-info{margin-bottom:.75rem}.cognito-auth-modal .oauth-description{font-size:.8rem;padding:.5rem .75rem}.cognito-auth-modal .oauth-buttons{gap:.5rem;margin-bottom:1rem}.cognito-auth-modal .oauth-button{font-size:.8rem;padding:.75rem 1rem}.cognito-auth-modal .auth-divider{margin:1rem 0}.cognito-auth-modal .auth-form{margin-bottom:1.5rem}.cognito-auth-modal .form-group{margin-bottom:1rem}.cognito-auth-modal .form-label{font-size:.8rem;margin-bottom:.375rem}.cognito-auth-modal .form-input{font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem}.cognito-auth-modal .input-icon{font-size:.875rem;left:.875rem}.cognito-auth-modal .auth-submit{font-size:.875rem;padding:.875rem 1rem}.cognito-auth-modal .auth-switch{margin-bottom:1rem}.cognito-auth-modal .auth-switch p{font-size:.8rem}.cognito-auth-modal .auth-footer{border-top:1px solid var(--border-color);padding-top:1rem}.cognito-auth-modal .auth-footer p{font-size:.7rem;line-height:1.4}.cognito-auth-modal .auth-error{font-size:.8rem;margin-bottom:1rem;padding:.75rem}@media (max-width:1024px){.auth-page-container{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.auth-marketing-column{order:2;padding:1rem 0}.auth-form-column{order:1;padding:1rem 0}.auth-marketing-title{font-size:2rem}.auth-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.auth-header-nav{flex-wrap:wrap;padding:1rem}.auth-header-center{display:none}.auth-page-container{gap:2rem;padding:1rem}.auth-marketing-title{font-size:1.75rem}.auth-marketing-subtitle{font-size:1rem;margin-bottom:2rem}.auth-feature-cards{gap:1rem;margin-bottom:2rem}.auth-feature-card{padding:1.25rem}.auth-stats{gap:1rem}.auth-stat-number{font-size:1.5rem}.auth-card{border-radius:20px;padding:2rem}.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9rem}.oauth-buttons{gap:.5rem}.oauth-button{font-size:.8rem;padding:.75rem 1rem}.form-input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.auth-submit{font-size:.9rem;padding:.875rem 1rem}}@media (max-width:480px){.auth-nav{padding:1rem}.auth-container{padding:.5rem}.auth-card{border-radius:16px;padding:1.5rem}.auth-title{font-size:1.5rem}.auth-icon{font-size:1.25rem;height:3rem;width:3rem}.oauth-button{font-size:.75rem;padding:.625rem .875rem}.form-input{font-size:.8rem;padding:.625rem .875rem .625rem 2.25rem}.auth-submit{font-size:.8rem;padding:.75rem .875rem}.cognito-auth-modal .cognito-auth-card{border-radius:12px;padding:1rem}.auth-tabs{gap:.25rem;margin-bottom:1.5rem}.auth-tab{padding:.75rem .875rem}.auth-tab,.auth-tab i{font-size:.875rem}.cognito-auth-modal .auth-header{margin-bottom:1rem}.cognito-auth-modal .auth-icon{font-size:1rem;height:2.5rem;margin-bottom:.75rem;width:2.5rem}.cognito-auth-modal .auth-title{font-size:1.25rem}.cognito-auth-modal .auth-subtitle{font-size:.8rem}.cognito-auth-modal .form-group{margin-bottom:.75rem}.cognito-auth-modal .form-input{font-size:.8rem;padding:.625rem .875rem .625rem 2.25rem}.cognito-auth-modal .input-icon{font-size:.8rem;left:.75rem}.cognito-auth-modal .oauth-button{font-size:.75rem;padding:.625rem .875rem}.cognito-auth-modal .auth-submit{font-size:.8rem;padding:.75rem .875rem}}.Timer_timer__Sa2H4{align-items:center;background:#f5f5f5;background:var(--timer-bg,#f5f5f5);border-radius:8px;color:#1a1a2e;color:var(--timer-text,#1a1a2e);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.dark-mode .Timer_timer__Sa2H4{--timer-bg:#2a2a3e;--timer-text:#fff}.Timer_timer__Sa2H4 i{color:#0055a4;color:var(--timer-icon,#0055a4);font-size:1.2rem}.Timer_time__pVHkY{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.Timer_warning__7MUwG{animation:Timer_pulse__xiQ-C 1s infinite;background:#f44;border-radius:4px;color:#fff;font-size:.85rem;margin-left:.5rem;padding:.25rem .5rem}@keyframes Timer_pulse__xiQ-C{0%,to{opacity:1}50%{opacity:.7}}.Timer_timer__Sa2H4.Timer_lowTime__Fxouy{--timer-bg:#fff3cd;--timer-text:#856404;animation:Timer_shake__5YBYH .5s}.dark-mode .Timer_timer__Sa2H4.Timer_lowTime__Fxouy{--timer-bg:#664d03;--timer-text:#ffc107}@keyframes Timer_shake__5YBYH{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.ExplanationCard_explanationCard__q9lVp{animation:ExplanationCard_slideInUp__u\+xmB .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;margin-top:1.5rem;overflow:hidden;padding:1.25rem;position:relative}.ExplanationCard_explanationCard__q9lVp:before{background:#ffffff4d;content:"";height:4px;left:0;position:absolute;right:0;top:0}.ExplanationCard_explanationCard__q9lVp.ExplanationCard_correct__\+s\+9P{background:linear-gradient(135deg,#11998e,#38ef7d)}.ExplanationCard_explanationCard__q9lVp.ExplanationCard_incorrect__Cv1bY{background:linear-gradient(135deg,#f093fb,#f5576c)}.ExplanationCard_explanationCard__q9lVp.ExplanationCard_loading__kuZ1I{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:120px}.ExplanationCard_loadingContent__pVkxb{color:#fff;text-align:center}.ExplanationCard_spinner__jpDGb{animation:ExplanationCard_spin__4\+dt1 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}@keyframes ExplanationCard_spin__4\+dt1{to{transform:rotate(1turn)}}.ExplanationCard_explanationHeader__0438e{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ExplanationCard_explanationTitle__IrFmZ{align-items:center;display:flex;flex:1 1;gap:.75rem}.ExplanationCard_geminiIcon__jiqz4{animation:ExplanationCard_pulse__mUAIY 2s ease-in-out infinite;font-size:1.5rem}@keyframes ExplanationCard_pulse__mUAIY{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ExplanationCard_explanationTitle__IrFmZ h3{align-items:center;display:flex;flex-wrap:wrap;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.ExplanationCard_levelBadge__UTnsb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:.375rem;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.ExplanationCard_explanationActions__NiB1I{align-items:center;display:flex;gap:.5rem}.ExplanationCard_audioButton__arR43,.ExplanationCard_expandButton__D\+q6Y{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ExplanationCard_audioButton__arR43:hover,.ExplanationCard_expandButton__D\+q6Y:hover{background:#ffffff4d;transform:scale(1.05)}.ExplanationCard_audioButton__arR43:active,.ExplanationCard_expandButton__D\+q6Y:active{transform:scale(.95)}.ExplanationCard_audioButton__arR43:focus,.ExplanationCard_expandButton__D\+q6Y:focus{outline:2px solid #ffffff80;outline-offset:2px}.ExplanationCard_explanationContent__j7x5j{color:#fffffff2;font-size:1rem;line-height:1.6}.ExplanationCard_explanationContent__j7x5j p{margin:.5rem 0}.ExplanationCard_explanationContent__j7x5j p:first-child{margin-top:0}.ExplanationCard_explanationContent__j7x5j p:last-child{margin-bottom:0}@keyframes ExplanationCard_slideInUp__u\+xmB{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ExplanationCard_animateIn__xYVpX{animation:ExplanationCard_slideInUp__u\+xmB .4s ease-out}@media (prefers-color-scheme:dark){.ExplanationCard_explanationCard__q9lVp{box-shadow:0 4px 6px #0000004d,0 2px 4px #0003}}@media (max-width:768px){.ExplanationCard_explanationHeader__0438e{flex-wrap:wrap}.ExplanationCard_explanationTitle__IrFmZ h3{font-size:1rem}.ExplanationCard_levelBadge__UTnsb{font-size:.75rem;padding:.2rem .4rem}.ExplanationCard_explanationContent__j7x5j{font-size:.9375rem}}.QuestionCard_questionCard__ZDyB4{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.dark-mode .QuestionCard_questionCard__ZDyB4{--card-bg:#2a2a3e;--card-text:#fff;--card-border:#ffffff1a}.QuestionCard_questionHeader__Ty4cD{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.QuestionCard_questionNumber__QaW2d{background:#0055a41a;background:var(--primary-light,#0055a41a);border-radius:20px;color:#0055a4;color:var(--primary-color,#0055a4);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.QuestionCard_questionMeta__CZa0i{display:flex;flex-wrap:wrap;gap:1rem}.QuestionCard_difficulty__El\+VX,.QuestionCard_theme__yn2mz{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:.5rem}.dark-mode .QuestionCard_difficulty__El\+VX,.dark-mode .QuestionCard_theme__yn2mz{--text-secondary:#d0d0d0}.QuestionCard_difficulty__El\+VX i,.QuestionCard_theme__yn2mz i{font-size:.75rem}.QuestionCard_questionImage__JaMMb{border-radius:8px;margin:1.5rem 0;overflow:hidden}.QuestionCard_questionImage__JaMMb img{display:block;height:auto;width:100%}.QuestionCard_questionText__oDJhD{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:600;line-height:1.6;margin-bottom:1.5rem}.dark-mode .QuestionCard_questionText__oDJhD{--text-primary:#fff}.QuestionCard_choices__NEhni{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.QuestionCard_choice__H6Srm{align-items:center;background:#f5f5f5;background:var(--choice-bg,#f5f5f5);border:2px solid #0000;border:2px solid var(--choice-border,#0000);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease}.dark-mode .QuestionCard_choice__H6Srm{--choice-bg:#3a3a4e;--choice-border:#ffffff26;--text-primary:#fff}.QuestionCard_choice__H6Srm:hover:not(:disabled){background:#0055a41a;background:var(--choice-hover,#0055a41a);border-color:#0055a4;border-color:var(--primary-color,#0055a4);transform:translateX(4px)}.QuestionCard_choice__H6Srm:focus{outline:2px solid #0055a4;outline:2px solid var(--primary-color,#0055a4);outline-offset:2px}.QuestionCard_choice__H6Srm:disabled{cursor:not-allowed;opacity:.7}.QuestionCard_choice__H6Srm.QuestionCard_selected__BXDzH{background:#0055a426;background:var(--primary-light,#0055a426);border-color:#0055a4;border-color:var(--primary-color,#0055a4);font-weight:600}.QuestionCard_choice__H6Srm.QuestionCard_correct__MMlBL{background:#d4edda;border-color:#28a745;color:#155724}.dark-mode .QuestionCard_choice__H6Srm.QuestionCard_correct__MMlBL{background:#1e4620;border-color:#28a745;color:#a8f5a8}.QuestionCard_choice__H6Srm.QuestionCard_incorrect__dBW5z{background:#f8d7da;border-color:#dc3545;color:#721c24}.dark-mode .QuestionCard_choice__H6Srm.QuestionCard_incorrect__dBW5z{background:#4a1f23;border-color:#dc3545;color:#f99}.QuestionCard_choiceLabel__16EiL{align-items:center;background:#e0e0e0;background:var(--label-bg,#e0e0e0);border-radius:50%;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.dark-mode .QuestionCard_choiceLabel__16EiL{--label-bg:#4a4a5e;--text-primary:#fff}.QuestionCard_choice__H6Srm.QuestionCard_selected__BXDzH .QuestionCard_choiceLabel__16EiL{background:#0055a4;background:var(--primary-color,#0055a4);color:#fff}.QuestionCard_choice__H6Srm.QuestionCard_correct__MMlBL .QuestionCard_choiceLabel__16EiL{background:#28a745;color:#fff}.QuestionCard_choice__H6Srm.QuestionCard_incorrect__dBW5z .QuestionCard_choiceLabel__16EiL{background:#dc3545;color:#fff}.QuestionCard_choiceText__WdXle{flex:1 1}.QuestionCard_choice__H6Srm i{flex-shrink:0;font-size:1.2rem}.QuestionCard_choice__H6Srm.QuestionCard_correct__MMlBL i{color:#28a745}.QuestionCard_choice__H6Srm.QuestionCard_incorrect__dBW5z i{color:#dc3545}.QuestionCard_explanation__6-VLi{border-left:4px solid;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.QuestionCard_explanationCorrect__-ZI96{background:#d4edda;border-color:#28a745;color:#155724}.dark-mode .QuestionCard_explanationCorrect__-ZI96{background:#1e4620;color:#a8f5a8}.QuestionCard_explanationIncorrect__jlHxl{background:#fff3cd;border-color:#ffc107;color:#856404}.dark-mode .QuestionCard_explanationIncorrect__jlHxl{background:#664d03;color:#ffd54f}.QuestionCard_explanationTitle__WvXDG{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.QuestionCard_explanation__6-VLi p{line-height:1.6;margin:0}.QuestionCard_questionCard__ZDyB4.QuestionCard_highlight__3Fr85{animation:QuestionCard_highlightPulse__birts .3s ease-out}@keyframes QuestionCard_highlightPulse__birts{0%{box-shadow:0 4px 20px #00000014}50%{box-shadow:0 4px 30px #667eea66;transform:scale(1.01)}to{box-shadow:0 4px 20px #00000014;transform:scale(1)}}.ProgressBar_progressBar__oJgXG{align-items:center;display:flex;gap:1rem;width:100%}.ProgressBar_progressTrack__kCKcu{background:#e0e0e0;background:var(--progress-track,#e0e0e0);border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.dark-mode .ProgressBar_progressTrack__kCKcu{--progress-track:#3a3a4e}.ProgressBar_progressFill__Tg\+uf{background:linear-gradient(90deg,#0055a4,#ef4135);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.ProgressBar_progressFill__Tg\+uf:after{animation:ProgressBar_shimmer__SbNTT 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes ProgressBar_shimmer__SbNTT{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ProgressBar_progressText__UcEHn{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:600;min-width:60px;text-align:right}.dark-mode .ProgressBar_progressText__UcEHn{--text-secondary:#b0b0b0}.Results_results__E6M06{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;padding:2rem}.dark-mode .Results_results__E6M06{--card-bg:#2a2a3e}.Results_resultsHeader__7LNya{margin-bottom:2rem;text-align:center}.Results_resultsTitle__Xvx4Y{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.dark-mode .Results_resultsTitle__Xvx4Y{--text-primary:#fff}.Results_scoreCircle__A1CYx{align-items:center;border:8px solid;border-radius:50%;display:flex;font-size:2.5rem;font-weight:700;height:150px;justify-content:center;margin:0 auto;transition:all .3s ease;width:150px}.Results_scoreCircle__A1CYx.Results_passing__d4B81{background:#d4edda;border-color:#28a745;color:#155724}.dark-mode .Results_scoreCircle__A1CYx.Results_passing__d4B81{background:#1e4620;color:#90ee90}.Results_scoreCircle__A1CYx.Results_failing__r-BKZ{background:#f8d7da;border-color:#dc3545;color:#721c24}.dark-mode .Results_scoreCircle__A1CYx.Results_failing__r-BKZ{background:#4a1f23;color:#ff6b6b}.Results_scoreValue__PQ9KP{font-size:2.5rem}.Results_resultsStats__MILWU{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.Results_statCard__KJSi2{background:#f5f5f5;background:var(--stat-bg,#f5f5f5);border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s ease}.dark-mode .Results_statCard__KJSi2{--stat-bg:#1a1a2e}.Results_statCard__KJSi2:hover{transform:translateY(-4px)}.Results_statValue__Ymq0t{color:#0055a4;color:var(--primary-color,#0055a4);font-size:2rem;font-weight:700;margin-bottom:.5rem}.Results_statLabel__n2CBk{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.dark-mode .Results_statLabel__n2CBk{--text-secondary:#b0b0b0}.Results_explanationsSection__5ziap,.Results_performanceSection__e3WLe,.Results_recommendationsSection__eAL1F,.Results_suggestionsSection__j8QYx{margin-bottom:2rem}.Results_sectionTitle__y1Xad{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.dark-mode .Results_sectionTitle__y1Xad{--text-primary:#fff}.Results_performanceGrid__CddkJ{display:flex;flex-direction:column;gap:1rem}.Results_performanceItem__HPy\+t{background:#f5f5f5;background:var(--performance-bg,#f5f5f5);border-radius:8px;padding:1rem}.dark-mode .Results_performanceItem__HPy\+t{--performance-bg:#1a1a2e}.Results_performanceHeader__LJFtw{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.Results_performanceTheme__wZHZT{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:600}.dark-mode .Results_performanceTheme__wZHZT{--text-primary:#fff}.Results_performancePercentage__20RXh{color:#0055a4;color:var(--primary-color,#0055a4);font-weight:700}.Results_performanceBar__EJF5z{background:#e0e0e0;background:var(--progress-track,#e0e0e0);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.dark-mode .Results_performanceBar__EJF5z{--progress-track:#3a3a4e}.Results_performanceBarFill__lQfRh{background:linear-gradient(90deg,#0055a4,#ef4135);height:100%;transition:width .3s ease}.Results_performanceDetails__j8jyY{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.dark-mode .Results_performanceDetails__j8jyY{--text-secondary:#b0b0b0}.Results_explanationsContent__Rj7qf{background:#f5f5f5;background:var(--explanation-bg,#f5f5f5);border-left:4px solid #0055a4;border-left:4px solid var(--primary-color,#0055a4);border-radius:8px;line-height:1.6;padding:1.25rem}.dark-mode .Results_explanationsContent__Rj7qf{--explanation-bg:#1a1a2e}.Results_recommendationsList__QkiTN,.Results_suggestionsList__\+bYG6{list-style:none;margin:0;padding:0}.Results_recommendationsList__QkiTN li,.Results_suggestionsList__\+bYG6 li{align-items:center;background:#f5f5f5;background:var(--list-item-bg,#f5f5f5);border-radius:6px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem}.dark-mode .Results_recommendationsList__QkiTN li,.dark-mode .Results_suggestionsList__\+bYG6 li{--list-item-bg:#1a1a2e}.Results_suggestionsList__\+bYG6 li i{color:#0055a4;color:var(--primary-color,#0055a4)}.Results_resultsActions__TyprU{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.Results_actionButton__ZgUOZ{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.Results_actionButton__ZgUOZ:focus{outline:2px solid #0055a4;outline:2px solid var(--primary-color,#0055a4);outline-offset:2px}.Results_primaryButton__6tbEP{background:linear-gradient(135deg,#0055a4,#ef4135);color:#fff}.Results_primaryButton__6tbEP:hover{box-shadow:0 4px 12px #0055a44d;transform:translateY(-2px)}.Results_secondaryButton__\+oc-5{background:#f5f5f5;background:var(--secondary-bg,#f5f5f5);border:2px solid #0055a4;border:2px solid var(--primary-color,#0055a4);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.dark-mode .Results_secondaryButton__\+oc-5{--secondary-bg:#1a1a2e;--text-primary:#fff}.Results_secondaryButton__\+oc-5:hover{background:#0055a41a;background:var(--primary-light,#0055a41a)}.Results_tertiaryButton__5MUWs{background:#0000;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666)}.dark-mode .Results_tertiaryButton__5MUWs{--text-secondary:#b0b0b0;--border-color:#ffffff1a}.Results_tertiaryButton__5MUWs:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.dark-mode .Results_tertiaryButton__5MUWs:hover{--hover-bg:#ffffff0d}.ModeSelector_modeSelector__blg2c{margin-bottom:2rem}.ModeSelector_title__x4N9B{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.dark-mode .ModeSelector_title__x4N9B{--text-primary:#fff}.ModeSelector_modesGrid__waUrq{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.ModeSelector_modeCard__HnSaD{background:#fff;background:var(--card-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:20px;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;padding:2rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark-mode .ModeSelector_modeCard__HnSaD{--card-bg:#2a2a3e;--border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}.ModeSelector_modeCard__HnSaD:before{background:linear-gradient(135deg,#0055a4,#ef4135);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.ModeSelector_modeCard__HnSaD.ModeSelector_selected__JlTsV:before,.ModeSelector_modeCard__HnSaD:hover:before{transform:scaleX(1)}.ModeSelector_modeCard__HnSaD:hover{border-color:#0055a4;border-color:var(--primary-color,#0055a4);box-shadow:0 12px 32px #0055a426;transform:translateY(-8px)}.dark-mode .ModeSelector_modeCard__HnSaD:hover{box-shadow:0 12px 32px #0055a44d}.ModeSelector_modeCard__HnSaD:focus{outline:2px solid #0055a4;outline:2px solid var(--primary-color,#0055a4);outline-offset:2px}.ModeSelector_modeCard__HnSaD.ModeSelector_selected__JlTsV{background:linear-gradient(135deg,#0055a40d,#ef41350d);border-color:#0055a4;border-color:var(--primary-color,#0055a4);box-shadow:0 8px 24px #0055a440}.dark-mode .ModeSelector_modeCard__HnSaD.ModeSelector_selected__JlTsV{background:linear-gradient(135deg,#0055a426,#ef413526);box-shadow:0 8px 24px #0055a466}.ModeSelector_modeIcon__rq9Ss{align-items:center;background:#0000;border-radius:16px;box-shadow:0 4px 12px #0055a44d;display:flex;height:70px;justify-content:center;padding:4px;transition:transform .3s ease;width:70px}.ModeSelector_modeLogo__LKDhI{border-radius:12px;height:100%;object-fit:contain;width:100%}.ModeSelector_modeCard__HnSaD:hover .ModeSelector_modeIcon__rq9Ss{transform:scale(1.1) rotate(5deg)}.ModeSelector_modeCard__HnSaD.ModeSelector_selected__JlTsV .ModeSelector_modeIcon__rq9Ss{box-shadow:0 6px 20px #0055a466}.ModeSelector_modeTitle__gOQ0Z{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;margin:0}.dark-mode .ModeSelector_modeTitle__gOQ0Z{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a9eff,#ff6b6b);-webkit-background-clip:text;background-clip:text}.ModeSelector_modeSubtitle__mvVHv{color:#0055a4;color:var(--primary-color,#0055a4);font-size:1rem;font-weight:600;margin:-.5rem 0 .5rem;opacity:.9}.dark-mode .ModeSelector_modeSubtitle__mvVHv{color:#4a9eff}.ModeSelector_modeDescription__LLZf2{color:#666;color:var(--text-secondary,#666);flex:1 1;font-size:.95rem;line-height:1.7;margin:0}.dark-mode .ModeSelector_modeDescription__LLZf2{--text-secondary:#d0d0d0}.ModeSelector_modeConfig__\+11rJ{background:#f8f9fa;background:var(--config-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--config-border,#e9ecef);border-radius:12px;display:flex;gap:1rem;margin:.5rem 0;padding:1rem}.dark-mode .ModeSelector_modeConfig__\+11rJ{--config-bg:#1e1e32;--config-border:#ffffff1a}.ModeSelector_configItem__uWMdX{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem}.dark-mode .ModeSelector_configItem__uWMdX{--text-primary:#fff}.ModeSelector_configItem__uWMdX i{color:#0055a4;color:var(--primary-color,#0055a4);font-size:1rem}.dark-mode .ModeSelector_configItem__uWMdX i{color:#4a9eff}.ModeSelector_modeFeatures__ogw-C{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ModeSelector_feature__umNrU{align-items:center;background:#e3f2fd;background:var(--feature-bg,#e3f2fd);border:1px solid #0055a433;border-radius:20px;color:#0055a4;color:var(--primary-color,#0055a4);display:flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .75rem}.dark-mode .ModeSelector_feature__umNrU{--feature-bg:#4a9eff26;border-color:#4a9eff4d;color:#4a9eff}.ModeSelector_feature__umNrU i{font-size:.75rem}.ModeSelector_modeBestFor__S3CDr{align-items:center;background:#fff3cd;background:var(--bestfor-bg,#fff3cd);border-left:4px solid #ffc107;border-radius:8px;color:#856404;color:var(--bestfor-text,#856404);display:flex;font-size:.85rem;font-style:italic;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem}.dark-mode .ModeSelector_modeBestFor__S3CDr{--bestfor-bg:#ffc10726;--bestfor-text:#ffd54f;border-color:#ffc107}.ModeSelector_modeBestFor__S3CDr i{color:#ffc107;font-size:1rem}@media (max-width:768px){.ModeSelector_modesGrid__waUrq{gap:1.5rem;grid-template-columns:1fr}.ModeSelector_modeCard__HnSaD{padding:1.5rem}.ModeSelector_modeConfig__\+11rJ{flex-direction:column;gap:.75rem}}.LoadingSpinner_fullScreenOverlay__V3SXA{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff80;background:var(--overlay-bg,#ffffff80);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.dark-mode .LoadingSpinner_fullScreenOverlay__V3SXA{--overlay-bg:#1a1a2e80}.LoadingSpinner_spinnerContainer__ZZDXg{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;background:var(--container-bg,#fffffff2);border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2rem;text-align:center}.dark-mode .LoadingSpinner_spinnerContainer__ZZDXg{--container-bg:#2a2a3ef2}.LoadingSpinner_spinner__ZDYVP{animation:LoadingSpinner_spin__vaVXs 1s linear infinite;border:4px solid #0055a433;border-top:4px solid #0055a4;border:4px solid var(--spinner-border,#0055a433);border-radius:50%;border-top-color:var(--primary-color,#0055a4);height:48px;width:48px}.dark-mode .LoadingSpinner_spinner__ZDYVP{--spinner-border:#ffffff1a;--primary-color:#4a9eff}.LoadingSpinner_message__FpALr{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1rem;font-weight:500;line-height:1.5;margin:0}.dark-mode .LoadingSpinner_message__FpALr{--text-primary:#fff}.LoadingSpinner_inlineSpinner__pKl8c{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.LoadingSpinner_inlineSpinner__pKl8c .LoadingSpinner_spinner__ZDYVP{border-width:3px;height:40px;width:40px}.LoadingSpinner_inlineSpinner__pKl8c .LoadingSpinner_message__FpALr{font-size:.9rem}@keyframes LoadingSpinner_spin__vaVXs{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.QcmCiviquePage_page__HGxJJ{background:#f5f5f5;background:var(--page-bg,#f5f5f5);min-height:calc(100vh - 70px);padding:2rem;transition:background .3s ease}.dark-mode .QcmCiviquePage_page__HGxJJ{--page-bg:#1a1a2e}.QcmCiviquePage_container__6kRzn{margin:0 auto;max-width:1200px}.QcmCiviquePage_introHeader__oFWW6{margin-bottom:3rem;text-align:center}.QcmCiviquePage_title__WVMM-{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.QcmCiviquePage_subtitle__IRr0Z{color:#666;color:var(--text-secondary,#666);font-size:1.25rem;line-height:1.6}.dark-mode .QcmCiviquePage_subtitle__IRr0Z{--text-secondary:#d0d0d0}.QcmCiviquePage_introContent__Y7cbb{align-items:center;display:flex;flex-direction:column;gap:2rem}.QcmCiviquePage_introDescription__aAel-{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1rem;max-width:800px;padding:2rem;text-align:center}.dark-mode .QcmCiviquePage_introDescription__aAel-{--card-bg:#2a2a3e}.QcmCiviquePage_introDescription__aAel- p{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;line-height:1.8;margin:0}.dark-mode .QcmCiviquePage_introDescription__aAel- p{--text-secondary:#d0d0d0}.QcmCiviquePage_infoCards__Fw4aN{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;width:100%}.QcmCiviquePage_infoCard__y2sGE{background:#fff;background:var(--card-bg,#fff);border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark-mode .QcmCiviquePage_infoCard__y2sGE{--card-bg:#2a2a3e;box-shadow:0 4px 20px #0000004d}.QcmCiviquePage_infoCard__y2sGE:before{background:linear-gradient(135deg,#0055a4,#ef4135);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.QcmCiviquePage_infoCard__y2sGE:hover:before{transform:scaleX(1)}.QcmCiviquePage_infoCard__y2sGE:hover{border-color:#0055a4;border-color:var(--primary-color,#0055a4);box-shadow:0 12px 32px #0055a426;transform:translateY(-8px)}.dark-mode .QcmCiviquePage_infoCard__y2sGE:hover{box-shadow:0 12px 32px #0055a44d}.QcmCiviquePage_infoCard__y2sGE i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;display:block;font-size:3.5rem;margin-bottom:1.5rem;transition:transform .3s ease}.QcmCiviquePage_infoCard__y2sGE:hover i{transform:scale(1.1)}.QcmCiviquePage_infoCard__y2sGE h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.dark-mode .QcmCiviquePage_infoCard__y2sGE h3{--text-primary:#fff}.QcmCiviquePage_infoCard__y2sGE p{color:#666;color:var(--text-secondary,#666);font-size:1.05rem;line-height:1.6;margin:0}.dark-mode .QcmCiviquePage_infoCard__y2sGE p{--text-secondary:#d0d0d0}.QcmCiviquePage_configNote__6orpa{color:#0055a4;color:var(--primary-color,#0055a4);display:block;font-size:.85rem;font-style:italic;font-weight:500;margin-top:.75rem;opacity:.8}.dark-mode .QcmCiviquePage_configNote__6orpa{color:#4a9eff}.QcmCiviquePage_modeConfigList__XZO\+m{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;text-align:left}.QcmCiviquePage_modeConfigItem__6IcjY{align-items:center;background:#f8f9fa;background:var(--config-item-bg,#f8f9fa);border-left:3px solid #0055a4;border-left:3px solid var(--primary-color,#0055a4);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.dark-mode .QcmCiviquePage_modeConfigItem__6IcjY{--config-item-bg:#1e1e32}.QcmCiviquePage_modeConfigItem__6IcjY:hover{background:#0055a40d;background:var(--config-item-hover,#0055a40d);transform:translateX(4px)}.dark-mode .QcmCiviquePage_modeConfigItem__6IcjY:hover{--config-item-hover:#4a9eff1a}.QcmCiviquePage_modeName__AvSD5{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:600}.dark-mode .QcmCiviquePage_modeName__AvSD5{--text-primary:#fff}.QcmCiviquePage_modeValue__2BrIC{color:#0055a4;color:var(--primary-color,#0055a4);font-size:1rem;font-weight:700}.dark-mode .QcmCiviquePage_modeValue__2BrIC{color:#4a9eff}.QcmCiviquePage_startButton__bdA1X{align-items:center;background:linear-gradient(135deg,#0055a4,#ef4135);border:none;border-radius:16px;box-shadow:0 6px 20px #0055a459;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;overflow:hidden;padding:1.25rem 3rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.QcmCiviquePage_startButton__bdA1X:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.QcmCiviquePage_startButton__bdA1X:hover:not(:disabled):before{left:100%}.QcmCiviquePage_startButton__bdA1X:hover:not(:disabled){box-shadow:0 10px 32px #0055a480;transform:translateY(-4px) scale(1.02)}.QcmCiviquePage_startButton__bdA1X:active:not(:disabled){transform:translateY(-2px) scale(1)}.QcmCiviquePage_startButton__bdA1X:disabled{cursor:not-allowed;opacity:.6;transform:none}.QcmCiviquePage_startButton__bdA1X:focus{outline:3px solid #0055a480;outline-offset:3px}.QcmCiviquePage_startButton__bdA1X i{transition:transform .3s ease}.QcmCiviquePage_startButton__bdA1X:hover:not(:disabled) i{transform:translateX(4px)}.QcmCiviquePage_testHeader__2GvYc{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.QcmCiviquePage_modeActions__vSnOQ{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.QcmCiviquePage_backButton__4DDOO{align-items:center;background:#0000;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.dark-mode .QcmCiviquePage_backButton__4DDOO{--text-secondary:#d0d0d0;--border-color:#ffffff26}.QcmCiviquePage_backButton__4DDOO:hover{background:#0000000d;background:var(--hover-bg,#0000000d);border-color:#0055a4;border-color:var(--primary-color,#0055a4)}.dark-mode .QcmCiviquePage_backButton__4DDOO:hover{--hover-bg:#ffffff0d}.QcmCiviquePage_backButton__4DDOO:focus{outline:2px solid #0055a4;outline:2px solid var(--primary-color,#0055a4);outline-offset:2px}.QcmCiviquePage_navigation__xj-iB{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding:1.5rem}.dark-mode .QcmCiviquePage_navigation__xj-iB{--card-bg:#2a2a3e}.QcmCiviquePage_navButton__sPjp9{align-items:center;background:#f5f5f5;background:var(--button-bg,#f5f5f5);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.dark-mode .QcmCiviquePage_navButton__sPjp9{--button-bg:#1a1a2e;--text-primary:#fff;--border-color:#ffffff1a}.QcmCiviquePage_navButton__sPjp9:hover:not(:disabled){background:#0055a41a;background:var(--primary-light,#0055a41a);border-color:#0055a4;border-color:var(--primary-color,#0055a4);color:#0055a4;color:var(--primary-color,#0055a4)}.QcmCiviquePage_navButton__sPjp9:disabled{cursor:not-allowed;opacity:.5}.QcmCiviquePage_navButton__sPjp9:focus{outline:2px solid #0055a4;outline:2px solid var(--primary-color,#0055a4);outline-offset:2px}.QcmCiviquePage_finishButton__BlU6p{background:linear-gradient(135deg,#0055a4,#ef4135);border:none;color:#fff}.QcmCiviquePage_finishButton__BlU6p:hover:not(:disabled){box-shadow:0 4px 12px #0055a44d;transform:translateY(-2px)}.QcmCiviquePage_questionNumbers__8WDOy{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:600px}.QcmCiviquePage_questionNumber__ha3rA{align-items:center;background:#f5f5f5;background:var(--number-bg,#f5f5f5);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dark-mode .QcmCiviquePage_questionNumber__ha3rA{--number-bg:#1a1a2e;--text-primary:#fff;--border-color:#ffffff1a}.QcmCiviquePage_questionNumber__ha3rA:hover{background:#0055a41a;background:var(--primary-light,#0055a41a);border-color:#0055a4;border-color:var(--primary-color,#0055a4)}.QcmCiviquePage_questionNumber__ha3rA.QcmCiviquePage_active__Y41Rf{background:#0055a4;background:var(--primary-color,#0055a4);border-color:#0055a4;border-color:var(--primary-color,#0055a4);color:#fff}.QcmCiviquePage_questionNumber__ha3rA.QcmCiviquePage_answered__VcqoC{background:#d4edda;border-color:#28a745}.dark-mode .QcmCiviquePage_questionNumber__ha3rA.QcmCiviquePage_answered__VcqoC{background:#1e4620;border-color:#28a745}.QcmCiviquePage_questionNumber__ha3rA:focus{outline:2px solid #0055a4;outline:2px solid var(--primary-color,#0055a4);outline-offset:2px}.QcmCiviquePage_errorMessage__bBDX2{align-items:center;background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;color:#721c24;display:flex;gap:.75rem;margin-top:1rem;padding:1rem 1.5rem}.dark-mode .QcmCiviquePage_errorMessage__bBDX2{background:#4a1f23;border-color:#dc3545;color:#f99}.QcmCiviquePage_errorMessage__bBDX2 i{font-size:1.2rem}@media (max-width:768px){.QcmCiviquePage_page__HGxJJ{padding:1rem}.QcmCiviquePage_title__WVMM-{font-size:2rem}.QcmCiviquePage_navigation__xj-iB,.QcmCiviquePage_testHeader__2GvYc{flex-direction:column}.QcmCiviquePage_questionNumbers__8WDOy{max-width:100%}.QcmCiviquePage_modeActions__vSnOQ{flex-direction:column}}.civique-page{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);color:#1f2937;color:var(--text-primary,#1f2937);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-base,.3s ease),color var(--transition-base,.3s ease)}.dark-mode .civique-page{background-color:#111827;background-color:var(--bg-primary,#111827);color:#f9fafb;color:var(--text-primary,#f9fafb)}.civique-container{max-width:1200px;text-align:center;width:100%}.civique-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.profile-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem}.profile-container{background:#fff;background:var(--navbar-bg,#fff);border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:800px;padding:2rem;width:100%}.profile-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:2rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.profile-info p{background:#0055a414;background:var(--navbar-hover,#0055a414);border-radius:8px;font-size:1.1rem;padding:.75rem}.profile-info strong{color:#0055a4;color:var(--navbar-active,#0055a4)}.learning-settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);padding:1.5rem 1.75rem;text-align:left;transition:all var(--transition-base)}.learning-settings-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.625rem;margin:0 0 1.5rem;padding-bottom:.875rem;transition:color var(--transition-base),border-color var(--transition-base)}.learning-settings-title i{color:var(--primary-color)}.learning-settings-group{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.learning-settings-group:last-child{margin-bottom:0}.learning-settings-label{color:var(--text-primary);display:block;flex-shrink:0;font-size:.9375rem;font-weight:600;min-width:200px;text-align:left;transition:color var(--transition-base)}.learning-settings-radio-group{display:flex;flex-direction:column;gap:.625rem}.learning-settings-radio-option{align-items:flex-start;cursor:pointer;display:flex;position:relative}.learning-settings-radio-option input[type=radio]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:18px;margin:.125rem .75rem 0 0;min-width:18px;width:18px}.learning-settings-radio-label{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:.75rem;min-height:48px;padding:.75rem 1rem;transition:all var(--transition-base)}.learning-settings-radio-option input[type=radio]:checked+.learning-settings-radio-label{background:var(--bg-tertiary);border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.learning-settings-radio-option:hover .learning-settings-radio-label{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.learning-settings-radio-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1;width:2rem}.learning-settings-radio-label div{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.learning-settings-radio-label strong{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3}.learning-settings-radio-label small{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.learning-settings-checkbox-group{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:1rem}.learning-settings-checkbox-option{align-items:center;cursor:pointer;display:flex}.learning-settings-checkbox-option input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:18px;margin:0 .75rem 0 0;min-width:18px;width:18px}.learning-settings-checkbox-label{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:500;gap:.625rem;min-height:44px;min-width:200px;padding:.75rem 1rem;transition:all var(--transition-base)}.learning-settings-checkbox-option input[type=checkbox]:checked+.learning-settings-checkbox-label{background:var(--bg-tertiary);border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.learning-settings-checkbox-option:hover .learning-settings-checkbox-label{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.learning-settings-checkbox-label i{color:var(--primary-color);flex-shrink:0;font-size:1rem}.learning-settings-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all var(--transition-base)}.learning-settings-select:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.learning-settings-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.learning-settings-select option{background:var(--bg-primary);color:var(--text-primary);padding:.5rem}.dark-mode .learning-settings-section,:root.dark-mode .learning-settings-section{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003!important}.dark-mode .learning-settings-title,:root.dark-mode .learning-settings-title{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .learning-settings-title i,:root.dark-mode .learning-settings-title i{color:var(--primary-color)!important}.dark-mode .learning-settings-label,:root.dark-mode .learning-settings-label{color:var(--text-primary)!important}.dark-mode .learning-settings-radio-label,:root.dark-mode .learning-settings-radio-label{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .learning-settings-radio-label strong,:root.dark-mode .learning-settings-radio-label strong{color:var(--text-primary)!important}.dark-mode .learning-settings-radio-label small,:root.dark-mode .learning-settings-radio-label small{color:var(--text-secondary)!important}.dark-mode .learning-settings-radio-option input[type=radio]:checked+.learning-settings-radio-label,:root.dark-mode .learning-settings-radio-option input[type=radio]:checked+.learning-settings-radio-label{background:var(--bg-primary)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #6366f133!important}.dark-mode .learning-settings-checkbox-label,:root.dark-mode .learning-settings-checkbox-label{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .learning-settings-checkbox-option input[type=checkbox]:checked+.learning-settings-checkbox-label,:root.dark-mode .learning-settings-checkbox-option input[type=checkbox]:checked+.learning-settings-checkbox-label{background:var(--bg-primary)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #6366f133!important}.dark-mode .learning-settings-checkbox-label i,:root.dark-mode .learning-settings-checkbox-label i{color:var(--primary-color)!important}.dark-mode .learning-settings-select,:root.dark-mode .learning-settings-select{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .learning-settings-select:hover,:root.dark-mode .learning-settings-select:hover{border-color:var(--primary-light)!important}.dark-mode .learning-settings-select:focus,:root.dark-mode .learning-settings-select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #6366f133!important}.dark-mode .learning-settings-select option,:root.dark-mode .learning-settings-select option{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}@media (max-width:768px){.learning-settings-section{padding:1.25rem 1rem}.learning-settings-title{font-size:1.125rem;margin-bottom:1.25rem;padding-bottom:.75rem}.learning-settings-group{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.learning-settings-label{font-size:.875rem;min-width:auto;width:100%}.learning-settings-radio-group{gap:.5rem}.learning-settings-radio-label{min-height:44px;padding:.625rem .875rem}.learning-settings-radio-icon{font-size:1.25rem;width:1.75rem}.learning-settings-radio-label strong{font-size:.875rem}.learning-settings-radio-label small{font-size:.75rem}.learning-settings-checkbox-group{flex-direction:column;gap:.75rem}.learning-settings-checkbox-label{min-height:40px;min-width:auto}.learning-settings-checkbox-label,.learning-settings-select{font-size:.875rem;padding:.625rem .875rem}}.settings-page{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);color:#1f2937;color:var(--text-primary,#1f2937);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-base,.3s ease),color var(--transition-base,.3s ease)}.settings-container{max-width:1200px;text-align:center;width:100%}.settings-header{margin-bottom:2rem;text-align:center}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0055a4,#ef4135);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.settings-subtitle{color:var(--text-secondary);font-size:1rem;margin:0;transition:color var(--transition-base)}.settings-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:900px;text-align:left}.dark-mode .settings-page,:root.dark-mode .settings-page{background-color:#111827!important;background-color:var(--bg-primary,#111827)!important;color:#f9fafb!important;color:var(--text-primary,#f9fafb)!important}.dark-mode .settings-subtitle,:root.dark-mode .settings-subtitle{color:var(--text-secondary)!important}.dark-mode .settings-header h1,:root.dark-mode .settings-header h1{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#0055a4,#ef4135)!important;-webkit-background-clip:text!important;background-clip:text!important}@media (max-width:768px){.settings-page{padding:1.5rem 1rem}.settings-container{max-width:100%}.settings-header{margin-bottom:1.5rem}.settings-header h1{font-size:2rem}.settings-subtitle{font-size:.9375rem}.settings-content{max-width:100%}}.pricing-container{background:var(--bg-primary);min-height:100vh;transition:background var(--transition-base)}.pricing-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center}.dark-mode .pricing-hero{background:linear-gradient(135deg,#111827,#1f2937)}.pricing-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%236366f1' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.pricing-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.pricing-title{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.pricing-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.billing-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:inline-flex;gap:.25rem;padding:.25rem;transition:background var(--transition-base),border-color var(--transition-base)}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all var(--transition-base)}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.discount-badge{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.pricing-plans{margin:0 auto;max-width:1400px;padding:4rem 2rem}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.plan-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;padding:2.5rem;position:relative;transition:all var(--transition-base)}.plan-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.plan-card.popular{border-color:var(--primary-color);border-width:3px;transform:scale(1.05)}.plan-card.popular:hover{transform:scale(1.05) translateY(-8px)}.plan-card.custom{background:linear-gradient(135deg,var(--bg-primary) 0,#f59e0b0d 100%);border-color:#f59e0b;border-color:var(--accent-color,#f59e0b)}.dark-mode .plan-card.custom{background:linear-gradient(135deg,var(--bg-primary) 0,#f59e0b1a 100%)}.custom-badge,.popular-badge{background:var(--gradient-primary);border-radius:20px;box-shadow:var(--shadow-md);color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.custom-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.plan-header{margin-bottom:2rem;text-align:center}.plan-name{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:var(--text-secondary);font-size:.875rem}.plan-price{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.price-amount{color:var(--primary-color);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.price-period{color:var(--text-secondary);font-size:1rem;font-weight:500}.plan-quota{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.quota-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.quota-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.quota-services{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.service-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.plan-features{flex:1 1;margin-bottom:2rem}.features-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.features-list{list-style:none;margin:0;padding:0}.feature-item{align-items:flex-start;color:var(--text-secondary);display:flex;gap:.75rem;margin-bottom:.75rem}.feature-item i{color:var(--success-color);flex-shrink:0;margin-top:.25rem}.feature-item span{line-height:1.5}.plan-button{background:var(--gradient-primary);border:2px solid var(--primary-color);border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:1rem 2rem;transition:all var(--transition-base);width:100%}.plan-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-button.popular-button{background:var(--gradient-primary);box-shadow:var(--shadow-md)}.plan-button.custom-button{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.pricing-faq{padding:4rem 2rem;transition:background var(--transition-base)}.dark-mode .pricing-faq,.pricing-faq{background:var(--bg-secondary)}.faq-container{margin:0 auto;max-width:1000px}.faq-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.faq-item h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.faq-item p{color:var(--text-secondary);line-height:1.6}.pricing-cta{background:var(--gradient-primary);color:#fff;padding:4rem 2rem;text-align:center}.cta-container{margin:0 auto;max-width:800px}.cta-container h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-container p{font-size:1.125rem;margin-bottom:2.5rem;opacity:.9}.cta-button{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:var(--shadow-lg);color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all var(--transition-base)}.cta-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.fade-in{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.plan-card.popular{transform:scale(1)}.plan-card.popular:hover{transform:translateY(-8px)}}@media (max-width:768px){.pricing-hero{padding:4rem 1rem 3rem}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1.125rem}.pricing-plans{padding:3rem 1rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:2rem}.price-amount{font-size:2.5rem}.pricing-faq{padding:3rem 1rem}.faq-title{font-size:2rem}.faq-grid{grid-template-columns:1fr}.pricing-cta{padding:3rem 1rem}.cta-container h2{font-size:2rem}}@media (max-width:480px){.pricing-title{font-size:1.75rem}.billing-toggle{flex-direction:column;width:100%}.toggle-btn{justify-content:center;width:100%}.plan-card{padding:1.5rem}.price-amount{font-size:2rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.da8793bc.css.map*/