@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";#app{min-height:100vh}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;display:inline-flex;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}:root{--color-primary: #012435;--color-secondary: #3c665d;--color-tertiary: #ffb780;--color-tertiary-dark: #381900;--surface-0: #f9f9f9;--surface-1: #f4f3f3;--surface-2: #ffffff;--color-on-primary: #ffffff;--color-on-secondary: #ffffff;--text-primary: #012435;--text-secondary: #3c665d;--text-muted: #6b7c85;--color-error: #D46B55;--success-color: #27ae60;--warning-color: #ffb780;--color-bg: #f9f9f9;--color-surface: #ffffff;--color-accent: #3c665d;--color-gold: #ffb780;--color-text: #012435;--color-muted: #6b7c85;--primary-color: #3c665d;--primary-hover: #2d5047;--accent-color: #ffb780;--accent-hover: #e09a60;--secondary-color: #f4f3f3;--border-color: rgba(1, 36, 53, .08);--bg-primary: #f9f9f9;--bg-secondary: #f4f3f3;--bg-surface: #ffffff;--navbar-bg: rgba(255, 255, 255, .85);--footer-bg: #f4f3f3;--card-bg: #ffffff;--card-border: rgba(1, 36, 53, .06);--border-radius: 16px;--transition: all .2s ease-out;--box-shadow-sm: 0 1px 3px rgba(1, 36, 53, .06);--box-shadow-md: 0 4px 40px rgba(1, 36, 53, .06);--box-shadow-lg: 0 8px 32px rgba(1, 36, 53, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}html.dark{--color-bg: #f9f9f9;--bg-primary: #f9f9f9}a:not([class*=btn]):not([class*=button]){color:#3c665d}*{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:Lexend,Open Sans,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:Lexend,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:linear-gradient(135deg,#012435,#1a3d52);color:#fff;border-radius:9999px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#001a2f,#162f42);transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.btn-secondary{background:#f4f3f3;color:#012435;border-radius:9999px}.btn-secondary:hover:not(:disabled){background:#e8e8e8}.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:none;border-radius:12px;font-size:1rem;min-height:44px;font-family:Lexend,Open Sans,Verdana,sans-serif;transition:var(--transition);background-color:#e8e8e8;color:#012435;line-height:1.5}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:2px 0 #3c665d inset;background:#e0e0e0}.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:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 40px #0124350f;border:none;border-radius:16px;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):not([class*=db-]),[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}}