*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--font-main);line-height:1.6;color:var(--color-text-main);background:var(--color-primary);min-height:100vh;}
html{scroll-behavior:smooth;}
.mobile-card-view{display:none;}
.desktop-table-view{display:block;}
.header{background:var(--color-header-bg);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);padding:1rem 0;position:sticky;top:0;z-index:100;transition:var(--transition-base);}
.header.scrolled{background:var(--color-header-bg-scrolled);padding:0.75rem 0;box-shadow:var(--shadow-md);}
.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center;text-decoration:none;color:var(--color-text-main);font-weight:var(--font-weight-bold);font-size:1.5rem;letter-spacing:-0.025em;}
.logo-image{height:60px;width:auto;border-radius:var(--radius-sm);object-fit:contain;transition:var(--transition-base);}
.logo:hover .logo-image{transform:scale(1.05);}
.nav-links{display:flex;gap:1.15rem;align-items:center;flex-wrap:wrap;}
@media (max-width:1200px){.nav-links{gap:0.75rem;}
.nav-links a{font-size:0.88rem;}
.nav-links .btn{padding:0.4rem 0.9rem !important;font-size:0.8rem !important;}
}
.nav-links a{text-decoration:none;color:var(--color-text-main);font-weight:var(--font-weight-medium);transition:var(--transition-base);position:relative;font-size:0.95rem;}
.nav-links a:hover{color:var(--color-accent);}
.nav-links a.active{color:var(--color-text-main);}
.nav-links a.active::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--color-accent);box-shadow:var(--shadow-glow);border-radius:var(--radius-full);}
.mobile-menu-toggle{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-main);padding:0.5rem;border-radius:var(--radius-sm);transition:var(--transition-base);}
.mobile-menu-toggle:hover{background:rgba(255,255,255,0.05);}
.btn{padding:0.75rem 1.75rem;border:none;border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:1rem;position:relative;overflow:hidden;}
.btn-primary{background:var(--color-accent);color:var(--color-primary);font-weight:var(--font-weight-bold);}
[data-theme="dark"] .btn-primary{background:#0284c7;color:#ffffff;}
.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow);text-decoration:none;color:var(--color-primary);}
[data-theme="dark"] .btn-primary:hover{background:#0ea5e9;color:#ffffff;}
.btn-secondary{background:var(--color-card-bg);color:var(--color-text-main);border:var(--glass-border);backdrop-filter:var(--glass-blur);}
.btn-secondary:hover{background:var(--color-card-bg-hover);border-color:var(--color-accent);transform:translateY(-2px);text-decoration:none;color:var(--color-text-main);}
.btn-danger{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);}
.btn-danger:hover{background:var(--color-danger);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,0.3);text-decoration:none;}
.btn-warning{background:var(--color-warning);color:var(--color-primary);}
.btn-warning:hover{background:#d97706;color:var(--color-primary);text-decoration:none;}
.nav-links .btn{padding:0.5rem 1.2rem !important;border-radius:var(--radius-full) !important;font-size:0.85rem !important;font-weight:var(--font-weight-bold) !important;text-decoration:none !important;transition:var(--transition-base) !important;display:inline-flex !important;white-space:nowrap !important;width:auto !important;min-width:auto !important;line-height:1.4 !important;margin:0 !important;text-align:center !important;}
.nav-links .btn-primary{background:var(--color-accent) !important;color:var(--color-primary) !important;box-shadow:none !important;border:none !important;}
.nav-links .btn-primary:hover{background:var(--color-accent-hover) !important;transform:translateY(-1px) !important;box-shadow:var(--shadow-glow) !important;}
.nav-links .btn-secondary{background:rgba(255,255,255,0.05) !important;color:var(--color-text-main) !important;border:1px solid rgba(255,255,255,0.1) !important;backdrop-filter:var(--glass-blur) !important;box-shadow:none !important;}
.nav-links .btn-secondary:hover{background:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.2) !important;transform:translateY(-1px) !important;color:var(--color-text-main) !important;}
.nav-links .btn-danger{background:transparent !important;border:1px solid var(--color-danger) !important;color:var(--color-danger) !important;}
.nav-links .btn-danger:hover{background:var(--color-danger) !important;color:white !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(239,68,68,0.3) !important;}
.login-container .btn{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;}
.nav-links .language-selector-dropdown{position:relative;display:inline-flex;align-items:center;gap:0.5rem;}
.nav-links .lang-label{font-size:0.875rem;font-weight:500;color:var(--color-text-main);white-space:nowrap;}
.nav-links .lang-dropdown-toggle{display:flex;align-items:center;gap:0.25rem;padding:0.5rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;cursor:pointer;font-size:0.875rem;font-weight:500;color:#333;transition:all 0.2s ease;min-width:50px;justify-content:center;position:relative;backdrop-filter:blur(10px);}
.nav-links .lang-dropdown-toggle:hover{background:rgba(255,255,255,0.2);border-color:rgba(0,124,186,0.3);box-shadow:0 2px 8px rgba(0,124,186,0.1);transform:translateY(-1px);}
.nav-links .lang-dropdown-toggle .flag{font-size:1.25rem;line-height:1;cursor:pointer;position:relative;}
.nav-links .lang-dropdown-toggle .flag:hover::after{content:attr(title);position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.75rem;font-weight:500;white-space:nowrap;z-index:1001;animation:tooltipFadeIn 0.2s ease;}
.nav-links .lang-dropdown-toggle .flag:hover::before{content:'';position:absolute;bottom:120%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,0.9);z-index:1001;}
@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(5px);}
to{opacity:1;transform:translateX(-50%) translateY(0);}
}
.nav-links .lang-dropdown-toggle .lang-name{display:none;}
.nav-links .lang-dropdown-toggle i{font-size:0.625rem;transition:transform 0.2s ease;position:absolute;right:0.25rem;top:0.25rem;opacity:0.7;}
.nav-links .language-selector-dropdown.open .lang-dropdown-toggle i{transform:rotate(180deg);}
.nav-links .lang-dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid rgba(0,0,0,0.1);border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,0.15);z-index:1000;margin-top:0.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;min-width:140px;}
.nav-links .language-selector-dropdown.open .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-links .lang-dropdown-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;color:#333;text-decoration:none;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;border-radius:6px;margin:0.25rem;}
.nav-links .lang-dropdown-item:hover{background:#f8f9fa;color:#007cba;transform:translateX(2px);text-decoration:none;}
.nav-links .lang-dropdown-item .flag{font-size:1.125rem;line-height:1;position:relative;}
.nav-links .lang-dropdown-item .flag:hover::after{content:attr(title);position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.75rem;font-weight:500;white-space:nowrap;z-index:1002;animation:tooltipFadeIn 0.2s ease;}
.nav-links .lang-dropdown-item .flag:hover::before{content:'';position:absolute;bottom:120%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,0.9);z-index:1002;}
.nav-links .lang-dropdown-item .lang-name{white-space:nowrap;font-weight:500;}
--- */ .nav-links .btn{padding:0.5rem 1rem !important;border-radius:20px !important;font-size:0.85rem !important;font-weight:600 !important;text-decoration:none !important;transition:all 0.3s ease !important;display:inline-block !important;white-space:nowrap !important;width:auto !important;min-width:auto !important;line-height:1.4 !important;}
.nav-links .btn-primary{background:linear-gradient(135deg,#007cba,#005a87) !important;color:white !important;box-shadow:0 2px 8px rgba(0,124,186,0.3) !important;border:none !important;padding:0.5rem 1rem !important;font-size:0.85rem !important;width:auto !important;}
.nav-links .btn-primary:hover{background:linear-gradient(135deg,#005a87,#004066) !important;color:white !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,124,186,0.4) !important;text-decoration:none !important;}
.nav-links .btn-secondary{background:linear-gradient(135deg,#6c5ce7,#a29bfe) !important;color:white !important;border:1px solid rgba(255,255,255,0.3) !important;backdrop-filter:blur(10px) !important;box-shadow:0 2px 8px rgba(108,92,231,0.3) !important;padding:0.5rem 1rem !important;font-size:0.85rem !important;width:auto !important;}
.nav-links .btn-secondary:hover{background:linear-gradient(135deg,#5f3dc4,#845ec2) !important;color:white !important;border-color:rgba(255,255,255,0.5) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(108,92,231,0.4) !important;text-decoration:none !important;}
.nav-links .btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52) !important;color:white !important;box-shadow:0 2px 8px rgba(255,107,107,0.3) !important;padding:0.5rem 1rem !important;font-size:0.85rem !important;width:auto !important;}
.nav-links .btn-danger:hover{background:linear-gradient(135deg,#ff5252,#e53935) !important;color:white !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(255,107,107,0.4) !important;text-decoration:none !important;}
*/ .nav-links .btn{padding:0.6rem 1.2rem;border-radius:20px;font-size:0.9rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-block;white-space:nowrap;}
.container{max-width:1000px;margin:2rem auto;background:var(--color-secondary);backdrop-filter:var(--glass-blur);padding:3rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--glass-border);}
.main-container{max-width:1200px;margin:2rem auto;padding:0 2rem;}
.login-page{background:var(--color-primary);background-image:var(--gradient-primary);min-height:100vh;display:flex;flex-direction:column;}
.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;}
.login-container{background:var(--color-card-bg);backdrop-filter:var(--glass-blur);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;border:var(--glass-border);position:relative;z-index:10;}
.login-header{text-align:center;margin-bottom:2rem;}
.login-header h1{font-size:2rem;color:var(--color-text-main);margin-bottom:0.5rem;font-weight:var(--font-weight-bold);}
.login-header p{color:var(--color-text-dim);font-size:1rem;}
.form-group{margin-bottom:1.5rem;}
.form-group label{display:block;margin-bottom:0.5rem;font-weight:var(--font-weight-medium);color:var(--color-text-main);font-size:0.95rem;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition-base);background:var(--color-input-bg);color:var(--color-input-text);box-sizing:border-box;font-family:inherit;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(56,189,248,0.2);transform:translateY(-1px);background:var(--color-input-bg-focus);}
.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;opacity:0.8;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.form-group.half-width{margin-bottom:1.5rem;}
.message,.alert{padding:1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;font-weight:var(--font-weight-medium);text-align:center;border-width:1px;border-style:solid;}
.message.success,.alert.success{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.2);color:var(--color-success);}
.message.error,.alert.error{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.2);color:var(--color-danger);}
.message.info,.alert.info{background:rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.2);color:var(--color-accent);}
.message.warning,.alert.warning{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.2);color:var(--color-warning);}
.switch-link{text-align:center;margin-top:2rem;display:flex;flex-direction:column;gap:0.8rem;}
.switch-link a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-base);}
.switch-link a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:4px;}
.hero{text-align:center;padding:6rem 2rem;color:var(--color-text-main);background:radial-gradient(circle at top center,rgba(56,189,248,0.15),transparent 70%);}
.hero-container{max-width:800px;margin:0 auto;}
.hero h1{font-size:3.5rem;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(56,189,248,0.3);font-weight:800;line-height:1.1;color:var(--color-text-main);background:none;-webkit-text-fill-color:initial;}
.hero p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--color-text-dim);line-height:1.6;}
.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.user-welcome{background:var(--color-card-bg);padding:2rem;border-radius:var(--radius-lg);margin-bottom:3rem;backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-lg);}
.user-welcome h2{font-size:2rem;margin-bottom:0.5rem;color:var(--color-accent);}
.features{background:var(--color-secondary) !important;padding:6rem 2rem !important;color:var(--color-text-main) !important;border-top:1px solid rgba(255,255,255,0.05);}
.features-container{max-width:var(--container-width);margin:0 auto;}
.features h2{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:var(--color-text-main) !important;font-weight:var(--font-weight-bold);}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.feature-card{background:var(--color-card-bg);padding:2.5rem 2rem;border-radius:var(--radius-lg);text-align:center;transition:var(--transition-base);border:var(--glass-border);position:relative;overflow:hidden;}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:var(--color-accent);background:var(--color-card-bg-hover);}
.feature-icon{font-size:3rem;margin-bottom:1.5rem;background:none;-webkit-text-fill-color:initial;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}
.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text-main) !important;}
.feature-card p{color:var(--color-text-dim) !important;line-height:1.6;}
.proefexamen-section{background:var(--color-primary);padding:6rem 2rem !important;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05);}
.proefexamen-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2;background:var(--color-secondary);backdrop-filter:var(--glass-blur);padding:3rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:var(--glass-border);}
.proefexamen-header{margin-bottom:3rem;}
.hero-emoji{font-size:5rem;margin-bottom:1.5rem;display:inline-block;animation:carBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(56,189,248,0.4));-webkit-text-fill-color:initial;background:none;}
.proefexamen-header h2{color:var(--color-text-main) !important;font-size:3rem;margin-bottom:1rem;font-weight:var(--font-weight-bold);text-shadow:0 0 20px rgba(56,189,248,0.3);background:none;-webkit-text-fill-color:var(--color-text-main);}
.proefexamen-header p{color:var(--color-text-dim) !important;font-size:1.3rem;margin-bottom:2rem;line-height:1.6;font-weight:var(--font-weight-medium);}
.proefexamen-badge{display:inline-block;background:var(--color-accent) !important;color:var(--color-primary) !important;padding:1rem 2.5rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);text-decoration:none;margin:1.5rem 0;box-shadow:var(--shadow-glow);transition:var(--transition-base);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;border:none;}
.proefexamen-badge:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg),var(--shadow-glow);color:var(--color-primary) !important;background:var(--color-accent-hover) !important;text-decoration:none;}
.proefexamen-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0;}
.benefit-card{background:var(--color-card-bg) !important;color:var(--color-text-main) !important;padding:2rem;border-radius:var(--radius-md);transition:var(--transition-base);box-shadow:var(--shadow-md);border:var(--glass-border);position:relative;overflow:hidden;}
.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-accent);background:var(--color-card-bg-hover) !important;}
.benefit-card:nth-child(2){background:var(--color-card-bg) !important;box-shadow:var(--shadow-md);}
.benefit-card:nth-child(3){background:var(--color-card-bg) !important;box-shadow:var(--shadow-md);}
.benefit-emoji{font-size:3.5rem;margin-bottom:1rem;display:block;animation:bounce 2s ease-in-out infinite;-webkit-text-fill-color:initial;background:none;}
.benefit-card h4{font-size:1.4rem;margin-bottom:0.5rem;font-weight:var(--font-weight-bold);color:var(--color-accent) !important;}
.benefit-card p{color:var(--color-text-dim) !important;line-height:1.5;font-weight:var(--font-weight-medium);}
.urgency-box{background:linear-gradient(135deg,#fdcb6e,#e17055) !important;color:white !important;padding:2.5rem;border-radius:25px;margin:3rem 0;box-shadow:0 10px 30px rgba(253,203,110,0.4);border:3px solid rgba(255,255,255,0.5);position:relative;overflow:hidden;}
.urgency-emoji{font-size:4rem;margin-bottom:1rem;animation:swing 2s ease-in-out infinite;}
.urgency-box h3{color:white !important;font-size:2rem;margin-bottom:1rem;font-weight:800;}
.urgency-box p{color:white !important;font-size:1.2rem;line-height:1.6;font-weight:500;}
.cta-buttons{margin:3rem 0;}
.main-cta-section{margin-bottom:2rem;}
.main-cta-btn{display:inline-block;padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;text-decoration:none;border-radius:50px;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(0,0,0,0.2);text-transform:uppercase;letter-spacing:1px;border:3px solid white;}
.main-cta-btn.primary{background:linear-gradient(135deg,#00b894,#00cec9) !important;color:white !important;}
.main-cta-btn.secondary{background:linear-gradient(135deg,#e17055,#d63031) !important;color:white !important;}
.main-cta-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0,0,0,0.3);text-decoration:none;color:white !important;}
.user-status{margin-top:1rem;color:#2c3e50 !important;font-weight:600;}
.login-section{margin:1.5rem 0;}
.login-link{color:var(--color-accent) !important;text-decoration:underline;font-size:1.1rem;font-weight:600;transition:all 0.3s ease;}
.login-link:hover{color:var(--color-accent-hover) !important;text-decoration:none;}
.benefits-list{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap;}
.benefit-item{display:flex;align-items:center;gap:0.8rem;font-weight:600;color:#2c3e50 !important;background:rgba(116,185,255,0.2);padding:0.8rem 1.5rem;border-radius:25px;border:2px solid #74b9ff;transition:all 0.3s ease;}
.benefit-item:hover{background:rgba(116,185,255,0.3);transform:translateY(-2px);}
.benefit-item span:not(.checkmark){color:var(--color-text-main) !important;}
.checkmark{font-size:1.3rem;color:#00b894 !important;font-weight:bold;}
.pro-tip{background:linear-gradient(135deg,#6aa853,#0c460a) !important;color:white !important;padding:2rem;border-radius:20px;margin-top:3rem;border:3px solid rgba(255,255,255,0.5);box-shadow:0 8px 25px rgba(108,92,231,0.3);}
.pro-tip p{color:white !important;margin:0;font-size:1.1rem;line-height:1.6;font-weight:500;}
.pro-tip strong{color:#fdcb6e !important;font-weight:700;}
.about{background:var(--color-secondary) !important;padding:6rem 2rem !important;color:var(--color-text-main) !important;border-top:1px solid rgba(255,255,255,0.05);}
.about-container{max-width:var(--container-width);margin:0 auto;}
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem;}
.about-text h2{font-size:2.5rem;color:var(--color-text-main) !important;margin-bottom:1.5rem;font-weight:var(--font-weight-bold);}
.about-intro{font-size:1.2rem;color:var(--color-text-dim) !important;margin-bottom:2rem;line-height:1.6;}
.about-points{display:flex;flex-direction:column;gap:2rem;}
.about-point{display:flex;gap:1rem;align-items:flex-start;}
.point-icon{font-size:2.5rem;flex-shrink:0;color:var(--color-accent);}
.point-content h4{font-size:1.3rem;color:var(--color-text-main) !important;margin-bottom:0.5rem;font-weight:var(--font-weight-bold);}
.point-content p{color:var(--color-text-dim) !important;line-height:1.5;}
.about-image{display:flex;justify-content:center;align-items:center;}
.image-placeholder{width:400px;height:300px;background:var(--color-card-bg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,0.1);}
.placeholder-content{text-align:center;color:var(--color-text-dim) !important;}
.placeholder-icon{font-size:3rem;margin-bottom:1rem;color:var(--color-accent);}
.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem;}
.mission,.vision{background:var(--color-card-bg);padding:2.5rem;border-radius:var(--radius-lg);border-left:4px solid var(--color-accent);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,0.05);border-left-width:4px;}
.mission h3,.vision h3{color:var(--color-accent) !important;font-size:1.5rem;margin-bottom:1rem;font-weight:var(--font-weight-bold);}
.mission p,.vision p{color:var(--color-text-dim) !important;line-height:1.6;}
.packages{background:var(--color-primary) !important;padding:6rem 2rem !important;color:var(--color-text-main) !important;border-top:1px solid rgba(255,255,255,0.05);}
.packages-container{max-width:var(--container-width);margin:0 auto;}
.packages h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--color-text-main) !important;font-weight:var(--font-weight-bold);}
.packages-intro{text-align:center;font-size:1.2rem;color:var(--color-text-dim) !important;margin-bottom:3rem;}
.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start;}
.package-card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow-lg);transition:var(--transition-base);position:relative;border:1px solid rgba(255,255,255,0.05);}
.package-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-2xl);border-color:var(--color-accent);}
.package-card.popular{border-color:var(--color-accent);transform:scale(1.02);box-shadow:var(--shadow-glow);background:var(--color-card-popular-bg);}
.package-card.popular:hover{transform:scale(1.05) translateY(-5px);}
.package-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:var(--color-primary);padding:0.5rem 1.5rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:0.9rem;box-shadow:var(--shadow-glow);}
.package-header h3{font-size:1.8rem;color:var(--color-text-main);margin-bottom:1rem;}
.package-price{display:flex;align-items:baseline;justify-content:center;gap:0.5rem;}
.price{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-accent);}
.period{font-size:1.2rem;color:var(--color-text-dim);}
.package-features ul{list-style:none;padding:0;margin:2rem 0;}
.package-features li{padding:0.75rem 0;color:var(--color-text-main);text-align:left;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:0.5rem;}
.package-features li::before{content:'✓';color:var(--color-success);font-weight:bold;}
.package-btn{width:100%;justify-content:center;font-size:1.1rem;padding:1rem 2rem;}
.faq-section{background:var(--color-primary) !important;padding:6rem 2rem !important;color:var(--color-text-main) !important;border-top:1px solid rgba(255,255,255,0.05);}
.faq-header{text-align:center;margin-bottom:3rem;}
.faq-header h1,.faq-header h2{font-size:2.5rem;color:var(--color-text-main) !important;margin-bottom:1rem;font-weight:var(--font-weight-bold);}
.faq-header p{font-size:1.2rem;color:var(--color-text-dim) !important;max-width:600px;margin:0 auto;}
.faq-container{margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;}
.faq-item{background:var(--color-card-bg);border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:var(--transition-base);}
[data-theme="dark"] .faq-item{background:var(--color-primary);}
.faq-item:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-card-bg-hover);}
.faq-question{background:transparent;padding:1.5rem 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-base);user-select:none;}
.faq-question:hover{background:rgba(255,255,255,0.02);}
.faq-question h3{margin:0;color:var(--color-text-main) !important;font-size:1.1rem;font-weight:var(--font-weight-medium);flex:1;padding-right:1rem;line-height:1.4;}
.faq-toggle{font-size:1.8rem;font-weight:bold;color:var(--color-accent);transition:var(--transition-base);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(56,189,248,0.1);flex-shrink:0;}
.faq-answer{max-height:0;overflow:hidden;transition:all 0.4s ease;background:var(--color-card-bg-hover);padding:0 2rem;border-top:1px solid rgba(255,255,255,0.05);}
.faq-answer.active{max-height:500px;padding:1.5rem 2rem;}
.faq-answer p{margin:0;color:var(--color-text-dim) !important;line-height:1.6;font-size:1rem;}
.faq-contact{text-align:center;background:rgba(56,189,248,0.1);padding:2.5rem 2rem;border-radius:var(--radius-lg);border:1px solid rgba(56,189,248,0.2);max-width:600px;margin:0 auto;}
.faq-contact h3{color:var(--color-text-main) !important;margin-bottom:1rem;font-size:1.5rem;font-weight:var(--font-weight-bold);}
.faq-contact p{color:var(--color-text-dim) !important;margin-bottom:1.5rem;font-size:1.1rem;}
.stats{background:var(--gradient-accent) !important;color:var(--color-primary) !important;padding:4rem 2rem;text-align:center;}
.stats-container{max-width:1000px;margin:0 auto;}
.stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;}
.stats .stat-item h3{font-size:2.5rem;margin-bottom:0.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary) !important;}
.stats .stat-item p{font-size:1.1rem;opacity:0.9;color:rgba(15,23,42,0.8) !important;font-weight:var(--font-weight-medium);}
.cta{background:var(--color-secondary) !important;color:var(--color-text-main) !important;padding:6rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,0.05);}
.cta-container{max-width:600px;margin:0 auto;}
.cta h2{font-size:2.5rem;margin-bottom:1rem;color:var(--color-text-main) !important;}
.cta p{font-size:1.2rem;color:var(--color-text-dim) !important;margin-bottom:2rem;}
.dashboard-page{background:var(--color-primary);background-image:var(--gradient-primary);min-height:100vh;}
.dashboard-header{background:rgba(30,41,59,0.7);backdrop-filter:var(--glass-blur);padding:2rem;margin:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;border:var(--glass-border);}
.dashboard-header h1{font-size:2.5rem;color:var(--color-text-main);margin-bottom:0.5rem;font-weight:var(--font-weight-bold);}
.dashboard-header p{color:var(--color-text-dim);font-size:1.1rem;}
.tab-nav{display:flex;justify-content:center;gap:1rem;margin:2rem;flex-wrap:wrap;}
.tab-btn{padding:1rem 2rem;background:rgba(255,255,255,0.1);color:white;border:2px solid rgba(255,255,255,0.3);border-radius:15px;cursor:pointer;transition:all 0.3s ease;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;backdrop-filter:blur(10px);}
.tab-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2);color:white;text-decoration:none;}
.tab-btn.active{background:rgba(255,255,255,0.95);color:#333;border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.3);}
.tab-content{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:3rem 2rem;margin:0 2rem 2rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);border:2px solid rgba(255,255,255,0.3);min-height:500px;}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;}
.overview-card{background:linear-gradient(135deg,#f8f9ff,#ffffff);padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border-left:4px solid #667eea;}
.overview-card h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem;font-weight:600;}
.user-info-card{grid-column:span 2;}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}
.info-item{background:rgba(102,126,234,0.1);padding:1rem;border-radius:10px;text-align:center;}
.info-item strong{display:block;color:#667eea;margin-bottom:0.5rem;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;}
.info-item p{margin:0;font-size:1.1rem;font-weight:600;color:#333;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}
.stat-item{background:rgba(255,255,255,0.8);padding:1.5rem 1rem;border-radius:12px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:all 0.3s ease;}
.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.stat-number{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:0.5rem;}
.stat-label{font-size:0.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}
.exam-stats-section{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#e8f0fe,#f3e5f5);border-radius:15px;border:2px solid rgba(102,126,234,0.1);}
.exam-stats-section h3{color:#333;margin-bottom:1rem;font-size:1.3rem;text-align:center;}
.exam-stats-section p{color:#666;line-height:1.6;text-align:center;margin-bottom:1rem;}
.exam-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0;}
.exam-card{background:linear-gradient(135deg,#ffffff,#f8f9ff);padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;border:2px solid transparent;}
.exam-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12);border-color:#667eea;}
.exam-card.featured{border-color:#667eea;position:relative;}
.exam-icon{font-size:2.5rem;margin-bottom:1rem;display:block;text-align:center;}
.exam-card h3{color:#333;margin-bottom:1rem;font-size:1.3rem;text-align:center;font-weight:600;}
.exam-card p{color:#666;line-height:1.6;margin-bottom:1.5rem;text-align:center;}
.exam-features{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;justify-content:center;}
.feature{background:rgba(102,126,234,0.1);color:#667eea;padding:0.3rem 0.8rem;border-radius:15px;font-size:0.8rem;font-weight:500;}
.exam-btn{width:100%;text-align:center;padding:1rem;font-weight:700;border-radius:12px;text-decoration:none;transition:all 0.3s ease;}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.form-container{background:rgba(255,255,255,0.8);padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.05);}
.form-container h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;text-align:center;}
.danger-zone{grid-column:span 2;background:rgba(220,53,69,0.05);border:2px solid rgba(220,53,69,0.2);padding:2rem;border-radius:15px;margin-top:2rem;}
.danger-zone h4{color:#dc3545;margin-bottom:1rem;font-size:1.2rem;font-weight:600;}
.danger-zone p{color:#721c24;margin-bottom:1.5rem;line-height:1.6;}
.logout-section{display:flex;gap:1rem;align-items:center;justify-content:center;}
.contact-info{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);margin:2rem;border:2px solid rgba(255,255,255,0.3);}
.description{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);margin:2rem;border:2px solid rgba(255,255,255,0.3);}
.sample-exam-page{background:var(--color-primary);min-height:100vh;}
.sample-exam-container{max-width:var(--container-width);margin:2rem auto;padding:0 2rem;}
.sample-exam-container.results-view{max-width:1200px;background:var(--color-primary);background-image:var(--gradient-primary);padding:2rem;border-radius:var(--radius-lg);}
.exam-header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:rgba(30,41,59,0.7);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:var(--glass-border);}
.exam-header h1{font-size:3rem;color:var(--color-text-main);margin-bottom:1rem;font-weight:var(--font-weight-bold);text-shadow:0 0 20px rgba(56,189,248,0.3);}
.exam-header p{font-size:1.3rem;color:var(--color-text-dim);margin-bottom:0;}
.welcome-message{background:var(--color-success);color:var(--color-primary);padding:1.5rem 2rem;border-radius:var(--radius-md);margin:2rem 0;font-size:1.1rem;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-glow);}
.exam-intro{background:rgba(30,41,59,0.6);backdrop-filter:var(--glass-blur);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--glass-border);}
.exam-intro h2{color:var(--color-text-main);font-size:2.2rem;margin-bottom:2rem;text-align:center;font-weight:var(--font-weight-bold);}
.intro-content{margin-bottom:3rem;}
.intro-list h3{color:var(--color-accent);font-size:1.5rem;margin-bottom:1.5rem;font-weight:var(--font-weight-bold);}
.intro-list ul{list-style:none;padding:0;}
.intro-list li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(56,189,248,0.05);border-radius:var(--radius-md);border-left:4px solid var(--color-accent);}
.intro-list li i{color:var(--color-accent);font-size:1.3rem;margin-top:0.2rem;flex-shrink:0;}
.intro-list li span{color:var(--color-text-dim);line-height:1.6;font-size:1rem;}
.timer-info{background:var(--color-danger);color:white;padding:2rem;border-radius:var(--radius-md);margin:2rem 0;text-align:center;box-shadow:var(--shadow-lg);}
.timer-info h4{font-size:1.5rem;margin-bottom:1rem;font-weight:var(--font-weight-bold);}
.timer-info p{font-size:1.1rem;line-height:1.6;margin:0;}
.start-exam-section{text-align:center;margin-top:3rem;}
.exam-timer{position:fixed;top:90px;right:2rem;background:rgba(15,23,42,0.9);backdrop-filter:var(--glass-blur);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-weight:var(--font-weight-bold);font-size:1.1rem;color:var(--color-text-main);z-index:1000;border:2px solid var(--color-success);}
.exam-timer.warning{border-color:var(--color-warning);background:rgba(245,158,11,0.1);color:var(--color-warning);}
.exam-timer.danger{border-color:var(--color-danger);background:rgba(239,68,68,0.1);color:var(--color-danger);animation:pulse 1s infinite;}
.exam-header-fixed{position:fixed;top:0;left:0;right:0;background:rgba(15,23,42,0.95);border-bottom:1px solid var(--color-accent);box-shadow:var(--shadow-md);z-index:1000;padding:1rem 2rem;backdrop-filter:var(--glass-blur);}
.exam-header-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;}
.exam-progress-section{display:flex;flex-direction:column;gap:0.8rem;flex:1;}
.exam-progress-text{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-main);text-align:center;}
.exam-overview-section{display:flex;flex-direction:column;gap:0.8rem;}
.exam-overview-title{font-size:0.9rem;font-weight:var(--font-weight-bold);color:var(--color-accent);text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:0;}
.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:0.5rem;max-width:500px;}
.question-dot{width:35px;height:35px;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-sm);background:rgba(30,41,59,0.5);color:var(--color-text-dim);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:0.8rem;}
.question-dot:hover{border-color:var(--color-accent);background:rgba(56,189,248,0.2);color:var(--color-accent);transform:scale(1.05);}
.question-dot.answered{background:var(--color-success);border-color:var(--color-success);color:var(--color-primary);}
.question-dot.current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);transform:scale(1.1);box-shadow:var(--shadow-glow);}
.progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);overflow:hidden;}
.progress-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width 0.3s ease;box-shadow:0 0 10px rgba(34,197,94,0.5);}
.progress-details{display:flex;justify-content:space-between;align-items:center;margin-top:0.4rem;font-size:0.85rem;color:var(--color-text-dim);}
.progress-percentage{font-weight:var(--font-weight-bold);color:var(--color-accent);}
.sample-exam-page .exam-content{margin-top:140px;margin-bottom:100px;}
.question-container{padding:2rem;min-height:500px;}
.question{background:transparent;padding:0;border-radius:0;border:none;display:flex;flex-direction:column;}
.question-number{display:inline-block;background:var(--color-accent);color:var(--color-primary);padding:0.4rem 0.8rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:0.9rem;margin-bottom:1.5rem;align-self:flex-start;box-shadow:var(--shadow-glow);}
.question-text{font-size:1.2rem;color:var(--color-text-main);margin-bottom:2rem;line-height:1.5;font-weight:var(--font-weight-bold);}
.question-image{text-align:center;margin:2rem 0;}
.question-image img{max-width:250px;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid rgba(255,255,255,0.1);}
.placeholder{background:rgba(30,41,59,0.5);padding:2rem;border-radius:var(--radius-md);color:var(--color-text-dim);border:2px dashed rgba(255,255,255,0.1);max-width:250px;margin:0 auto;text-align:center;font-size:1rem;}
.placeholder small{display:block;margin-top:0.5rem;font-size:0.85rem;color:var(--color-text-dim);opacity:0.7;}
.options{display:flex;flex-direction:column;gap:0.8rem;flex:1;justify-content:center;margin-top:1rem;}
.option{background:rgba(30,41,59,0.5);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);color:var(--color-text-main);}
.option:hover{background:rgba(56,189,248,0.1);border-color:var(--color-accent);transform:translateX(5px);box-shadow:var(--shadow-glow);}
.option.selected{background:rgba(56,189,248,0.2);border-color:var(--color-accent);transform:translateX(5px);box-shadow:var(--shadow-glow);}
.summary-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:20000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;backdrop-filter:blur(5px);}
.summary-modal.active{opacity:1;visibility:visible;}
.summary-modal-content{background:white;border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform:scale(0.9) translateY(50px);transition:all 0.3s ease;}
.summary-modal.active .summary-modal-content{transform:scale(1) translateY(0);}
.summary-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease;}
.summary-close:hover{background:#f8f9fa;color:#333;transform:scale(1.1);}
.summary-modal-header{text-align:center;margin-bottom:2rem;padding-right:3rem;}
.summary-modal-header h3{font-size:1.8rem;color:#333;margin-bottom:0.5rem;font-weight:700;}
.summary-modal-header p{color:#666;font-size:1rem;margin:0;}
.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;}
.summary-stat{background:#f8f9fa;padding:1.5rem;border-radius:15px;text-align:center;display:flex;flex-direction:column;gap:0.5rem;}
.summary-stat strong{font-size:2.5rem;color:#2c3e50;line-height:1;}
.summary-stat span{color:#6c757d;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.summary-warning{background:#fff3cd;color:#856404;padding:1rem;border-radius:10px;text-align:center;margin-bottom:2rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:0.5rem;}
.summary-success{background:#d4edda;color:#155724;padding:1rem;border-radius:10px;text-align:center;margin-bottom:2rem;font-weight:500;}
.summary-buttons{display:flex;gap:1rem;}
.summary-btn{flex:1;padding:1rem;border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;}
.summary-btn.secondary{background:#f1f3f5;color:#495057;}
.summary-btn.secondary:hover{background:#e9ecef;color:#212529;}
.summary-btn.primary{background:linear-gradient(135deg,#00b894,#00cec9);color:white;box-shadow:0 4px 15px rgba(0,184,148,0.3);}
.summary-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,184,148,0.4);}
[data-theme="dark"] .summary-modal-content{background:#1e293b;color:#f1f5f9;}
[data-theme="dark"] .summary-modal-header h3{color:#f1f5f9;}
[data-theme="dark"] .summary-modal-header p{color:#94a3b8;}
[data-theme="dark"] .summary-close{color:#94a3b8;}
[data-theme="dark"] .summary-close:hover{background:rgba(255,255,255,0.1);color:#f1f5f9;}
[data-theme="dark"] .summary-stat{background:#0f172a;border:1px solid #334155;}
[data-theme="dark"] .summary-stat strong{color:#f1f5f9;}
[data-theme="dark"] .summary-stat span{color:#94a3b8;}
[data-theme="dark"] .summary-warning{background:rgba(133,70,4,0.2);color:#fca5a5;border:1px solid rgba(252,165,165,0.2);}
[data-theme="dark"] .summary-success{background:rgba(21,87,36,0.2);color:#86efac;border:1px solid rgba(134,239,172,0.2);}
[data-theme="dark"] .summary-btn.secondary{background:#334155;color:#f1f5f9;}
[data-theme="dark"] .summary-btn.secondary:hover{background:#475569;color:#ffffff;}
.slide-text ol{padding-left:0;list-style:none;counter-reset:orb-counter;margin-bottom:1.5rem;}
.slide-text ol li{position:relative;padding-left:3.5rem;margin-bottom:1rem;counter-increment:orb-counter;line-height:1.6;}
.slide-text ol li::before{content:counter(orb-counter);position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;box-shadow:0 4px 6px rgba(0,0,0,0.2);}
.signs-promo-section{background:var(--color-primary);padding:6rem 2rem !important;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05);}
.signs-promo-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2;background:var(--color-secondary);backdrop-filter:var(--glass-blur);padding:4rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:var(--glass-border);}
[data-theme="dark"] .signs-promo-content{background:radial-gradient(circle at top right,rgba(16,185,129,0.08),transparent 60%),var(--color-secondary);}
.signs-promo-header{margin-bottom:3rem;}
.promo-badge{display:inline-block;background:rgba(16,185,129,0.15);color:#000000;padding:0.5rem 1.2rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:0.85rem;letter-spacing:1px;margin-bottom:1.5rem;border:1px solid rgba(16,185,129,0.25);}
.signs-promo-header h2{color:var(--color-text-main) !important;font-size:3rem;margin-bottom:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:-0.5px;}
.signs-promo-header p{color:var(--color-text-dim) !important;font-size:1.25rem;line-height:1.6;max-width:750px;margin:0 auto;}
.signs-promo-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin:3rem 0;text-align:left;}
.sign-feature-card{background:var(--color-card-bg) !important;padding:2rem 1.5rem;border-radius:var(--radius-md);transition:var(--transition-base);box-shadow:var(--shadow-sm);border:var(--glass-border);display:flex;flex-direction:column;gap:0.75rem;}
.sign-feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#10b981;}
.sign-feature-icon{font-size:2.5rem;margin-bottom:0.5rem;}
.sign-feature-card h3{color:var(--color-text-main);font-size:1.25rem;font-weight:var(--font-weight-bold);margin:0;}
.sign-feature-card p{color:var(--color-text-dim) !important;font-size:0.95rem;line-height:1.5;margin:0;}
.main-cta-btn.primary-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;color:white !important;border:3px solid white !important;box-shadow:0 8px 25px rgba(16,185,129,0.3);}
.main-cta-btn.primary-green:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%) !important;box-shadow:0 12px 35px rgba(16,185,129,0.4);}