@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";#app{min-height:100vh}:root{--color-bg: #121212;--color-surface: #1F2124;--color-accent: #456882;--color-gold: #C9A227;--color-error: #D46B55;--color-text: #F1F1F1;--color-muted: #AAAAAA;--primary-color: #456882;--primary-hover: #3a5268;--accent-color: #C9A227;--accent-hover: #b8931f;--secondary-color: #1F2124;--success-color: #27ae60;--danger-color: #D46B55;--warning-color: #C9A227;--info-color: #456882;--light-color: #AAAAAA;--dark-color: #121212;--text-color: #F1F1F1;--border-color: rgba(241, 241, 241, .12);--bg-primary: #121212;--bg-secondary: #1F2124;--bg-surface: #1F2124;--text-primary: #F1F1F1;--text-secondary: #AAAAAA;--navbar-bg: #1F2124;--footer-bg: #121212;--card-bg: #1F2124;--card-border: rgba(241, 241, 241, .08);--border-radius: 12px;--transition: all .2s ease-out;--box-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--box-shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--box-shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}html:not(.dark){--color-bg: #F1F0EE;--color-surface: #FFFFFF;--color-accent: #456882;--color-gold: #C9A227;--color-gold-text: #996515;--color-error: #D46B55;--color-text: #1F2124;--color-muted: #6B6B6B;--border-color: rgba(31, 33, 36, .12);--bg-primary: #F1F0EE;--bg-secondary: #FFFFFF;--bg-surface: #FFFFFF;--text-primary: #1F2124;--text-secondary: #6B6B6B;--navbar-bg: #FFFFFF;--footer-bg: #F1F0EE;--card-bg: #FFFFFF;--card-border: rgba(31, 33, 36, .12);--box-shadow-sm: 0 1px 3px rgba(31, 33, 36, .08);--box-shadow-md: 0 2px 8px rgba(31, 33, 36, .12);--box-shadow-lg: 0 4px 16px rgba(31, 33, 36, .16);--primary-hover: #3a5268;--accent-hover: #7d5210}html:not(.dark) a:not([class*=btn]):not([class*=button]){color:#456882}html:not(.dark) .btn-primary,html:not(.dark) a.btn-primary{color:#f1f1f1}html:not(.dark) .card,html:not(.dark) [class*=-card],html:not(.dark) [class*=-panel],html:not(.dark) [class*=-box]{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(31,33,36,.12);box-shadow:0 2px 8px #1f212414}html:not(.dark) .modal,html:not(.dark) [class*=modal]{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}html:not(.dark) .btn-outline,html:not(.dark) .btn-ghost,html:not(.dark) [class*=btn-outline],html:not(.dark) [class*=btn-ghost]{color:#1f2124;border-color:#1f212433}html:not(.dark) .btn-outline:hover,html:not(.dark) .btn-ghost:hover{background:#1f21240f}html:not(.dark) .alert-danger{background-color:#d46b551a}html:not(.dark) .alert-success{background-color:#27ae601a}html:not(.dark) .alert-warning{background-color:#9965151a;color:#996515;border-color:#9965154d}html:not(.dark) .alert-info{background-color:#4568821a}html:not(.dark) th{background:#1f21240a}html:not(.dark) tr:nth-child(2n){background:#1f212405}html:not(.dark) [class*=skeleton],html:not(.dark) [class*=loading]{background:linear-gradient(90deg,#1f21240f,#1f21241a,#1f21240f);background-size:200% 100%}html:not(.dark) .nav-link:hover,html:not(.dark) .nav-link.active{background:#45688214}html:not(.dark) .sidebar,html:not(.dark) [class*=sidebar]{background:#1f21240a}html:not(.dark) .hero{background:linear-gradient(135deg,#c8dff0,#dbeef8);color:#1f2124}html:not(.dark) .hero-content h1{color:#1f2124}html:not(.dark) .subtitle{color:#456882}html:not(.dark) .hero-description{color:#1f2124;opacity:1}html:not(.dark) .trust-badges{color:#1f2124;opacity:1}html:not(.dark) .hero-buttons .btn,html:not(.dark) .cta-buttons .btn{background:#456882;color:#f1f1f1;border-color:#456882}html:not(.dark) .hero-buttons .btn:hover,html:not(.dark) .cta-buttons .btn:hover{background:#3a5268;border-color:#3a5268}html:not(.dark) .features.dark-bg{background:linear-gradient(135deg,#c8dff0,#dbeef8);color:#1f2124}html:not(.dark) .features.dark-bg .section-header h2{color:#1f2124}html:not(.dark) .features.dark-bg .section-header p{color:#3a3a3a}html:not(.dark) .feature-card.dark{background:#ffffffb3;border:1px solid rgba(31,33,36,.15);color:#1f2124}html:not(.dark) .feature-card.dark h3{color:#1f2124}html:not(.dark) .feature-card.dark p{color:#3a3a3a;opacity:1}html:not(.dark) .stats{background:transparent;color:#1f2124}html:not(.dark) .stats h2,html:not(.dark) .stats h3,html:not(.dark) .stats p{color:#1f2124}html:not(.dark) .final-cta{background:linear-gradient(135deg,#c8dff0,#dbeef8);color:#1f2124}html:not(.dark) .final-cta h2{color:#1f2124}html:not(.dark) .final-cta p{color:#1f2124;opacity:1}html:not(.dark) .guarantee{color:#3a3a3a;opacity:1}html:not(.dark) .dashboard-header{background:linear-gradient(135deg,#c8dff0,#dbeef8);color:#1f2124}html:not(.dark) .dashboard-header h2,html:not(.dark) .dashboard-header h3,html:not(.dark) .dashboard-header p{color:#1f2124}html:not(.dark) [class*=dark-bg] h1,html:not(.dark) [class*=dark-bg] h2,html:not(.dark) [class*=dark-bg] h3,html:not(.dark) [class*=dark-bg] p,html:not(.dark) [class*=dark-bg] span{color:#1f2124}html:not(.dark) .upsell-banner{background:linear-gradient(135deg,#c8dff0,#dbeef8);color:#1f2124}html:not(.dark) .video-placeholder{background:linear-gradient(135deg,#c8dff0,#dbeef8);color:#1f2124}html:not(.dark) .section-card{background:#fff;color:#1f2124}html:not(.dark) .back-link{color:#456882}html:not(.dark) .progress-bar{background:#45688226}html:not(.dark) .progress-bar .progress{background:linear-gradient(90deg,#456882,#c9a227)}html:not(.dark) .progress-container{background:linear-gradient(135deg,#c8dff0,#dbeef8)}html:not(.dark) .progress-header{color:#1f2124}html:not(.dark) .certificates-container{background:linear-gradient(135deg,#c8dff0,#dbeef8)}html:not(.dark) .certificates-header{color:#1f2124}html:not(.dark) .email-input{background:#ffffffe6;border-color:#456882;color:#1f2124}html:not(.dark) .email-input::placeholder{color:#6b6b6b}html:not(.dark) .admin-sidebar{background:linear-gradient(135deg,#2a5570,#1d4a61)}html:not(.dark) .score-circle{background:linear-gradient(135deg,#456882,#c9a227);color:#f1f1f1}html:not(.dark) .lang-btn{color:#1f2124;border-color:#45688280}html:not(.dark) .lang-btn:hover:not(.active){background:#4568821a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}html{background-color:var(--color-bg);color:var(--color-text)}body{font-family:Open Sans,Verdana,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition)}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;font-family:Open Sans,sans-serif;color:var(--text-primary);line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}p{white-space:pre-line;line-height:1.5;text-align:left}.text-secondary,.subtitle,.description,.meta,small,[class*=subtitle],[class*=description],[class*=caption],[class*=hint],[class*=label]{color:var(--text-secondary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;min-height:44px;min-width:44px;cursor:pointer;transition:var(--transition);font-weight:500;text-decoration:none;font-family:Open Sans,sans-serif;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.btn-secondary{background-color:var(--color-accent);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-success{background-color:var(--success-color);color:var(--color-text)}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:var(--color-error);color:var(--color-text)}.btn-danger:hover:not(:disabled){background-color:#b85747}.btn-outline,.btn-ghost,[class*=btn-outline],[class*=btn-ghost]{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover,.btn-ghost:hover,[class*=btn-outline]:hover,[class*=btn-ghost]:hover{background:#1f212499;border-color:var(--color-accent)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-block{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-family:Open Sans,sans-serif;color:var(--color-text);font-size:14px;line-height:1.5}.form-control,input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;min-height:44px;font-family:Open Sans,Verdana,sans-serif;transition:var(--transition);background-color:var(--card-bg);color:var(--text-primary);line-height:1.5}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #45688226}.form-control.is-invalid{border-color:var(--color-error)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.error-text{color:var(--color-error);font-size:14px;margin-top:.25rem;display:block;font-family:Open Sans,sans-serif;line-height:1.5}.alert{padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius);border:1px solid;font-family:Open Sans,sans-serif;line-height:1.5;min-height:44px;display:flex;align-items:center;gap:.75rem}.alert-danger{background-color:#d46b551f;color:var(--color-error);border-color:#d46b554d}.alert-danger:before{content:"⚠";font-weight:700;flex-shrink:0;font-size:1.25rem}.alert-success{background-color:#27ae601f;color:#27ae60;border-color:#27ae604d}.alert-success:before{content:"✓";font-weight:700;flex-shrink:0;font-size:1.25rem}.alert-warning{background-color:#c9a2271f;color:var(--color-gold);border-color:#c9a2274d}.alert-warning:before{content:"!";font-weight:700;flex-shrink:0;font-size:1.25rem}.alert-info{background-color:#4568821f;color:var(--color-accent);border-color:#4568824d}.alert-info:before{content:"ℹ";font-weight:700;flex-shrink:0;font-size:1.25rem}.card,.panel,.page-card,.lesson-card,.lesson-item,.certificate-card,.progress-card,.stat-card,.info-card,.feature-card,.pricing-card,.quiz-card,.quiz-container,.question-card,.step-card,.checkout-card,.order-card,.profile-card,.settings-card,.notification-card,.subscription-card,.badge-card,.auth-card,.form-card,.hero-card,.about-card,.contact-card,[class*=-card],[class*=-panel],[class*=-box],[class*=-section]:not(section){background:#1f2124d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(241,241,241,.08);border-radius:12px;color:var(--text-primary)}.modal,.modal-content,[class*=modal]{background:var(--card-bg);color:var(--text-primary);border-color:var(--card-border)}.badge,.tag,.pill,[class*=badge]:not(.badge-card),[class*=tag],[class*=chip]{background:#45688233;color:var(--text-primary);border:1px solid rgba(69,104,130,.3);border-radius:var(--border-radius);padding:.25rem .75rem;font-size:.875rem;font-family:Open Sans,sans-serif;line-height:1.5;display:inline-block}table,th,td{border-color:var(--border-color)}th{background:#1f212480;color:var(--text-primary);font-weight:600;font-family:Open Sans,sans-serif;line-height:1.5}td{padding:.75rem}tr:nth-child(2n){background:#1f21244d}.tab,.tabs,[class*=-tab],[class*=tab-]{color:var(--text-secondary);border-color:var(--border-color);font-family:Open Sans,sans-serif;line-height:1.5;transition:var(--transition)}.tab.active,[class*=tab].active,[class*=tab-].active{color:var(--text-primary);border-color:var(--color-accent)}.progress,.progress-bar,[class*=progress-track],[class*=progress-bg]{background:#1f212499;border-radius:var(--border-radius);height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--color-accent),var(--color-gold));transition:width .3s ease-out}.dropdown,[class*=dropdown-menu]{background:var(--card-bg);border-color:var(--card-border);border-radius:var(--border-radius);border:1px solid var(--card-border)}[class*=dropdown-item]:hover{background:#1f212480}code,pre{background:#121212cc;color:#e2e8f0;border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem;line-height:1.5;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto}.list-item,[class*=list-item],[class*=list-row]{background:var(--card-bg);border-color:var(--card-border);color:var(--text-primary);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--card-border);margin-bottom:.5rem}.sidebar,[class*=sidebar]{background:#1f212480;border-color:var(--border-color)}.nav-link{color:var(--text-secondary);font-family:Open Sans,sans-serif;line-height:1.5;transition:var(--transition);min-height:44px;display:flex;align-items:center}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#4568821a}[class*=skeleton],[class*=loading]{background:linear-gradient(90deg,#1f212480,#1f2124cc,#1f212480);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}hr,.divider,[class*=divider],[class*=separator]{border-color:var(--border-color);background:transparent;border:none;border-top:1px solid var(--border-color)}.container,.wrapper,.content,[class*=-container],[class*=-wrapper],[class*=-content]:not(.main-content){background:transparent;color:var(--text-primary)}.page-header,.hero,[class*=page-header],[class*=hero-section],[class*=hero-content]{background:var(--bg-primary);color:var(--text-primary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media(max-width:768px){body{font-size:.95rem}h1{font-size:1.75rem}h2{font-size:1.5rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn{min-height:44px;min-width:44px}}