:root{--primary-color:#ff9900;--secondary-color:#232f3e;--text-color:#333;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--light-bg:#f8f9fa;--border-color:#dee2e6;--success-color:#28a745;--danger-color:#dc3545;--primary-50:#fff7ed;--primary-100:#ffedd5;--primary-200:#fed7aa;--primary-300:#fdba74;--primary-400:#fb923c;--primary-500:#ff9900;--primary-600:#ea580c;--primary-700:#c2410c;--primary-800:#9a3412;--primary-900:#7c2d12;--success-color-light:#d4edda;--success-color-dark:#10b981;--warning-color:#f59e0b;--danger-color-light:#fff5f5;--info-color:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bp-xs:480px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--font-size-h1:2rem;--font-size-h2:1.65rem;--font-size-h3:1.35rem;--font-size-body:1rem;--font-size-small:0.875rem;--font-size-tiny:0.75rem;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--touch-target-min:44px;--touch-target-comfortable:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--border-width-hairline:1px;--border-width-thin:2px;--border-width-medium:3px;--border-width-thick:4px;--border-subtle:#cbd5e1;--border-default:#94a3b8;--border-interactive:#64748b;--border-focus:var(--primary-600);--gradient-gold:#f6b93b;--gradient-purple-start:#667eea;--gradient-purple-end:#764ba2;--gradient-pink-start:#f093fb;--gradient-pink-end:#f5576c;--google-blue:#4285f4;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.15);--shadow-xl:0 20px 60px rgba(0, 0, 0, 0.2);--shadow-2xl:0 25px 80px rgba(0, 0, 0, 0.25);--shadow-primary:0 8px 24px rgba(255, 153, 0, 0.25);--shadow-focus:0 0 0 4px rgba(255, 153, 0, 0.2);--bg-canvas:#ffffff;--bg-surface:var(--gray-50);--bg-overlay:var(--gray-100);--bg-elevated:#ffffff;--ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-smooth:0.3s var(--ease-smooth);--gpu-acceleration:translateZ(0);--hardware-accelerated:translate3d(0, 0, 0);--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-notification:60}@media (min-width:768px){:root{--font-size-h1:2.75rem;--font-size-h2:2.25rem;--font-size-h3:1.75rem;--line-height-tight:1.2}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:var(--font-weight-bold)}:focus{outline:0}:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-sm);box-shadow:0 0 0 6px rgba(234,88,12,.15)}.btn:focus-visible{outline:3px solid var(--primary-700);outline-offset:4px;box-shadow:0 0 0 4px rgba(194,65,12,.25),0 0 0 8px rgba(194,65,12,.1)}.cert-card:focus-within{outline:3px solid var(--border-focus);outline-offset:4px;box-shadow:0 0 0 6px rgba(234,88,12,.12)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;background:rgba(255,153,0,.1);border-radius:var(--radius-xs)}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-700);color:#fff;padding:var(--space-3) var(--space-6);text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:var(--z-notification);transition:top .2s ease}.skip-link:focus{top:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:var(--secondary-color);color:#fff;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:top .3s ease}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-links a{color:#fff;text-decoration:none;margin-left:var(--space-4);padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min);display:inline-flex;align-items:center;transition:var(--transition-base)}.nav-links a:hover{color:var(--primary-color)}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-2);z-index:var(--z-fixed)}.hamburger-icon{display:block;width:28px;height:2px;background-color:#fff;position:relative;transition:var(--transition-base)}.hamburger-icon::after,.hamburger-icon::before{content:"";display:block;width:28px;height:2px;background-color:#fff;position:absolute;transition:var(--transition-base)}.hamburger-icon::before{top:-8px}.hamburger-icon::after{top:8px}.mobile-menu-toggle.open .hamburger-icon{background-color:transparent}.mobile-menu-toggle.open .hamburger-icon::before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.open .hamburger-icon::after{top:0;transform:rotate(-45deg)}.nav-links{display:flex;align-items:center}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--transition-base)}.mobile-menu-overlay.show{display:block;opacity:1}@media (max-width:767px){.mobile-menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;max-width:85%;background-color:var(--secondary-color);flex-direction:column;align-items:flex-start;padding:var(--space-16) var(--space-6);box-shadow:-4px 0 20px rgba(0,0,0,.3);transition:right var(--transition-base);z-index:var(--z-modal);overflow-y:auto}.nav-links.open{right:0}.nav-links a{width:100%;margin-left:0;margin-bottom:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md)}.nav-links a:active,.nav-links a:hover{background-color:rgba(255,255,255,.1)}.user-menu-container{width:100%}.nav-links.open .user-name{display:block}.nav-links.open .user-profile-button{width:100%;padding:var(--space-3) var(--space-4);justify-content:flex-start;background-color:rgba(255,255,255,.1);margin-bottom:var(--space-2)}.nav-links.open .user-profile-button:hover{background-color:rgba(255,255,255,.15)}.nav-links.open .dropdown-arrow{display:block;margin-left:auto}.user-dropdown-menu{position:absolute!important;top:100%!important;right:0!important;left:auto!important;bottom:auto!important;min-width:220px!important;max-width:90vw!important;margin-top:8px!important;border-radius:var(--radius-md)!important;max-height:none!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;transform:translateY(-10px);transition:transform .2s ease,opacity .2s ease;z-index:calc(var(--z-modal) + 2)!important}.user-dropdown-menu.show{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.user-dropdown-overlay{z-index:calc(var(--z-modal) + 1)!important;background-color:transparent!important;pointer-events:auto!important}.user-dropdown-overlay.show{display:block!important;opacity:1!important}.user-dropdown-menu{pointer-events:auto!important}.user-dropdown-menu .dropdown-item{pointer-events:auto!important;position:relative;z-index:9999!important}.dropdown-item{padding:14px 16px!important;font-size:15px!important}.dropdown-item svg{width:20px!important;height:20px!important}}.announcement-banner{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-bottom:3px solid #f59e0b;padding:.75rem 0;position:fixed;top:0;left:0;right:0;z-index:1100;display:block;pointer-events:none;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.announcement-banner.visible{pointer-events:auto;transform:translateY(0);opacity:1}.announcement-banner #announcement-link{display:none}.announcement-banner #announcement-link.visible{display:inline}.announcement-banner.type-discount{background:linear-gradient(135deg,#dcfce7 0,#bbf7d0 100%);border-bottom-color:#22c55e}.announcement-banner.type-warning{background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%);border-bottom-color:#ef4444}.announcement-banner.type-info{background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);border-bottom-color:#3b82f6}.announcement-banner .container{display:flex;align-items:flex-start;justify-content:space-between}.announcement-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap}.announcement-new-badge{background:#ef4444;color:#fff;font-size:.65rem;padding:.2rem .5rem;border-radius:var(--radius-xs);font-weight:700;text-transform:uppercase;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.announcement-title{font-weight:700;color:#1f2937;font-size:.95rem}.announcement-message{color:#1f2937;font-size:.9rem}.announcement-link{color:#2563eb;font-weight:600;font-size:.9rem;text-decoration:none;padding:.25rem .75rem;background:rgba(37,99,235,.1);border-radius:var(--radius-xs);transition:all .3s}.announcement-link:hover{background:rgba(37,99,235,.2)}.announcement-close{background:0 0;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0 var(--space-2);line-height:1;transition:var(--transition-base);position:absolute;top:var(--space-2);right:var(--space-2)}.announcement-close:hover{color:#1f2937}@media (min-width:768px){.announcement-content{flex-direction:row;align-items:center;gap:var(--space-3)}.announcement-banner .container{align-items:center}.announcement-close{position:static;padding:0 var(--space-2)}}.hero{text-align:center;padding:8rem 2rem;background:linear-gradient(135deg,#fff 0,#fff7ed 100%);color:var(--gray-900);border-radius:var(--radius-2xl);margin:4rem 0;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(255,153,0,.08),inset 0 1px 0 rgba(255,153,0,.1);min-height:600px}.hero::after,.hero::before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 20s ease-in-out infinite}.hero::before{top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,153,0,.12) 0,transparent 70%)}.hero::after{bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,153,0,.08) 0,transparent 70%);animation-delay:-10s}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,30px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.9)}}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,153,0,.08);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(255,153,0,.2);color:var(--primary-700)}.badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{font-size:clamp(2.5rem, 6vw, 4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--gray-900);text-shadow:none}.hero-highlight{background:linear-gradient(135deg,#f90 0,#ffdd57 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;filter:drop-shadow(0 2px 12px rgba(255, 153, 0, .4))}.hero-subtitle{font-size:clamp(1.125rem, 2vw, 1.375rem);line-height:1.6;margin-bottom:3rem;color:var(--gray-600);max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;flex-wrap:wrap;min-height:72px}.stat-item{text-align:center;min-width:80px}.stat-value{font-size:2.5rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn-large{padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:700}.btn-icon{margin-left:.5rem;transition:transform .3s ease}.btn-primary:hover .btn-icon{transform:translateX(4px)}.hero-note{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600);padding:.75rem 1.25rem;background:rgba(255,153,0,.05);border-radius:var(--radius-full);border:1px solid rgba(255,153,0,.15)}.note-icon{color:var(--primary-color)}@media (max-width:768px){.hero{padding:4rem 1.5rem;border-radius:var(--radius-xl);margin:2rem 0}.hero-stats{gap:2rem}.stat-value{font-size:2rem}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%;justify-content:center}}.btn{display:inline-block;padding:var(--space-3) var(--space-8);min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-base);border:none;cursor:pointer;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden}.btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active::before{width:300px;height:300px}.btn-primary{background-color:#c2410c;color:#fff;border:none;box-shadow:none;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-primary::before{display:none}.btn-primary:hover:not(:disabled){background-color:#9a3412;transform:translateY(-2px);box-shadow:0 4px 12px rgba(194,65,12,.3)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-secondary{background-color:var(--secondary-color);color:#fff;border:2px solid var(--secondary-color)}.btn-secondary:hover:not(:disabled){background-color:#1a252f;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(35,47,62,.3)}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-primary:disabled,.btn-secondary:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.btn .arrow{font-weight:300;font-size:1.4em;line-height:.8;margin:0 .3rem}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,153,0,.2)}.btn-outline:active:not(:disabled){transform:translateY(0) scale(.95)}.btn-correct{background-color:#5cb85c!important;color:#fff!important;opacity:1!important}.btn-incorrect{background-color:#f0ad4e!important;color:#fff!important;opacity:1!important}.features,.pricing{padding:4rem 0}.features h2,.pricing h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--secondary-color)}.feature-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.feature-card{padding:2rem;background-color:var(--light-bg);border-radius:var(--radius-sm);text-align:center;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.feature-card h3{color:#c2410c;margin-bottom:1rem}.social-proof{padding:var(--space-12) 0;background:linear-gradient(135deg,#fff 0,#fffbf5 100%);margin:var(--space-12) -20px;padding-left:20px;padding-right:20px;border-top:2px solid rgba(148,163,184,.3);border-bottom:2px solid rgba(148,163,184,.3);border-radius:var(--radius-lg)}.social-proof h2{text-align:center;margin-bottom:var(--space-8);color:var(--text-primary)}.testimonial-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto var(--space-10)}@media (min-width:768px){.testimonial-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.testimonial-stars{color:#fbbf24;font-size:1.25rem;margin-bottom:var(--space-3)}.testimonial-text{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-4);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0,var(--gradient-gold) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;flex-shrink:0}.author-name{font-weight:600;color:var(--text-primary)}.author-cert{font-size:.875rem;color:var(--text-tertiary)}.trust-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:900px;margin:var(--space-10) auto 0;padding:var(--space-6);background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.2);min-height:180px;contain:layout style}@media (min-width:768px){.trust-badges{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.trust-badge-item{text-align:center;padding:var(--space-5) var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(148,163,184,.15)}.trust-badge-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.trust-icon{font-size:2.25rem;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);border-radius:var(--radius-lg)}.trust-text{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:800px;margin:0 auto}.pricing-card{padding:var(--space-6);border:2px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-base)}.pricing-card.featured{border-color:var(--primary-color);border-width:3px;box-shadow:0 4px 12px rgba(255,153,0,.2);position:relative}.pricing-card.featured::before{content:"RECOMMENDED";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:.5px}@media (min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.pricing-card.featured{transform:scale(1.05)}}@media (min-width:768px){.pricing-grid{gap:var(--space-8)}}.pricing-card h3{color:var(--secondary-color);font-size:1.5rem;margin-bottom:1rem}.price{font-size:2.5rem;color:var(--primary-color);font-weight:700;margin:1rem 0}.pricing-card ul{list-style:none;margin:2rem 0}.pricing-card li{padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.quiz-container{max-width:800px;margin:2rem auto;padding:2rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-default)}.question-card{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.06);content-visibility:auto;contain-intrinsic-size:auto 500px}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-number{color:var(--primary-color);font-weight:700;margin-bottom:1rem;display:inline-block;background:linear-gradient(135deg,rgba(255,153,0,.1) 0,rgba(255,153,0,.05) 100%);padding:.5rem 1rem;border-radius:var(--radius-sm);border-left:4px solid var(--primary-color);font-size:.95rem;letter-spacing:.5px}.question-text{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.8}.question-text-formatted{font-size:1.1rem;margin-bottom:2rem;line-height:1.8;white-space:pre-line}.question-image{margin:1.5rem 0;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.question-image img{max-width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease;aspect-ratio:attr(width)/attr(height);will-change:transform;transform:translateZ(0)}.question-image img:hover{transform:scale(1.02) translateZ(0);box-shadow:0 4px 12px rgba(0,0,0,.15)}.options{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.option{padding:var(--space-5) var(--space-6);min-height:64px;border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);transform-origin:center;display:flex;align-items:center;transform:translateZ(0);backface-visibility:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.option:hover{border-color:var(--primary-color);background-color:#fffbf5;box-shadow:0 4px 12px rgba(255,153,0,.15)}.option:active{opacity:.9}.option.selected{border-color:var(--primary-color);background-color:#fff8e1}.option.correct{border-color:var(--success-color);background-color:#d4edda}.option.incorrect{border-color:var(--danger-color);background-color:var(--danger-color-light)}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.explanation{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border-left:4px solid #3b82f6;border-radius:var(--radius-md);display:none;box-shadow:0 2px 8px rgba(59,130,246,.1);animation:slideInExplanation .3s ease-out}@keyframes slideInExplanation{from{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0}to{opacity:1;max-height:500px;padding-top:1.5rem;padding-bottom:1.5rem;margin-top:2rem}}.explanation.show{display:block}.explanation strong{color:#1e40af;font-weight:700}.explanation p{line-height:1.7;color:#374151}.quiz-navigation{display:flex;justify-content:space-between;margin-top:2rem}.premium-upgrade-prompt{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fff3cd 0,#ffe8a1 100%);border:2px solid #ffc107;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(255,193,7,.2);animation:slideIn .5s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upgrade-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.upgrade-icon{font-size:2.5rem;line-height:1}.upgrade-text{flex:1;min-width:250px}.upgrade-text strong{display:block;font-size:1.1rem;color:#856404;margin-bottom:.3rem}.upgrade-text p{margin:0;color:#856404;font-size:.95rem}.btn-premium{background:linear-gradient(135deg,var(--primary-color) 0,var(--gradient-gold) 100%);color:#fff;padding:.8rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(255,153,0,.3);transition:all .3s ease}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,153,0,.4)}.badge{display:inline-block;padding:.6rem 1.2rem;border-radius:var(--radius-xl);font-weight:600;font-size:.9rem;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;text-align:center;line-height:1.4;min-width:85px}.badge-status{white-space:nowrap;display:inline-block}.badge small{display:block;font-size:.75rem;font-weight:500;opacity:.9;margin-top:.1rem;letter-spacing:.3px}.badge-free{background:linear-gradient(135deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%);color:#fff}.badge-premium{background:linear-gradient(135deg,var(--primary-color) 0,var(--gradient-gold) 100%);color:#fff;box-shadow:0 2px 12px rgba(255,153,0,.3)}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.go-to-page-container{display:flex;gap:.5rem;align-items:center;background:linear-gradient(135deg,#f9fafb 0,#f3f4f6 100%);padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--gray-200);box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .3s ease}.go-to-page-container:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(255,153,0,.1)}.go-to-page-input{width:100px;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;text-align:center;transition:all .2s ease;background:#fff;color:var(--text-primary)}.go-to-page-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,153,0,.1)}.go-to-page-input::placeholder{color:var(--gray-400);font-weight:400}.go-to-page-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:600;min-width:60px;background:linear-gradient(135deg,var(--primary-color) 0,var(--gradient-gold) 100%);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(255,153,0,.2)}.go-to-page-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(255,153,0,.3)}.go-to-page-btn:active{transform:translateY(0)}.quiz-header-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}@media (max-width:768px){.quiz-header{flex-direction:column;align-items:stretch;gap:1rem}.quiz-header-actions{align-items:stretch}.go-to-page-container{justify-content:center}.go-to-page-input{flex:1;max-width:120px}}.premium-gate{text-align:center;padding:4rem 2rem;background-color:var(--light-bg);border-radius:var(--radius-lg);margin:2rem 0}.premium-gate h2{color:var(--secondary-color);margin-bottom:1rem}.premium-gate p{font-size:1.1rem;margin-bottom:2rem}.auth-container{max-width:400px;margin:3rem auto;padding:2rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:0 4px 8px rgba(0,0,0,.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-size:1rem}.form-group input:focus{outline:0;border-color:var(--primary-color)}footer{background-color:var(--secondary-color);color:#fff;text-align:center;padding:2rem 0;margin-top:4rem}.certifications{margin:4rem 0;padding-bottom:3rem}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.cert-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-8);padding-bottom:2rem;contain:layout style}.cert-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 1px 3px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.08);transition:transform .4s cubic-bezier(.4, 0, .2, 1),box-shadow .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:visible;display:flex;flex-direction:column;min-height:480px;border:1px solid rgba(0,0,0,.06);transform:translateZ(0);backface-visibility:hidden;will-change:transform;contain:layout style paint}.cert-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.cert-card[data-exam-code*=AIF]::before,.cert-card[data-exam-code*=CLF]::before{background:linear-gradient(90deg,#84fab0 0,#8fd3f4 100%)}.cert-card[data-exam-code*=DVA]::before,.cert-card[data-exam-code*=SAA]::before{background:linear-gradient(90deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%)}.cert-card[data-exam-code*=DOP]::before,.cert-card[data-exam-code*=SAP]::before{background:linear-gradient(90deg,var(--gradient-pink-start) 0,var(--gradient-pink-end) 100%)}.cert-card[data-exam-code*=ANS]::before,.cert-card[data-exam-code*=DAS]::before,.cert-card[data-exam-code*=DBS]::before,.cert-card[data-exam-code*=MLS]::before,.cert-card[data-exam-code*=SCS]::before{background:linear-gradient(90deg,#fa709a 0,#fee140 100%)}.cert-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.12),0 0 0 1px rgba(255,153,0,.2)}.cert-card.coming-soon{opacity:.9;border:2px solid #e0e0e0}.cert-card.coming-soon:hover{transform:none}.cert-card.popular .cert-badge{top:3.5rem}.popular-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);color:#fff;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;box-shadow:0 4px 12px rgba(139,92,246,.3)}.cert-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#fff;padding:.4rem 1rem;border-radius:var(--radius-xl);font-size:.85rem;font-weight:600}.cert-card.coming-soon .cert-badge{background:#95a5a6}.cert-level{display:inline-block;padding:.3rem .6rem;border-radius:var(--radius-xl);font-size:.85rem;font-weight:600;margin-bottom:1rem;width:fit-content;flex-shrink:0}.cert-level.foundational{background:linear-gradient(135deg,#84fab0 0,#8fd3f4 100%);color:#fff}.cert-level.associate{background:linear-gradient(135deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%);color:#fff}.cert-level.professional{background:linear-gradient(135deg,var(--gradient-pink-start) 0,var(--gradient-pink-end) 100%);color:#fff}.cert-level.specialty{background:linear-gradient(135deg,#fa709a 0,#fee140 100%);color:#fff}.cert-card h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--secondary-color);flex-shrink:0;min-height:auto;line-height:1.3;font-weight:var(--font-weight-bold)}.cert-code{font-size:1rem;font-weight:700;color:#c2410c;margin-bottom:1rem;background:rgba(255,153,0,.1);padding:.4rem .8rem;border-radius:var(--radius-sm);display:inline-block;letter-spacing:.5px;flex-shrink:0}.cert-card p{color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6;flex-shrink:0;min-height:3rem}.cert-stats{display:flex;flex-direction:column;gap:.875rem;margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#fff 0,#fffbf5 100%);border-radius:var(--radius-md);border:1px solid #e2e8f0;position:relative;flex-shrink:0;min-height:100px}.cert-stats::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color) 0,transparent 100%);border-radius:var(--radius-md) var(--radius-md) 0 0}.cert-stats span{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--gray-700);font-weight:500}.cert-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:var(--space-6)}.cert-actions .btn{flex:1;justify-content:center;text-align:center;padding:1rem;font-weight:600;font-size:1rem}.premium-button{position:relative;overflow:hidden}.premium-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.premium-button:hover::before{left:100%}.cert-actions.single-button .btn-primary{flex:1}.cert-actions button:disabled{opacity:.5;cursor:not-allowed}.certification-levels{margin:var(--space-16) 0;padding:var(--space-12) var(--space-6);background:linear-gradient(180deg,#fff 0,#f8fafc 50%,#f1f5f9 100%);margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;border-top:1px solid rgba(148,163,184,.25);border-bottom:1px solid rgba(148,163,184,.25);position:relative}.certification-levels::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color) 0,#f59e0b 100%);border-radius:var(--radius-full)}.certification-levels h2{text-align:center;margin-bottom:var(--space-10);margin-top:var(--space-4);color:var(--text-primary);font-size:2rem;font-weight:700}.levels-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:0;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width:640px){.levels-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.levels-grid{grid-template-columns:repeat(4,1fr)}}.level-card{background:#fff;border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(148,163,184,.15);position:relative;overflow:hidden}.level-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0,#f59e0b 100%);opacity:0;transition:opacity .3s ease}.level-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.level-card:hover::before{opacity:1}.level-icon{font-size:3rem;margin-bottom:1rem;width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.level-icon.foundational{background:linear-gradient(135deg,#84fab0 0,#8fd3f4 100%)}.level-icon.associate{background:linear-gradient(135deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%)}.level-icon.professional{background:linear-gradient(135deg,var(--gradient-pink-start) 0,var(--gradient-pink-end) 100%)}.level-icon.specialty{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.level-card h3{color:var(--secondary-color);margin-bottom:.5rem}.level-card p{color:#4a5568;font-size:.95rem;margin-bottom:1rem}.level-example{display:block;font-size:.85rem;color:#c2410c;font-weight:600;margin-top:1rem}.option-content{width:100%}.json-code-block{margin:0;padding:var(--space-3);background:#282c34;border-radius:var(--radius-md);overflow-x:auto;font-family:Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace;font-size:.75rem;line-height:var(--line-height-normal);box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}.json-code{display:block;color:#abb2bf;white-space:pre;margin:0;padding:0}.json-key{color:#61afef;font-weight:500}.json-string{color:#98c379}.json-number{color:#d19a66}.json-boolean{color:#c678dd;font-weight:600}.json-null{color:#e06c75;font-style:italic}.option .json-code-block{margin-top:.5rem;cursor:pointer;transition:all .3s ease}.option:hover .json-code-block{box-shadow:0 0 0 2px var(--primary-color),inset 0 2px 8px rgba(0,0,0,.2)}.option.selected .json-code-block{box-shadow:0 0 0 3px var(--primary-color),inset 0 2px 8px rgba(0,0,0,.2)}.option.correct .json-code-block{box-shadow:0 0 0 3px var(--success-color),inset 0 2px 8px rgba(0,0,0,.2)}.option.incorrect .json-code-block{box-shadow:0 0 0 3px var(--danger-color),inset 0 2px 8px rgba(0,0,0,.2)}@media (min-width:768px){.json-code-block{font-size:.9rem;padding:var(--space-4)}}@media (min-width:640px){.cert-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.levels-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.feature-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (min-width:768px){.cta-buttons{flex-direction:row}.nav-links a{margin-left:var(--space-8)}.cert-card{min-height:420px}.cert-actions{flex-direction:row}}@media (min-width:1024px){.cert-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8)}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary-500);color:#fff;padding:var(--space-3) var(--space-6);text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:10000;font-weight:var(--font-weight-semibold);transition:top .2s ease}.skip-to-content:focus{top:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (hover:none) and (pointer:coarse){.btn:active{transform:scale(.95);opacity:.8}.option:active{transform:scale(.98);background-color:var(--light-bg)}.nav-links a:active{opacity:.7}.cert-card:active{transform:translateY(-2px)}}.duration-cards{display:grid!important;grid-template-columns:1fr!important;gap:var(--space-4)!important}.duration-card{border:2px solid #e0e0e0!important;border-radius:var(--radius-lg)!important;padding:var(--space-4)!important;cursor:pointer!important;background:#fff!important;position:relative!important;transition:var(--transition-base)!important}.duration-card.active{border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(255,153,0,.2)!important}.best-value-badge{position:absolute!important;top:-10px!important;right:50%!important;transform:translateX(50%)!important;background:#28a745!important;color:#fff!important;padding:var(--space-1) var(--space-3)!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-tiny)!important;font-weight:var(--font-weight-bold)!important;white-space:nowrap!important}@media (min-width:640px){.duration-cards{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-6)!important}.best-value-badge{right:10px!important;transform:none!important}.duration-card{padding:var(--space-6)!important}}@media (max-width:767px){.pricing-card{margin:0!important}.duration-selector h4{font-size:1.1rem!important;text-align:center!important;margin-bottom:var(--space-4)!important}.duration-card>div:first-child{font-size:1.25rem!important;text-align:center!important}.duration-price{font-size:2.5rem!important;text-align:center!important}.duration-card>div{text-align:center!important}.savings-indicator{font-size:.9rem!important;text-align:center!important}.duration-selector+div{margin-top:var(--space-4)!important}@media (max-width:375px){.duration-selector+div>div{flex-direction:column!important}.duration-selector+div>div>button,.duration-selector+div>div>input{width:100%!important}}}.exam-tabs{display:grid!important;grid-template-columns:1fr!important;gap:var(--space-3)!important;margin-bottom:var(--space-6)!important}.exam-tab{padding:var(--space-4) var(--space-5)!important;min-height:var(--touch-target-min)!important;flex:none!important;min-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.exam-tab .exam-name{font-size:1rem!important;text-align:center!important}.exam-tab .exam-code{font-size:.875rem!important}@media (min-width:640px){.exam-tabs{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-4)!important}.exam-tab{padding:1rem 1.5rem!important}}@media (min-width:1024px){.exam-tabs{display:flex!important;flex-wrap:wrap!important;gap:var(--space-4)!important}.exam-tab{flex:1!important;min-width:180px!important}}.exam-level-section{margin-bottom:var(--space-6)!important}.exam-level-title{font-size:1.1rem!important;margin-bottom:var(--space-4)!important}@media (min-width:768px){.exam-level-title{font-size:1.25rem!important}}@media (max-width:767px){.btn{min-height:48px;padding:var(--space-4) var(--space-6);font-size:1rem}.quiz-header{position:sticky;top:0;z-index:var(--z-sticky);background-color:#fff;margin-bottom:var(--space-4);padding:var(--space-4);border-bottom:2px solid var(--border-default);box-shadow:0 2px 8px rgba(0,0,0,.1)}.quiz-header h1{font-size:1.25rem;margin-bottom:var(--space-1)}#page-info{font-size:.875rem}.nav-links a{min-height:52px;padding:var(--space-4) var(--space-5)}.option{min-height:68px;padding:var(--space-5) var(--space-5);font-size:1rem}.quiz-navigation{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:var(--space-4);margin-top:0;box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:var(--z-sticky);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3)}.quiz-navigation .btn{flex:1;min-height:52px;font-size:1rem}.quiz-container{padding-bottom:80px}.question-card{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.question-text{font-size:1rem;line-height:var(--line-height-relaxed)}.premium-upgrade-prompt{padding:var(--space-4);margin-top:var(--space-4)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:16px;color:var(--gray-500);font-weight:500}.user-menu-container{position:relative;display:inline-block}.user-profile-button{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:4px;border-radius:var(--radius-full);transition:var(--transition-base);background-color:rgba(255,255,255,.1)}.user-profile-button:hover{background-color:rgba(255,255,255,.2)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff}.user-avatar-initials{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid #fff}.user-name{display:none;font-size:14px;font-weight:var(--font-weight-semibold);color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{display:none;color:#fff;transition:var(--transition-base)}.user-profile-button:hover .dropdown-arrow{transform:translateY(2px)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-base);z-index:var(--z-modal);overflow:hidden}.user-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:calc(var(--z-modal) - 1);opacity:0;transition:opacity var(--transition-base)}.user-dropdown-overlay.show{display:block;opacity:1}.dropdown-header{padding:16px;background:linear-gradient(135deg,var(--secondary-color) 0,#3a4a5e 100%);color:#fff}.dropdown-user-info strong{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.dropdown-email{display:block;font-size:13px;color:rgba(255,255,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background-color:var(--border-color);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#2d3748!important;text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:14px;font-weight:500;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.dropdown-item svg{flex-shrink:0;color:var(--gray-500);transition:color .2s ease}.dropdown-item:hover{background-color:#f7fafc;color:#1a202c!important}.dropdown-item:hover svg{color:#1a202c}.dropdown-logout{color:#dc3545!important}.dropdown-logout:hover{background-color:#f7fafc;color:#c82333!important}.dropdown-logout svg{color:#dc3545!important}.dropdown-logout:hover svg{color:#c82333!important}@media (min-width:768px){.user-name{display:block}.user-profile-button{padding:4px 12px 4px 4px}.dropdown-arrow{display:block}.user-dropdown-menu{min-width:240px}}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center}.settings-modal.show{display:flex}.settings-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.settings-modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);max-width:900px;width:95%;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease;z-index:1}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-default);flex-shrink:0}.settings-modal-header h2{margin:0;color:var(--secondary-color);font-size:1.5rem}.settings-close-btn{background:0 0;border:none;cursor:pointer;color:var(--gray-500);padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{background:#f0f0f0;color:#333}.settings-modal-body{flex:1;overflow-y:auto;padding:0;display:flex}.settings-tabs{flex-shrink:0;width:200px;background:#f8f9fa;padding:1.5rem 0;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.settings-tab{background:0 0;border:none;padding:.75rem 1.5rem;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--gray-500);display:flex;align-items:center;gap:.75rem;transition:all .2s ease;border-left:3px solid transparent}.settings-tab svg{flex-shrink:0}.settings-tab:hover{background:rgba(255,153,0,.1);color:var(--primary-color)}.settings-tab.active{background:#fff;color:var(--primary-color);border-left-color:var(--primary-color)}.settings-tab-content{flex:1;padding:2rem;overflow-y:auto}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.settings-section{margin-bottom:2.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1.2rem;color:var(--secondary-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-default)}.settings-section h4{font-size:1rem;color:var(--secondary-color);margin-bottom:.75rem}.section-description{color:var(--gray-500);font-size:.9rem;margin-bottom:1.5rem}.profile-info-card{background:#f8f9fa;border-radius:var(--radius-md);padding:1.5rem;display:flex;gap:2rem;align-items:flex-start}.profile-avatar-section{flex-shrink:0}.current-avatar-wrapper{position:relative}.current-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%);display:flex;align-items:center;justify-content:center;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.current-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{color:#fff;font-size:2rem;font-weight:700}.change-avatar-btn{position:absolute;bottom:0;right:0;background:var(--primary-color);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .2s ease}.change-avatar-btn:hover{background:#e88b00;transform:scale(1.1)}.profile-details{flex:1}.profile-detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.profile-detail-row:last-child{border-bottom:none}.profile-detail-row label{font-weight:600;color:var(--gray-500);font-size:.9rem}.profile-detail-row span{color:var(--secondary-color);font-weight:500}.avatar-change-section{background:#f8f9fa;border-radius:var(--radius-md);padding:1.5rem;margin-top:1.5rem}.avatar-options{display:flex;flex-direction:column;gap:1.5rem}.avatar-option-group{display:flex;flex-direction:column;gap:.75rem}.avatar-option-group label{font-weight:600;color:var(--secondary-color);font-size:.9rem}.preset-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.preset-avatar-option{width:60px;height:60px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.preset-avatar-option img{width:100%;height:100%;object-fit:cover}.preset-avatar-option:hover{border-color:var(--primary-color);transform:scale(1.1)}.preset-avatar-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,153,0,.2)}.avatar-option-divider{text-align:center;position:relative;padding:1rem 0}.avatar-option-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.avatar-option-divider span{position:relative;background:#f8f9fa;padding:0 1rem;color:var(--gray-500);font-size:.9rem}.custom-avatar-input-group{display:flex;gap:.75rem}.custom-avatar-input{flex:1;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.9rem}.custom-avatar-input:focus{outline:0;border-color:var(--primary-color)}.custom-avatar-preview{margin-top:.75rem;text-align:center}.custom-avatar-preview img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.error-text{color:var(--danger-color);font-size:.85rem}.avatar-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.exam-list{display:flex;flex-direction:column;gap:1rem}.exam-card{background:#fff;border:2px solid var(--border-default);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease}.exam-card.owned{border-color:var(--success-color);background:linear-gradient(135deg,#f0fff4 0,#e6f9ed 100%)}.exam-card.available:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(255,153,0,.1)}.exam-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.exam-card-header h4{margin:0 0 .5rem 0;color:var(--secondary-color);font-size:1.1rem}.exam-code-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-md);letter-spacing:.5px}.owned-badge{background:var(--success-color);color:#fff;padding:.4rem .75rem;border-radius:var(--radius-xl);font-size:.85rem;font-weight:600}.price-badge{background:linear-gradient(135deg,var(--primary-color) 0,var(--gradient-gold) 100%);color:#fff;padding:.4rem .75rem;border-radius:var(--radius-xl);font-size:1rem;font-weight:700}.exam-card-details{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--gray-500)}.exam-card-actions{display:flex;gap:.75rem}.exam-card-actions .btn{flex:1;text-align:center;padding:.6rem 1rem;font-size:.9rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.empty-state p{margin-bottom:.5rem}.empty-state-hint{font-size:.9rem;color:var(--gray-400)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.stat-card{background:linear-gradient(135deg,#fff 0,#fffbf5 100%);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:var(--transition-base);border:1px solid var(--border-subtle)}@media (min-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.exam-progress-list{display:flex;flex-direction:column;gap:1rem}.progress-card{background:#fff;border:2px solid var(--border-default);border-radius:var(--radius-md);padding:1.5rem}.progress-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-card-header h4{margin:0;color:var(--secondary-color);font-size:1rem}.progress-percent{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.progress-bar-container{width:100%;height:10px;background:#e9ecef;border-radius:var(--radius-md);overflow:hidden;margin-bottom:.75rem}.progress-bar{height:100%;background:linear-gradient(135deg,var(--primary-color) 0,var(--gradient-gold) 100%);transition:width .5s ease;border-radius:var(--radius-md)}.progress-stats{font-size:.85rem;color:var(--gray-500)}.settings-modal-footer{border-top:2px solid var(--border-default);padding:1rem 2rem;background:#f8f9fa;flex-shrink:0;text-align:center}.settings-footer-text{margin:0 0 .5rem 0;font-size:.85rem;color:var(--gray-500)}.settings-footer-links{display:flex;justify-content:center;gap:.5rem;align-items:center}.settings-footer-link{color:var(--primary-color);text-decoration:none;font-size:.85rem;transition:color .2s ease}.settings-footer-link:hover{color:#e88b00;text-decoration:underline}.footer-separator{color:#ccc}.btn-danger{background-color:var(--danger-color);color:#fff;border:2px solid transparent}.btn-danger:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.notification{position:fixed;top:20px;right:20px;background:#fff;padding:1rem 1.5rem;border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:1rem;min-width:300px;z-index:10001;opacity:0;transform:translateX(400px);transition:all .3s ease}.notification.show{opacity:1;transform:translateX(0)}.notification-success{border-left:4px solid var(--success-color)}.notification-warning{border-left:4px solid #ffc107}.notification-info{border-left:4px solid #17a2b8}.notification-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-400);padding:0;margin-left:auto}.notification-close:hover{color:#333}@media (min-width:768px){.settings-modal-content{width:90%;max-height:90vh}.settings-modal-body{flex-direction:column}.settings-tabs{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-subtle);padding:.5rem 0}.settings-tab{flex-direction:column;text-align:center;padding:.5rem 1rem;gap:.25rem;font-size:.8rem;border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.settings-tab.active{border-left:none;border-bottom-color:var(--primary-color)}.settings-tab svg{width:20px;height:20px}.settings-tab-content{padding:1.5rem 1rem}.profile-info-card{flex-direction:column;align-items:center;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.exam-card-actions{flex-direction:column}.preset-avatars{grid-template-columns:repeat(4,1fr)}.custom-avatar-input-group{flex-direction:column}.notification{min-width:auto;right:10px;left:10px}}.report-issue-btn{position:absolute;top:1.5rem;right:1.5rem;background-color:transparent;border:none;color:#6c757d;padding:.25rem .5rem;font-size:1.5rem;cursor:pointer;opacity:.3;transition:opacity .3s ease,color .3s ease;line-height:1;font-weight:700}.question-card:hover .report-issue-btn{opacity:.6}.report-issue-btn:hover{opacity:1;color:#dc3545}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,.3);width:95%;max-width:600px;max-height:95vh;overflow-y:auto;animation:slideDown var(--transition-base)}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--secondary-color)}.modal-close{background:0 0;border:none;font-size:2rem;color:var(--gray-400);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .3s}.modal-close:hover{color:var(--danger-color)}.modal-body{padding:1.5rem}.modal-question-info{background-color:var(--light-bg);padding:1rem;border-radius:var(--radius-xs);margin-bottom:1.5rem;border-left:4px solid var(--primary-color)}.question-preview{display:block;margin-top:.5rem;color:var(--gray-500);font-size:.9rem;font-style:italic}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--secondary-color)}.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:100px}.char-counter{display:block;text-align:right;color:var(--gray-400);font-size:.85rem;margin-top:.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background-color:var(--secondary-color);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-xs);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10000;min-width:300px;max-width:500px;text-align:center;transition:bottom .3s ease}.toast.show{bottom:30px}.toast-success{background-color:var(--success-color)}.toast-error{background-color:var(--danger-color)}.toast-info{background-color:#17a2b8}.news-section{padding:var(--space-16) 0;background:var(--gray-50);position:relative}.news-section::before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,153,0,.03) 1px,transparent 0);background-size:32px 32px;pointer-events:none}.news-section .section-header{text-align:center;margin-bottom:var(--space-12);position:relative;z-index:1}.news-section .section-header h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);color:var(--secondary-color);letter-spacing:var(--letter-spacing-tight)}.news-section .section-subtitle{font-size:1.125rem;color:var(--text-tertiary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin:var(--space-8) 0;position:relative;z-index:1}.news-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm),0 10px 30px rgba(0,0,0,.08);transition:transform .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth),border-color .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;border:1px solid rgba(0,0,0,.06);position:relative;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.news-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f90 0,#fbbf24 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.news-card[data-category=aws-updates]::before{background:linear-gradient(90deg,#667eea 0,#764ba2 100%)}.news-card[data-category=study-tips]::before{background:linear-gradient(90deg,#84fab0 0,#8fd3f4 100%)}.news-card[data-category=aws-news]::before{background:linear-gradient(90deg,#fa709a 0,#fee140 100%)}.news-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,153,0,.2)}.news-card:focus-within{outline:3px solid var(--border-focus);outline-offset:4px;box-shadow:0 0 0 6px rgba(234,88,12,.12)}.news-card-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#232f3e 0,#f90 100%)}.news-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:rgba(255,255,255,.5)}.news-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-smooth)}.news-card:hover .news-card-image{transform:scale(1.08)}.news-card-image-container::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.4) 0,transparent 100%);pointer-events:none}.news-card-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.news-card-category{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em;padding:.375rem .75rem;border-radius:var(--radius-full);display:inline-block;width:fit-content;background:rgba(255,153,0,.1);color:var(--primary-700);border:1px solid rgba(255,153,0,.2);transition:all .3s ease}.news-card[data-category=aws-updates] .news-card-category{background:rgba(102,126,234,.1);color:#5b21b6;border-color:rgba(102,126,234,.2)}.news-card[data-category=study-tips] .news-card-category{background:rgba(132,250,176,.15);color:#065f46;border-color:rgba(132,250,176,.3)}.news-card[data-category=aws-news] .news-card-category{background:rgba(250,112,154,.1);color:#be123c;border-color:rgba(250,112,154,.2)}.news-card:hover .news-card-category{transform:translateX(2px)}.news-card-title{font-size:1.375rem;font-weight:var(--font-weight-bold);line-height:1.3;color:var(--secondary-color);margin:var(--space-2) 0 var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.news-card:hover .news-card-title{color:var(--primary-600)}.news-card-excerpt{color:var(--text-tertiary);font-size:.9375rem;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:var(--space-4)}.news-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--gray-500);padding-top:var(--space-4);border-top:1px solid var(--gray-200);margin-top:auto;gap:var(--space-3)}.news-card-meta span{display:flex;align-items:center;gap:.375rem}.news-card-meta svg{width:14px;height:14px;opacity:.7}.news-card-read-more{display:inline-flex;align-items:center;gap:.375rem;color:var(--primary-600);font-weight:var(--font-weight-semibold);font-size:.875rem;transition:gap .3s ease}.news-card:hover .news-card-read-more{gap:.625rem}.news-card-read-more svg{width:14px;height:14px;transition:transform .3s ease}.news-card:hover .news-card-read-more svg{transform:translateX(2px)}.news-card.featured{grid-column:span 1;background:linear-gradient(135deg,#fff 0,#fffbf5 100%)}.news-card.featured::before{height:6px;background:linear-gradient(90deg,#f90 0,#fbbf24 50%,#f90 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{background-position:0 0}50%{background-position:100% 0}}.news-card.featured .news-card-title{font-size:1.5rem}.news-cta{text-align:center;margin-top:var(--space-10);position:relative;z-index:1}.news-cta .btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all .3s var(--ease-smooth)}.news-cta .btn-outline:hover{gap:var(--space-3);box-shadow:var(--shadow-md)}.news-grid .loading{grid-column:1/-1;text-align:center;padding:var(--space-16);color:var(--text-tertiary);font-size:1rem}.news-grid .no-news{grid-column:1/-1;text-align:center;padding:var(--space-16);color:var(--text-tertiary)}.news-grid .no-news svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.3}@media (max-width:768px){.news-section{padding:var(--space-12) 0}.news-grid{grid-template-columns:1fr;gap:var(--space-6)}.news-card-image-container{height:200px}.news-card-title{font-size:1.25rem}.news-card-content{padding:var(--space-5)}}@media (max-width:480px){.news-section{padding:var(--space-10) 0}.news-card-image-container{height:180px}.news-card-title{font-size:1.125rem}.news-card-content{padding:var(--space-4)}.news-card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (hover:none) and (pointer:coarse){.news-card:hover{transform:none}.news-card:active{transform:scale(.98);transition:transform .1s ease}}@media (prefers-reduced-motion:reduce){.news-card,.news-card-category,.news-card-image,.news-card-read-more svg{transition:none!important;animation:none!important}}@media (max-width:768px){.modal-content{width:95%;max-height:95vh}.modal-header{padding:1rem}.modal-body{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.toast{min-width:250px;max-width:90%}}:root{--vendor-primary:#ff9900;--vendor-secondary:#232f3e;--vendor-accent:#ff9900;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;font-size:.9rem;color:var(--gray-500);margin-bottom:var(--spacing-md)}.breadcrumb a{color:var(--vendor-primary,var(--google-blue));text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--vendor-secondary,#34a853);text-decoration:underline}.breadcrumb-separator{color:var(--gray-400)}.vendors-section{padding:var(--spacing-xl) 0}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.vendor-card{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:4px solid var(--vendor-primary,var(--google-blue));transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.vendor-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.vendor-card-header{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.vendor-logo{max-width:120px;max-height:60px;object-fit:contain}.vendor-logo-placeholder{width:120px;height:60px;background:linear-gradient(135deg,var(--vendor-primary,var(--google-blue)),var(--vendor-secondary,#34a853));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.vendor-card-body{flex:1;text-align:center}.vendor-card-body h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:#333}.vendor-exam-count{color:var(--gray-500);font-size:.9rem;margin-bottom:var(--spacing-sm)}.vendor-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-sm)}.category-badge{background:#f0f0f0;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.75rem;color:var(--gray-500);font-weight:500}.vendor-card-footer{margin-top:var(--spacing-md)}.vendor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.vendor-info h2{color:var(--vendor-primary,var(--google-blue))}.category-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;border-bottom:2px solid #e0e0e0;padding-bottom:0}.category-tab{background:0 0;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.category-tab:hover{color:var(--vendor-primary,var(--google-blue))}.category-tab.active{color:var(--vendor-primary,var(--google-blue));border-bottom-color:var(--vendor-primary,var(--google-blue))}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--gray-500)}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--vendor-primary,var(--google-blue));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--gray-500)}.empty-state p{margin:var(--spacing-sm) 0}.error-message{background:linear-gradient(135deg,#fff3cd 0,#ffe8a1 100%);border:2px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:#856404;box-shadow:0 2px 12px rgba(255,193,7,.2)}.error-message::before{content:"⚠️";display:block;font-size:2rem;margin-bottom:.5rem}.error-message p{margin:var(--spacing-sm) 0;font-weight:500}.error-message .btn{margin-top:var(--spacing-md)}.success-message{background:linear-gradient(135deg,#d4edda 0,#c3e6cb 100%);color:#155724;padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center;border:2px solid #28a745;box-shadow:0 2px 12px rgba(40,167,69,.2);display:none}.success-message::before{content:"✓";display:inline-block;width:28px;height:28px;background:#28a745;color:#fff;border-radius:50%;margin-right:.75rem;line-height:28px;font-weight:700;font-size:1.2rem}.blocked-message{background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%);border:2px solid #ef4444;color:#991b1b;padding:1.5rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center;box-shadow:0 2px 12px rgba(239,68,68,.2)}.blocked-message::before{content:"⚠";display:block;font-size:2.5rem;margin-bottom:.5rem;color:#ef4444}.blocked-message h3{margin:0 0 .75rem 0;font-size:1.25rem;color:#991b1b}.blocked-message .reason{background:rgba(0,0,0,.05);padding:.75rem;border-radius:var(--radius-sm);margin:.75rem 0;font-style:italic}.blocked-message .contact-info{font-size:.9rem;margin-top:1rem;opacity:.9}.cert-card .btn-primary{background:var(--vendor-primary,#f90);border-color:var(--vendor-primary,#f90)}.cert-card .btn-primary:hover{background:var(--vendor-secondary,#ec8900);border-color:var(--vendor-secondary,#ec8900)}@media (max-width:768px){.vendors-grid{grid-template-columns:1fr}.vendor-header{flex-direction:column;align-items:flex-start}.category-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.category-tab{white-space:nowrap}.breadcrumb{font-size:.8rem}}@media (max-width:480px){.vendor-card{padding:var(--spacing-md)}.vendor-logo{max-width:80px;max-height:40px}.vendor-logo-placeholder{width:80px;height:40px;font-size:1rem}}@media (max-width:767px){.container{padding-left:1.25rem;padding-right:1.25rem}.hero h1{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-badge{font-size:.8rem;padding:.625rem 1rem}.hero-note{font-size:.8125rem;padding:.625rem 1rem}.cert-card{padding:1.5rem;min-height:auto}.cert-card h3{font-size:1.25rem}.cert-card p{font-size:.9375rem}.popular-badge{font-size:.75rem;padding:.375rem .75rem}.social-proof{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}.testimonial-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.5rem}.trust-badges{grid-template-columns:1fr 1fr;gap:1rem}.trust-badge-item{padding:1rem}.certification-levels{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:var(--space-12);padding-bottom:var(--space-12)}.certification-levels h2{font-size:1.75rem;margin-bottom:var(--space-8)}.levels-grid{gap:var(--space-4)}.level-card{padding:2rem}.level-icon{width:70px;height:70px;font-size:2.5rem}.cert-actions .btn{min-height:48px;padding:.875rem 1.5rem;width:100%;justify-content:center}.nav-links{gap:.5rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.125rem}.announcement-banner{padding:.75rem 1rem;font-size:.875rem}.stat-value{font-size:2rem}.stat-label{font-size:.875rem}}@media (max-width:374px){.container{padding-left:1rem;padding-right:1rem}.hero{padding:3rem 1.25rem!important;margin:1.5rem 0}.hero h1{font-size:1.75rem}.hero-subtitle{font-size:.9375rem}.hero-stats{gap:1.5rem}.stat-value{font-size:1.75rem}.cert-card{padding:1.25rem}.cert-card h3{font-size:1.125rem}.testimonial-card{padding:1.25rem}.testimonial-text{font-size:.9375rem}.trust-badges{grid-template-columns:1fr}.feature-card{padding:1.25rem}}@media (hover:none) and (pointer:coarse){.btn,.cert-actions button,.cta-buttons button{min-height:48px;min-width:48px}.cert-card:hover{transform:none}*{-webkit-tap-highlight-color:rgba(255,153,0,0.2)}.btn:active{transform:scale(.97)}.cert-card:active{transform:scale(.99);transition:transform .1s ease}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}