:root{--primary:#4a7c10;--primary-dark:#3d6a0d;--primary-light:#5a9412;--secondary:#4a7c10;--secondary-dark:#3d6a0d;--secondary-light:#5a9412;--text-primary:#2c3e50;--text-secondary:#5d6d7e;--text-muted:#7f8c8d;--text-light:#95a5a6;--bg-page:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-muted:#f8f9fa;--border-light:#e2e8f0;--border-default:#e1e8ed;--border-dark:#cbd5e0;--success:#27ae60;--success-bg:#d4edda;--success-border:#c3e6cb;--warning:#f39c12;--warning-bg:#fff3cd;--warning-border:#ffeeba;--error:#e74c3c;--error-bg:#f8d7da;--error-border:#f5c6cb;--info:#3498db;--info-bg:#d1ecf1;--info-border:#bee5eb;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}body{background-color:#f8fafc;background-color:var(--bg-page);color:#2c3e50;color:var(--text-primary);line-height:1.5}a{color:#4a7c10;color:var(--primary);text-decoration:none}a:hover{color:#3d6a0d;color:var(--primary-dark)}button{font-family:inherit}:focus-visible{outline:2px solid #4a7c10;outline:2px solid var(--primary);outline-offset:2px}.login-container{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background:radial-gradient(circle at 30% 20%,#84cc160f 0,#0000 50%),radial-gradient(circle at 70% 80%,#22c55e0a 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 25px 80px #0006;max-width:400px;padding:40px 32px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:40px;text-align:center}.login-logo{align-items:center;display:inline-flex;gap:12px;margin-bottom:16px}.logo-icon{animation:lemonBounce 2s ease-in-out infinite;font-size:2.2rem}@keyframes lemonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.logo-amharic{color:#84cc1699;font-size:1.2rem;font-weight:600;margin-left:8px}.login-tagline{color:#ffffffe6;font-size:.95rem;font-weight:600;margin:0 0 4px}.login-subtitle{color:#ffffff80;font-size:.9rem;margin:0}.form-group label{margin-bottom:10px}.input-group{align-items:stretch;background:#1f2937;border:2px solid #ffffff1a;border-radius:16px;display:flex;overflow:hidden;transition:all .2s}.input-group:focus-within{border-color:#84cc16;box-shadow:0 0 0 4px #84cc1626}.input-prefix{border-right:1px solid #ffffff1a;padding:16px 18px}.country-select,.input-prefix{align-items:center;background:#84cc161a;color:#84cc16;display:flex;font-size:1rem;font-weight:700}.country-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2384cc16' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:none;border-right:1px solid #ffffff1a;cursor:pointer;flex-shrink:0;max-width:110px;min-width:90px;padding:16px 28px 16px 12px;width:auto}.country-select:focus{outline:none}.country-select option{background:#1f2937;color:#fff;padding:12px}.input-group input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1.1rem;font-weight:500;letter-spacing:.5px;padding:16px 18px}.input-group input:focus{outline:none}.input-group input::placeholder{color:#ffffff4d}.form-group small{color:#fff6;display:block;font-size:.8rem;margin-top:8px}.phone-display{margin-bottom:24px;text-align:center}.phone-display p{color:#ffffffb3;font-size:.95rem;margin:0}.phone-display .phone-number{color:#fff;font-size:1.3rem;font-weight:700;margin-top:8px}.otp-input-wrapper{margin:28px 0;position:relative}.otp-single-input{cursor:text;font-size:1.5rem;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.otp-boxes{gap:10px;pointer-events:none}.otp-box,.otp-boxes{display:flex;justify-content:center}.otp-box{align-items:center;background:#1f2937;border:2px solid #ffffff26;border-radius:14px;color:#fff;font-size:1.5rem;font-weight:700;height:60px;transition:all .2s;width:48px}.otp-box.filled{border-color:#22c55e}.otp-box.active,.otp-single-input:focus+.otp-boxes .otp-box.active{background:#84cc160d;border-color:#84cc16;box-shadow:0 0 0 4px #84cc1626}.dev-otp-display{background:#84cc161a;border:1px solid #84cc164d;border-radius:12px;color:#ffffffe6;font-size:.9rem;margin-bottom:20px;padding:14px 18px;text-align:center}.dev-otp-display code{background:#1f2937;border-radius:8px;color:#84cc16;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700;letter-spacing:3px;margin-left:8px;padding:6px 12px}.btn-primary{align-items:center;background:linear-gradient(135deg,#84cc16,#22c55e);border:none;border-radius:16px;color:#0a0a0a;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:16px;padding:18px 28px;transition:all .2s ease;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #84cc1640;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-link{background:none;border:none;color:#fff9;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;text-align:center;transition:color .2s;width:100%}.btn-link:hover{color:#84cc16}.btn-link:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .8s linear infinite;border:2px solid #0a0a0a4d;border-top-color:#0a0a0a;height:20px;width:20px}.error-message{border:1px solid #ef44444d;margin-bottom:20px}.login-footer{border-top:1px solid #ffffff14;margin-top:32px;padding-top:24px;text-align:center}.login-footer a{color:#84cc16;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#22c55e}@media (min-width:480px){.login-card{padding:48px 40px}.otp-box{height:64px;width:52px}}@media (max-width:360px){.login-card{border-radius:24px;padding:32px 24px}.otp-box{border-radius:10px;font-size:1.3rem;height:52px;width:42px}.otp-boxes{gap:6px}}.register-container{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.register-container:before{animation:gradientMove 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#84cc1614 0,#0000 50%),radial-gradient(circle at 70% 80%,#22c55e0d 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}.register-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 16px 48px #0006;max-width:550px;padding:36px;position:relative;width:100%;z-index:1}.register-header{margin-bottom:28px;text-align:center}.register-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.register-logo .logo-icon{animation:lemonFloat 3s ease-in-out infinite;font-size:2.8rem}@keyframes lemonFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}.register-logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}.register-card h1{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 10px}.subtitle{color:#ffffff80;font-size:.95rem;margin:0}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group label{color:#fffc;font-size:.9rem}.label-hint,.label-optional{color:#fff6;font-size:.8rem;font-weight:400}.field-hint{color:#fff6;display:block;font-size:.75rem;margin-top:6px}.form-group input,.form-group select{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:14px;color:#fff;font-size:16px;padding:14px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{background:#84cc1614;border-color:#84cc16;box-shadow:0 0 20px #84cc1626;outline:none}.form-group input::placeholder{color:#ffffff4d}.form-group select option{background:#1f2937;color:#fff}.stream-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:10px}.stream-option{cursor:pointer;display:block;position:relative}.stream-option input[type=radio]{opacity:0;position:absolute}.stream-content{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .3s ease}.stream-option:hover .stream-content{background:#84cc1614;border-color:#84cc1666;transform:translateY(-2px)}.stream-option.selected .stream-content{background:linear-gradient(135deg,#84cc1626,#22c55e1a);border-color:#84cc16;box-shadow:0 0 30px #84cc1633}.stream-icon{font-size:32px}.stream-name{color:#fff;font-size:1rem;font-weight:700}.stream-option.selected .stream-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text}.stream-subjects{color:#ffffff80;font-size:.72rem;line-height:1.5;text-align:center}.submit-button{background:linear-gradient(135deg,#84cc16,#22c55e);border-radius:14px;box-shadow:0 0 30px #84cc164d;color:#0a0a0a;font-size:1.05rem;font-weight:700;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 0 50px #84cc1680;transform:translateY(-3px)}.submit-button:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff4d}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#f87171;font-size:.9rem;margin-bottom:18px;padding:14px 18px}@media (max-width:600px){.register-container{align-items:flex-start;padding:40px 16px 16px}.register-card{border-radius:20px;padding:28px 24px}.register-logo .logo-icon{font-size:2.2rem}.register-logo .logo-text{font-size:1.8rem}.register-card h1{font-size:1.4rem}.form-row,.stream-options{grid-template-columns:1fr}.stream-content{flex-direction:row;gap:14px;justify-content:flex-start;padding:16px 18px}.stream-icon{font-size:26px}.stream-name{font-size:.95rem}.stream-subjects{display:none}}@media (min-width:768px){.register-card{padding:44px}.register-logo .logo-icon{font-size:3.2rem}.register-logo .logo-text{font-size:2.4rem}.register-card h1{font-size:1.8rem}.subtitle{font-size:1rem}}.subscription-selection-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.subscription-selection-page.error,.subscription-selection-page.loading{justify-content:center;text-align:center}.subscription-selection-page.loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.subscription-selection-page.error h2,.subscription-selection-page.error p,.subscription-selection-page.loading p{color:#fff}.error-icon{margin-bottom:20px}.retry-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 32px;transition:transform .2s}.retry-button:hover{transform:translateY(-2px)}.selection-header{color:#fff;margin-bottom:40px;max-width:800px;text-align:center}.selection-header h1{font-size:42px;font-weight:700;margin-bottom:16px}.selection-header .subtitle{font-size:18px;opacity:.9}.error-banner{align-items:center;background:#fee;border:2px solid #c33;border-radius:8px;color:#c33;display:flex;gap:12px;margin-bottom:32px;max-width:1200px;padding:16px 24px;width:100%}.tiers-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px;max-width:1200px;width:100%}.tier-selection-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;padding:32px;position:relative;transition:transform .3s,box-shadow .3s}.tier-selection-card:hover{box-shadow:0 15px 50px #0003;transform:translateY(-8px)}.trial-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 4px 12px #f5576c66;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;position:absolute;right:24px;top:-12px}.tier-header{margin-bottom:24px}.tier-name{color:#2d3748;font-size:28px;margin-bottom:8px}.tier-description{color:#718096;font-size:15px}.tier-pricing{border-bottom:2px solid #e2e8f0;margin-bottom:32px}.price-free,.price-paid{align-items:baseline;display:flex;gap:8px}.price-amount{color:#2d3748}.price-period{color:#718096}.tier-features li{align-items:center;color:#4a5568;font-size:15px;margin-bottom:16px}.feature-icon{font-size:18px}.tier-actions{display:flex;flex-direction:column;gap:12px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s;width:100%}.action-button:disabled{cursor:not-allowed;opacity:.6}.free-button{background:#48bb78;color:#fff}.free-button:hover:not(:disabled){background:#38a169;transform:translateY(-2px)}.trial-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.trial-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.paid-button{background:#3182ce;color:#fff}.paid-button:hover:not(:disabled){background:#2c5282;transform:translateY(-2px)}.secondary-button{background:#fff;border:2px solid #667eea;color:#667eea}.secondary-button:hover:not(:disabled){background:#f7fafc;transform:translateY(-2px)}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.trial-note{color:#718096;font-size:13px;line-height:1.4;margin-top:16px;text-align:center}.selection-footer{color:#fff;max-width:600px;opacity:.9;text-align:center}.footer-note{font-size:15px}.tier-card-free{border-top:4px solid #48bb78}.tier-card-starter{border-top:4px solid #4299e1}.tier-card-pro{border-top:4px solid #9f7aea}.tier-card-unlimited{border-top:4px solid #ed8936}.tier-card-default{border-top:4px solid #cbd5e0}@media (max-width:768px){.subscription-selection-page{padding:24px 16px}.selection-header h1{font-size:32px}.selection-header .subtitle{font-size:16px}.tiers-container{gap:24px;grid-template-columns:1fr}.tier-selection-card{padding:24px}.tier-name{font-size:24px}.price-amount{font-size:30px}}.quick-start-overlay{align-items:flex-end;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.quick-start-modal{animation:qs-slideUp .35s ease-out;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:100%}@keyframes qs-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:500px){.quick-start-overlay{align-items:center;padding:20px}.quick-start-modal{border-radius:20px;max-height:85vh;max-width:420px}}.qs-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:10px 14px}.qs-header,.qs-header-left{align-items:center;display:flex}.qs-header-left{gap:8px}.qs-lomi-icon{font-size:1.6rem}.qs-header-title{color:#4a7c10;font-size:1.1rem;font-weight:700}.qs-close-btn{background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:.9rem;height:30px;width:30px}.qs-progress{background:#fafafa;gap:0;padding:8px 16px}.qs-dot,.qs-progress{align-items:center;display:flex;justify-content:center}.qs-dot{background:#e5e7eb;border-radius:50%;color:#9ca3af;font-size:.75rem;font-weight:700;height:28px;transition:all .3s;width:28px}.qs-dot.active{box-shadow:0 0 0 3px #4a7c1033}.qs-dot.active,.qs-dot.done{background:#4a7c10;color:#fff}.qs-line{background:#e5e7eb;height:3px;transition:all .3s;width:32px}.qs-line.done{background:#4a7c10}.qs-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px 14px}.qs-step{animation:qs-fadeIn .25s ease}@keyframes qs-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qs-intro{padding:16px 16px 12px;text-align:center}.qs-intro-badge{background:linear-gradient(135deg,#ecfccb,#d9f99d);border-radius:16px;color:#4a7c10;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:10px;padding:4px 10px}.qs-intro h2{color:#111;font-size:1.25rem;font-weight:700;margin:0 0 4px}.qs-intro-main{color:#6b7280;font-size:.85rem;line-height:1.3;margin:0 0 14px}.qs-intro-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.qs-feature{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:10px;padding:10px 12px;text-align:left}.qs-feature,.qs-feature-icon{align-items:center;display:flex}.qs-feature-icon{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000f;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.qs-feature-text{display:flex;flex-direction:column;gap:1px}.qs-feature-text strong{color:#111;font-size:.8rem;font-weight:600}.qs-feature-text span{color:#6b7280;font-size:.75rem;line-height:1.2}.qs-btn-start{margin-top:0}.qs-step-label{align-items:center;background:#ecfdf5;border-radius:14px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;margin-bottom:10px;padding:4px 10px}.qs-question-text{color:#111;font-size:.9rem;font-weight:500;line-height:1.4;margin:0 0 10px}.qs-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.qs-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px;text-align:left;transition:all .15s}.qs-option:active{transform:scale(.98)}.qs-option.selected{background:#f0fdf4;border-color:#4a7c10}.qs-option.correct{background:#f0fdf4;border-color:#22c55e}.qs-option.incorrect{background:#fef2f2;border-color:#ef4444}.qs-opt-letter{align-items:center;background:#e5e7eb;border-radius:50%;color:#374151;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.qs-option.selected .qs-opt-letter{background:#4a7c10;color:#fff}.qs-option.correct .qs-opt-letter{background:#22c55e;color:#fff}.qs-option.incorrect .qs-opt-letter{background:#ef4444;color:#fff}.qs-opt-text{color:#374151;font-size:.8rem;line-height:1.25}.qs-nudge{animation:qs-fadeIn .4s;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:.85rem;padding:10px;text-align:center}.qs-result-badge{border-radius:16px;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:10px;padding:6px 12px}.qs-result-badge.correct{background:#dcfce7;color:#166534}.qs-result-badge.incorrect{background:#fee2e2;color:#991b1b}.qs-intel-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;margin-bottom:10px;padding:12px}.qs-intel-header{align-items:center;color:#1e40af;display:flex;font-size:.8rem;font-weight:700;gap:5px;margin-bottom:10px}.qs-intel-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.qs-intel-badge{align-items:center;background:#fff;border-radius:16px;color:#1d4ed8;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:5px 10px}.qs-intel-badge.warning{background:#fef3c7;color:#92400e}.qs-intel-insight{background:#ffffffb3;border-left:3px solid #3b82f6;border-radius:6px;color:#1e3a8a;font-size:.75rem;line-height:1.35;padding:8px 10px}.qs-caption{color:#6b7280;font-size:.75rem;font-style:italic;margin:8px 0 12px;text-align:center}.qs-btn-primary{background:#4a7c10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;transition:background .15s;width:100%}.qs-btn-primary:active{background:#3d6a0d}.qs-btn-go{font-size:.95rem;padding:12px}.qs-user-bubble{background:#4a7c10;border-radius:14px 14px 4px 14px;color:#fff;font-weight:500;margin-left:auto;max-width:85%;width:-webkit-fit-content;width:fit-content}.qs-lomi-bubble,.qs-user-bubble{font-size:.9rem;margin-bottom:10px;padding:10px 14px}.qs-lomi-bubble{background:#f3f4f6;border-radius:14px 14px 14px 4px;color:#111;line-height:1.4;max-width:90%}.qs-lomi-bubble .qs-question-text{margin:0}.qs-bubble-label{color:#059669;display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:6px}.qs-result-mini{border-radius:10px;font-size:.85rem;line-height:1.4;margin-bottom:10px;padding:10px 12px}.qs-result-mini.correct{background:#dcfce7;color:#166534}.qs-result-mini.incorrect{background:#fee2e2;color:#991b1b}.qs-chat-step{display:flex;flex-direction:column}.qs-chat-area{flex:1 1;margin-bottom:10px;max-height:180px;overflow-y:auto}.qs-typing{color:#374151}.qs-cursor{animation:qs-blink .7s infinite;color:#4a7c10}@keyframes qs-blink{0%,50%{opacity:1}51%,to{opacity:0}}.qs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.qs-chip{align-items:center;background:#ecfccb;border:1.5px solid #a3e635;border-radius:18px;color:#4a7c10;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:8px 12px;transition:all .15s}.qs-chip:active{background:#d9f99d;transform:scale(.97)}.qs-complete{padding:40px 16px;text-align:center}.qs-complete-icon{animation:qs-pop .4s ease-out;font-size:3.5rem;margin-bottom:12px}@keyframes qs-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.qs-complete h2{color:#111;font-size:1.4rem;font-weight:700;margin:0 0 6px}.qs-complete p{color:#6b7280;font-size:.95rem;margin:0}.qs-skip-footer{background:none;border:none;border-top:1px solid #e5e7eb;color:#9ca3af;cursor:pointer;display:block;font-size:.8rem;padding:10px;text-align:center;width:100%}.qs-skip-footer:active{background:#f9fafb}.dashboard{background:#f8fafc;color:#1e293b;min-height:100vh;position:relative}.dashboard:before{background:radial-gradient(ellipse at top center,#4a7c100f 0,#0000 50%),radial-gradient(ellipse at bottom right,#4a7c1008 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.compact-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#1a1f2e,#1a1f2e 4px,#fffffffa 0);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:18px 0 14px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.brand-logo,.header-content{align-items:center;display:flex}.brand-logo{cursor:pointer;gap:10px;transition:opacity .2s ease}.brand-logo:hover{opacity:.8}.brand-icon{font-size:1.8rem}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a7c10,#65a30d);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.brand-amharic{color:#4a7c1099;font-size:1rem;font-weight:600;margin-left:4px}.compact-header.minimal{background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 0}.compact-header.minimal .header-content{position:relative}.compact-header.minimal .brand-logo{left:50%;position:absolute;transform:translateX(-50%)}.compact-header.minimal .brand-icon{font-size:1.6rem}.compact-header.minimal .brand-name{font-size:1.3rem}.compact-header.minimal .account-menu-container{margin-left:auto}.greeting-hero{padding:16px 20px 12px;text-align:center}.greeting-hero h1{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.greeting-hero p{color:#64748b;font-size:.85rem;margin:0}.account-menu-container{position:relative}.account-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.account-btn:hover{background:#f8fafc;border-color:#cbd5e1}.account-avatar{align-items:center;background:#4a7c10;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:32px;justify-content:center;width:32px}.chevron{color:#94a3b8;transition:transform .2s}.account-btn:hover .chevron{transform:translateY(1px)}.account-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.account-info{border-bottom:1px solid #e2e8f0;padding:14px 16px}.account-name{color:#1e293b;font-weight:600;margin-bottom:4px}.account-details{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px}.separator{color:#94a3b8}.dropdown-divider{border:none;border-top:1px solid #e2e8f0;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.dropdown-item:hover{background:#f8fafc;color:#1e293b}.dropdown-item svg{color:#64748b;height:16px;width:16px}.logout-item,.logout-item svg{color:#dc2626}.logout-item:hover{background:#fef2f2}.dropdown-subscription{background:#f8fafc;padding:12px 16px}.subscription-status-mini{align-items:center;display:flex;gap:12px;justify-content:space-between}.status-badge{border-radius:10px;display:inline-flex}.status-badge.active{background:#4a7c1033;border:1px solid #84cc164d;color:#84cc16}.status-badge.free{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.plan-name{color:#64748b;font-size:.8rem;font-weight:500}.upgrade-btn-mini{background:#4a7c10;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:6px 12px;transition:all .2s}.upgrade-btn-mini:hover{background:#3d6a0d}.dashboard-main{margin:0 auto;max-width:1200px;padding:32px 20px;position:relative;z-index:1}.section-header{margin-bottom:16px;text-align:center}.section-header h2{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.section-header p{color:#64748b;font-size:.8rem;margin:0}.section-subtitle{color:#64748b;font-size:.875rem;margin:0 0 16px;text-align:center}.subjects-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.subjects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;width:100%}.loading-subjects,.no-subjects{color:#64748b;padding:40px;text-align:center}.subject-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:3px solid var(--subject-color);border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:all .2s ease}.subject-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.subject-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;font-size:1.4rem;height:40px;justify-content:center;width:40px}.subject-content{flex:1 1}.subject-content h3{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 2px}.subject-stats{color:#64748b;display:flex;font-size:.75rem;gap:10px}.subject-progress{align-items:flex-end;display:flex;flex-direction:column;gap:5px;min-width:70px}.progress-bar{background:#e2e8f0;width:50px}.progress-fill{background:var(--subject-color);border-radius:2px}.progress-text{color:#64748b;font-size:.7rem;font-weight:500}.streak-section{margin-bottom:32px}.streak-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;gap:20px;padding:20px}.streak-icon{font-size:2.4rem}.streak-content{flex:1 1}.streak-content h3{color:#64748b;font-size:.9rem;font-weight:600;margin:0 0 4px}.streak-counter{align-items:baseline;display:flex;gap:5px;margin-bottom:4px}.streak-number{color:#4a7c10;font-size:1.75rem;font-weight:700}.streak-label{color:#64748b;font-size:.85rem}.streak-content p{color:#94a3b8;font-size:.8rem;margin:0}.streak-calendar{display:flex;gap:6px}.streak-day{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;display:flex;font-size:.75rem;font-weight:500;height:32px;justify-content:center;transition:all .2s;width:32px}.streak-day.completed{background:#ecfccb;border-color:#a3e635;color:#4a7c10}@media (min-width:640px){.header-content{padding:0 30px}.greeting-section h1{font-size:1.5rem}.subjects-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:1.6rem}.dashboard-main{padding:40px 30px}}@media (min-width:1024px){.greeting-section h1{font-size:1.4rem}.subjects-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-header h2{font-size:1.75rem}.dashboard-main{padding:48px 40px}}@media (min-width:768px){.header-content{gap:28px}.brand-icon{font-size:2rem}.brand-name{font-size:1.5rem}}@media (max-width:639px){.header-content{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.brand-logo{order:1}.brand-icon{font-size:1.6rem}.brand-name{font-size:1.3rem}.account-menu-container{order:2}.compact-header.minimal .brand-logo{left:calc(50% - 20px)}.greeting-section{margin-top:4px;order:3;text-align:center;width:100%}.greeting-section h1{font-size:1.1rem}.greeting-section p{font-size:.8rem}.account-dropdown{left:auto;right:0}.subject-card{flex-direction:column;padding:18px 16px;text-align:center}.subject-progress{align-items:center;width:100%}.progress-bar{width:100%}.streak-card{flex-direction:column;gap:14px;text-align:center}.streak-calendar{justify-content:center}.dashboard-main{padding:20px 16px}}.initial-assessment-container{background:#f5f5f5;min-height:100vh;padding:20px}.loading-state{min-height:60vh}.spinner{border:4px solid #e1e1e1;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.no-assessments{background:#fff;border-radius:12px;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.assessment-header{border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:0 auto 40px;max-width:1200px;padding:30px}.back-button{background:#f1f3f4;border-radius:6px;margin-bottom:20px;padding:10px 16px;transition:background .3s}.back-button:hover{background:#e8eaed}.assessment-header h1{color:#333;font-size:28px;margin:0 0 8px}.assessment-header p{color:#666;font-size:16px;margin:0}.assessment-content{margin:0 auto;max-width:1200px}.assessment-selection{margin-bottom:40px}.assessment-selection h2{color:#333;margin:0 0 20px}.assessments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.assessment-card{background:#fff;border:2px solid #e1e1e1;border-radius:12px;cursor:pointer;padding:24px;transition:all .3s}.assessment-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.assessment-card.selected{background:#f8f9ff;border-color:#667eea}.assessment-card h3{color:#333;font-size:20px;margin:0 0 12px}.assessment-description{color:#666;line-height:1.5;margin-bottom:16px}.assessment-meta{display:flex;gap:16px;margin-bottom:12px}.quality-score,.question-count{background:#f1f3f4;border-radius:4px;color:#333;font-size:12px;padding:4px 8px}.quality-score{background:#e8f5e8;color:#2d5a2d}.topics-preview{color:#666;font-size:14px;line-height:1.4}.topic-selection{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:40px;padding:30px}.topic-selection h2{color:#333;margin:0 0 8px}.topic-selection p{color:#666;margin:0 0 24px}.topics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.topic-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .3s}.topic-checkbox:hover{background:#f1f3f4;border-color:#667eea}.topic-checkbox input[type=checkbox]{display:none}.checkmark{border:2px solid #ddd;border-radius:4px;height:20px;margin-right:12px;position:relative;transition:all .3s;width:20px}.topic-checkbox input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.topic-checkbox input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.topic-name{color:#333;font-weight:500}.topic-actions{display:flex;gap:12px}.clear-selection-button,.select-all-button{background:#f1f3f4;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.clear-selection-button:hover,.select-all-button:hover{background:#e8eaed}.assessment-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:30px}.assessment-summary h2{color:#333;margin:0 0 20px}.summary-card{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.summary-item{color:#333;margin-bottom:12px}.summary-item:last-child{margin-bottom:0}.summary-item strong{color:#555;display:inline-block;width:140px}.start-assessment-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:background .3s}.start-assessment-button:hover:not(:disabled){background:#5a67d8}.start-assessment-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fee;border-radius:6px;color:#c33;margin-bottom:16px;padding:12px}@media (max-width:768px){.initial-assessment-container{padding:10px}.assessments-grid,.topics-grid{grid-template-columns:1fr}.topic-actions{flex-direction:column}.assessment-header{padding:20px}}.take-assessment-container{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.assessment-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.header-info h1{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.header-info p{color:#718096;font-size:.9rem;margin:.25rem 0 0}.header-stats{align-items:center;display:flex;gap:2rem}.progress,.time-remaining{align-items:center;display:flex;flex-direction:column;text-align:center}.progress .label,.time-remaining .label{color:#718096;font-size:.8rem;margin-bottom:.25rem}.time-remaining .time{color:#2d3748;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.time-remaining .time.warning{animation:pulse 1s infinite;color:#e53e3e}.progress .stats{color:#4299e1;font-size:1rem;font-weight:600}.progress-bar{position:relative}.progress-fill{background:linear-gradient(90deg,#4299e1,#3182ce)}.question-content{flex:1 1;margin:0 auto;max-width:800px;padding:2rem;width:100%}.question-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.question-number{color:#4299e1;font-size:1.1rem;font-weight:700}.question-topic{background-color:#ebf8ff;color:#2b6cb0}.question-difficulty,.question-topic{border-radius:1rem;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.question-difficulty{text-transform:capitalize}.question-difficulty.easy{background-color:#f0fff4;color:#38a169}.question-difficulty.medium{background-color:#fffbeb;color:#d69e2e}.question-difficulty.hard{background-color:#fed7d7;color:#e53e3e}.question-text{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#2d3748;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;padding:1.5rem}.answer-options{display:flex;flex-direction:column;gap:.75rem}.option-label{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;gap:1rem;padding:1rem;transition:all .2s ease}.option-label:hover{border-color:#cbd5e0;box-shadow:0 2px 6px #00000026}.option-label input[type=radio]{display:none}.option-label input[type=radio]:checked+.option-letter{background-color:#4299e1;color:#fff}.option-label input[type=radio]:checked~.option-text{color:#2d3748;font-weight:500}.option-label input[type=radio]:checked{&~*{color:#2d3748}}.option-label:has(input[type=radio]:checked){background-color:#ebf8ff;border-color:#4299e1}.option-letter{align-items:center;background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;color:#4a5568;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.option-text{line-height:1.5}.assessment-navigation{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -1px 3px #0000001a;padding:1rem 2rem}.nav-buttons{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.nav-button{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.prev-button{background-color:#f7fafc;color:#4a5568}.prev-button:hover:not(:disabled){background-color:#edf2f7}.prev-button:disabled{cursor:not-allowed;opacity:.5}.next-button{background-color:#4299e1;color:#fff}.next-button:hover{background-color:#3182ce}.submit-button{background-color:#38a169;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.submit-button:hover:not(:disabled){background-color:#2f855a}.submit-button:disabled{cursor:not-allowed;opacity:.5}.question-indicator{flex-wrap:wrap;gap:.5rem;max-width:400px}.question-dot,.question-indicator{display:flex;justify-content:center}.question-dot{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#718096;cursor:pointer;font-size:.8rem;font-weight:500;height:2rem;transition:all .2s ease;width:2rem}.question-dot:hover{border-color:#cbd5e0}.question-dot.current{background-color:#4299e1;border-color:#4299e1;color:#fff}.question-dot.answered{background-color:#f0fff4;border-color:#38a169;color:#38a169}.question-dot.answered.current{background-color:#38a169;color:#fff}.assessment-actions{align-items:center;display:flex;justify-content:space-between}.exit-button{background:none;border:1px solid #e2e8f0;border-radius:.375rem;color:#718096;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.exit-button:hover{border-color:#cbd5e0;color:#4a5568}.submit-early-button{background-color:#38a169;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.submit-early-button:hover:not(:disabled){background-color:#2f855a}.submit-early-button:disabled{cursor:not-allowed;opacity:.5}.error-state,.loading-state,.no-questions,.submission-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.spinner{border:3px solid #e2e8f0;border-top-color:#4299e1;height:3rem;margin-bottom:1rem;width:3rem}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:.375rem;color:#c53030;margin-top:1rem;padding:.75rem 1rem}@media (max-width:768px){.assessment-header{flex-direction:column;gap:1rem;padding:1rem}.header-stats{justify-content:space-around;width:100%}.question-content{padding:1rem}.nav-buttons{flex-direction:column;gap:1rem}.question-indicator{margin-bottom:1rem;order:-1}.assessment-actions{flex-direction:column;gap:.5rem}.question-header{justify-content:center;text-align:center}.option-label{padding:.75rem}.option-letter{font-size:.8rem;height:1.5rem;width:1.5rem}}.results-container{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.results-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:1rem 2rem}.results-header h1{color:#1a202c;font-size:1.75rem;font-weight:600;margin:.5rem 0 .25rem}.results-header p{color:#718096;font-size:1rem;margin:0}.results-content{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem;width:100%}.score-summary{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;gap:2rem;margin-bottom:2rem;padding:2rem}.score-circle{border-radius:50%;flex-shrink:0;height:120px;justify-content:center;position:relative;width:120px}.score-circle.excellent{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.score-circle.good{background:linear-gradient(135deg,#3182ce,#4299e1);color:#fff}.score-circle.average{background:linear-gradient(135deg,#d69e2e,#f6e05e);color:#1a202c}.score-circle.needs-improvement{background:linear-gradient(135deg,#e53e3e,#fc8181);color:#fff}.score-percentage{font-size:2rem;font-weight:700;line-height:1}.score-fraction{font-size:.9rem;margin-top:.25rem;opacity:.9}.score-details h2{color:#1a202c;font-size:1.5rem;margin:0 0 .5rem}.score-details p{color:#4a5568;font-size:1rem;line-height:1.5;margin:0 0 .5rem}.topics-note{color:#718096!important;font-size:.9rem!important;font-style:italic}.topic-breakdown{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.topic-breakdown h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.topic-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.topic-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.topic-card:hover{box-shadow:0 2px 4px #0000001a}.topic-card h3{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem}.topic-score{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.topic-percentage{color:#2d3748;font-size:1.25rem;font-weight:700}.topic-fraction{color:#718096;font-size:.9rem}.progress-bar{background-color:#e2e8f0;height:6px}.progress-bar,.progress-fill{border-radius:3px}.progress-fill.excellent{background:linear-gradient(90deg,#38a169,#48bb78)}.progress-fill.good{background:linear-gradient(90deg,#3182ce,#4299e1)}.progress-fill.average{background:linear-gradient(90deg,#d69e2e,#f6e05e)}.progress-fill.needs-improvement{background:linear-gradient(90deg,#e53e3e,#fc8181)}.question-details{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.question-details h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-card{border:2px solid #e2e8f0;border-radius:.75rem;overflow:hidden;transition:all .2s ease}.question-card.correct{background-color:#f0fff4;border-color:#68d391}.question-card.incorrect{background-color:#fffaf0;border-color:#fc8181}.question-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.question-card.correct .question-header{background-color:#c6f6d5}.question-card.incorrect .question-header{background-color:#fed7d7}.question-number{color:#2d3748;font-size:1rem;font-weight:600}.result-indicator{align-items:center;border-radius:1rem;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.result-indicator.correct{color:#059669}.result-indicator.incorrect{color:#dc2626}.question-content{padding:1.5rem}.question-content h3{color:#1a202c;font-size:1.1rem;font-weight:500;line-height:1.5;margin:0 0 1.5rem}.options-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem}.option.correct-answer{background-color:#c6f6d5;border-color:#68d391}.option.student-wrong{background-color:#fed7d7;border-color:#fc8181}.option.student-correct{background-color:#c6f6d5;border-color:#68d391;box-shadow:0 0 0 2px #38a169}.option-letter{color:#2d3748;font-weight:600;margin-right:.75rem;min-width:1.5rem}.option-text{color:#4a5568}.answer-summary{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.answer-row{color:#4a5568;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.answer-row:last-child{margin-bottom:0}.answer-row strong{color:#2d3748;margin-right:.5rem}.explanation{background-color:#edf2f7;border-left:4px solid #4299e1;border-radius:0 .375rem .375rem 0;margin-bottom:1rem;padding:1rem}.explanation h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.explanation p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.learning-objectives{background-color:#f0fff4;border-left:4px solid #38a169;border-radius:0 .375rem .375rem 0;padding:1rem}.learning-objectives h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.learning-objectives p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.recommendations{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.recommendations h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.recommendation-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.recommendation-card:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000001a}.recommendation-card h3{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.recommendation-card p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.primary-button,.secondary-button{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-weight:600;min-width:160px;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:all .2s ease}.primary-button{background-color:#4299e1;color:#fff}.primary-button:hover{background-color:#3182ce}.secondary-button{background-color:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.secondary-button:hover{background-color:#edf2f7;border-color:#cbd5e0}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-state h2{color:#2d3748;margin-bottom:1rem}.error-state p{color:#718096;margin-bottom:2rem}.back-button{background-color:#4299e1;border-radius:.375rem;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background-color:#3182ce}@media (max-width:768px){.results-content{padding:1rem}.score-summary{flex-direction:column;gap:1rem;text-align:center}.score-circle{height:100px;width:100px}.score-percentage{font-size:1.75rem}.recommendation-cards,.topic-grid{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.primary-button,.secondary-button{max-width:300px;width:100%}.question-header{align-items:flex-start;flex-direction:column;gap:.5rem}.question-content{padding:1rem}.options-grid{gap:.5rem}.option{padding:.5rem .75rem}.answer-summary,.explanation,.learning-objectives{padding:.75rem}}.modal-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;display:flex;flex-direction:column;overflow:hidden}.modal-bottom-sheet{animation:slideUp .3s ease-out;border-radius:20px 20px 0 0;max-width:100%;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-drag-handle{cursor:grab;display:flex;justify-content:center;padding:12px 0 8px}.drag-bar{background:#d1d5db;border-radius:2px;height:4px;width:40px}.modal-centered{animation:scaleIn .2s ease-out;border-radius:16px;margin:auto;max-width:500px;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-centered .modal-drag-handle{display:none}.modal-side-panel{animation:slideInRight .3s ease-out;border-radius:0;height:100%;max-height:100vh;max-width:90%;position:absolute;right:0;width:400px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.modal-side-panel .modal-drag-handle{display:none}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.modal-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}@media (min-width:641px){.modal-overlay{align-items:center}.modal-bottom-sheet{animation:scaleIn .2s ease-out;border-radius:16px;max-width:600px;width:90%}.modal-bottom-sheet .modal-drag-handle{display:none}.modal-header{padding:16px 20px}.modal-title{font-size:1.2rem}.modal-body{padding:20px}.modal-side-panel{max-height:100vh;width:450px}}@media (max-width:640px){.modal-header{padding:8px 16px 12px}.modal-title{font-size:1rem}.modal-close-btn{font-size:.9rem;height:28px;width:28px}.modal-body{padding:12px 16px 20px}.modal-side-panel{animation:slideUp .3s ease-out;border-radius:20px 20px 0 0;height:auto;max-height:85vh;max-width:100%;position:relative;right:auto;width:100%}.modal-side-panel .modal-drag-handle{display:flex}}.chat-mcq{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin:8px 0;max-width:100%;padding:16px}.chat-mcq-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mcq-badge{border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.mcq-badge.topic{background:#ecfccb;border:1px solid #a3e635;color:#4a7c10}.mcq-badge.difficulty{background:#f1f5f9;color:#64748b}.mcq-badge.difficulty.easy{background:#dcfce7;color:#16a34a}.mcq-badge.difficulty.medium{background:#fef3c7;color:#d97706}.mcq-badge.difficulty.hard{background:#fee2e2;color:#dc2626}.chat-mcq-question{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.5;margin:0 0 16px}.chat-mcq-options{display:flex;flex-direction:column;gap:8px}.chat-mcq-option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease}.chat-mcq-option:hover:not(:disabled){background:#f7fee7;border-color:#a3e635}.chat-mcq-option.selected{background:#ecfccb;border-color:#4a7c10}.chat-mcq-option.correct{background:#dcfce7;border-color:#16a34a}.chat-mcq-option.incorrect{background:#fee2e2;border-color:#dc2626}.chat-mcq-option:disabled{cursor:default}.option-label{align-items:center;background:#e2e8f0;border-radius:50%;color:#475569;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.chat-mcq-option.selected .option-label{background:#4a7c10;color:#fff}.chat-mcq-option.correct .option-label{background:#16a34a;color:#fff}.chat-mcq-option.incorrect .option-label{background:#dc2626;color:#fff}.option-text{flex:1 1;line-height:1.4}.option-icon{flex-shrink:0;font-size:1.1rem}.correct-icon{color:#16a34a}.incorrect-icon{color:#dc2626}.chat-mcq-submit{background:#4a7c10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.chat-mcq-submit:hover:not(:disabled){background:#5a9412}.chat-mcq-submit:disabled{cursor:not-allowed;opacity:.5}.chat-mcq-result{border-radius:12px;margin-top:16px;padding:14px}.chat-mcq-result.correct{background:#dcfce7;border:1px solid #86efac}.chat-mcq-result.incorrect{background:#fef3c7;border:1px solid #fde68a}.result-header{margin-bottom:8px}.result-icon{font-size:1.2rem}.result-text{font-size:.95rem;font-weight:700}.chat-mcq-result.correct .result-text{color:#16a34a}.chat-mcq-result.incorrect .result-text{color:#d97706}.result-explanation{margin:8px 0 0}.result-follow-ups{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chat-flashcard-wrapper{margin:8px 0;max-width:100%}.flashcard-header{margin-bottom:8px}.flashcard-badge{background:#ecfccb;border:1px solid #a3e635;border-radius:12px;color:#4a7c10;display:inline-flex;font-size:.7rem;font-weight:600;padding:4px 10px}.chat-flashcard{cursor:pointer;height:180px;perspective:1000px}.flashcard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.chat-flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,#ecfccb,#d9f99d);border:2px solid #a3e635}.flashcard-back{background:linear-gradient(135deg,#4a7c10,#65a30d);border:2px solid #3f6212;color:#fff;transform:rotateY(180deg)}.flashcard-content{align-items:center;display:flex;flex:1 1;justify-content:center;text-align:center}.flashcard-text{font-size:1rem;font-weight:600;line-height:1.5;margin:0}.flashcard-front .flashcard-text{color:#1e293b}.flashcard-back .flashcard-text{color:#fff}.flashcard-footer{align-items:center;display:flex;flex-direction:column;gap:8px}.hint-btn{background:#fff;border:1px solid #a3e635;border-radius:16px;color:#4a7c10;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.hint-btn:hover{background:#f7fee7}.flip-instruction{font-size:.7rem;opacity:.7}.flashcard-front .flip-instruction{color:#4a7c10}.flashcard-back .flip-instruction{color:#fffc}.flashcard-actions{flex-wrap:wrap;gap:6px;margin-top:12px}.chat-true-false{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin:8px 0;max-width:100%;padding:16px}.tf-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tf-badge{background:#ecfccb;border:1px solid #a3e635;border-radius:12px;color:#4a7c10}.tf-badge,.tf-type-badge{display:inline-flex;font-size:.7rem;font-weight:600;padding:4px 10px}.tf-type-badge{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:12px;color:#0284c7}.tf-statement{background:#f8fafc;border-radius:10px;color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.5;margin:0 0 16px;padding:12px}.tf-option.selected:not(.correct):not(.incorrect){transform:scale(1.02)}.tf-option.true .tf-icon{color:#22c55e}.tf-option.false .tf-icon{color:#ef4444}.tf-option:disabled{cursor:default}.tf-icon{font-size:1.5rem}.tf-label{font-size:.9rem}.tf-result-icon{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.tf-loading{color:#64748b;font-size:.85rem;padding:12px;text-align:center}.tf-result{border-radius:12px;margin-top:16px;padding:14px}.tf-result.correct{background:#dcfce7;border:1px solid #86efac}.tf-result.incorrect{background:#fef3c7;border:1px solid #fde68a}.tf-result .result-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tf-result.correct .result-text{color:#16a34a}.tf-result.incorrect .result-text{color:#d97706}.tf-result .result-explanation{color:#475569;font-size:.85rem;line-height:1.5;margin:8px 0 0}.tf-result .result-follow-ups{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.follow-up-chip{font-size:.75rem;padding:6px 12px}.follow-up-chip:hover{background:#d9f99d;border-color:#84cc16;transform:translateY(-1px)}@media (max-width:640px){.chat-mcq,.chat-true-false{padding:12px}.chat-mcq-question,.tf-statement{font-size:.9rem}.chat-mcq-option{font-size:.85rem;padding:10px 12px}.option-label{font-size:.75rem;height:24px;width:24px}.chat-flashcard{height:160px}.flashcard-text{font-size:.9rem}.tf-option{padding:12px}.tf-icon{font-size:1.2rem}.tf-label{font-size:.85rem}}.ai-help-panel{margin-top:12px;position:relative}.ai-toggle-btn{align-items:center;background:#4a7c10;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.ai-toggle-btn:hover{background:#5a9412}.ai-modal-content{display:flex;flex-direction:column;height:100%;max-height:70vh;min-height:400px}.ai-modal-header{align-items:center;border-bottom:1px solid #84cc1633;display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:12px}.ai-header-left{align-items:center;display:flex;gap:12px}.ai-icon{filter:drop-shadow(0 2px 4px rgba(132,204,22,.3));font-size:2rem}.ai-modal-header h3{color:#84cc16;font-size:1.1rem;font-weight:800;margin:0}.ai-subtitle{color:#65a30d;font-size:.8rem;font-weight:500;margin:2px 0 0}.ai-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ai-close-btn:hover{background:#e2e8f0;color:#1e293b}.ai-mode-selector{align-items:center;border-bottom:1px solid #84cc1626;display:flex;gap:10px;margin-top:8px;padding:10px 0}.mode-label{color:#9ca3af;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.mode-options{display:flex;flex-wrap:wrap;gap:6px}.mode-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;color:#64748b;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.mode-btn:hover{background:#ecfccb;border-color:#a3e635;color:#4a7c10}.mode-btn.active{background:#4a7c10;border-color:#4a7c10;color:#fff}.mode-icon{font-size:.85rem}.mode-name{font-size:.7rem}@media (max-width:640px){.ai-mode-selector{align-items:flex-start;flex-direction:column;gap:6px}.mode-options{width:100%}.mode-btn{font-size:.7rem;padding:5px 8px}.mode-icon{font-size:.8rem}.mode-name{font-size:.65rem}}.ai-usage-bar{align-items:center;background:#4a7c1026;border-radius:8px;color:#84cc16;display:flex;font-size:.75rem;font-weight:500;gap:12px;justify-content:space-between;margin-top:8px;padding:8px 12px}.ai-usage-bar.warning{background:#f59e0b26;color:#fbbf24}.usage-progress{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;max-width:100px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#84cc16,#65a30d);border-radius:2px;height:100%;transition:width .3s ease}.ai-usage-bar.warning .usage-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.ai-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;margin-top:8px;padding:10px 12px}.ai-error-banner button{background:none;border:none;color:#f87171;cursor:pointer;font-size:1rem;opacity:.7;padding:0}.ai-error-banner button:hover{opacity:1}.quick-questions-modal{border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:12px 0}.quick-chip{align-items:center;background:#ecfccb;border:1.5px solid #a3e635;border-radius:20px;color:#4a7c10;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.quick-chip:hover:not(:disabled){background:#d9f99d;border-color:#84cc16}.quick-chip:disabled{cursor:not-allowed;opacity:.5}.chat-history{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 0}.chat-empty{color:#64748b;padding:40px 20px;text-align:center}.chat-empty p{font-size:.95rem;line-height:1.5;margin:0}.chat-message{align-items:flex-start;animation:fadeInUp .3s ease;display:flex;gap:8px}.chat-message.user{flex-direction:row-reverse}.chat-avatar{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;width:28px}.chat-bubble{border-radius:16px;font-size:.9rem;line-height:1.5;max-width:80%;padding:10px 14px;white-space:pre-wrap}.chat-message.ai .chat-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-bottom-left-radius:4px;color:#1e293b}.chat-message.user .chat-bubble{background:#4a7c10;border-bottom-right-radius:4px;color:#fff}.chat-content{display:flex;flex-direction:column;gap:8px;max-width:80%}.follow-up-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.follow-up-chip{align-items:center;background:#ecfccb;border:1px solid #a3e635;border-radius:14px;color:#4a7c10;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;padding:5px 10px;transition:all .2s ease}.follow-up-chip:hover:not(:disabled){background:#d9f99d;border-color:#84cc16;transform:translateY(-1px)}.follow-up-chip:disabled{cursor:not-allowed;opacity:.5}.chat-bubble.loading{padding:14px 20px}.loading-dots{display:flex;gap:6px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#4a7c10;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{background:#0000;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;padding-top:12px}.chat-input-area textarea{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f;color:#1e293b;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:120px;min-height:60px;padding:14px 18px;resize:none;transition:all .2s ease}.chat-input-area textarea:focus{background:#fff;border-color:#4a7c10;box-shadow:0 0 0 3px #4a7c101a;outline:none}.chat-input-area textarea::placeholder{color:#94a3b8;font-weight:500}.send-btn{align-items:center;background:#4a7c10;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-btn:hover:not(:disabled){background:#5a9412}.send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.ai-help-panel{margin-top:8px}.ai-toggle-btn{border-radius:20px;font-size:.85rem;padding:8px 16px}.ai-modal-content{max-height:75vh;min-height:350px}.ai-modal-header h3{font-size:1rem}.ai-icon{font-size:1.6rem}.quick-chip{font-size:.75rem;padding:6px 12px}.chat-bubble{font-size:.85rem;max-width:85%;padding:8px 12px}.chat-avatar{font-size:.9rem;height:24px;width:24px}.chat-input-area textarea{font-size:.95rem;min-height:54px;padding:12px 14px}.send-btn{font-size:1rem;height:40px;width:40px}}@media (min-width:641px){.ai-modal-content{min-height:450px}.chat-history{padding:20px 0}.chat-bubble{max-width:70%}}.toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;z-index:9999}.toast-container.toast-bottom{align-items:center;bottom:80px;left:50%;transform:translateX(-50%)}.toast-container.toast-top{align-items:center;left:50%;top:60px;transform:translateX(-50%)}.toast-container.toast-bottom-right{align-items:flex-end;bottom:20px;right:20px}.toast-container.toast-top-right{align-items:flex-end;right:20px;top:20px}.toast{align-items:center;animation:toastSlideIn .3s ease-out;border-radius:12px;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;max-width:90vw;padding:12px 20px;pointer-events:auto}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-message{line-height:1.3}.toast-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.toast-info{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.toast-tip{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1f2937}.toast-achievement{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;font-weight:600}.toast-encourage{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1f2937}@media (min-width:641px){.toast-container.toast-bottom,.toast-container.toast-top{align-items:flex-end;left:auto;right:24px;transform:none}.toast-container.toast-bottom{bottom:24px}.toast-container.toast-top{top:24px}.toast{border-radius:10px;font-size:1rem;max-width:400px;padding:14px 24px}}@media (max-width:640px){.toast-container.toast-bottom{bottom:70px;padding:0 16px;width:100%}.toast{border-radius:10px;font-size:.9rem;justify-content:center;padding:10px 16px;width:100%}.toast-icon{font-size:1.1rem}}.micro-learning-modules{margin:0 auto;max-width:1200px;padding:20px}.micro-learning-modules h1{color:var(--text-primary);margin-bottom:30px;text-align:center}.no-modules{color:var(--text-muted);font-style:italic;padding:60px 20px;text-align:center}.loading{color:var(--primary);font-size:18px;padding:40px}.error,.loading{text-align:center}.error{background-color:var(--error);border-radius:var(--radius-md);color:#fff;margin-bottom:20px;padding:15px}.error-container{margin:40px auto;max-width:600px;padding:20px}.error-message{background:var(--bg-card);border-left:4px solid var(--warning);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:30px;text-align:center}.error-message h3{color:var(--warning);font-size:1.3rem;margin:0 0 15px}.error-message p{color:var(--text-secondary);line-height:1.5;margin:0 0 25px}.error-actions{display:flex;gap:15px;justify-content:center}.back-to-modules-btn{background:var(--text-muted);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background var(--transition-normal)}.back-to-modules-btn:hover{background:var(--text-secondary)}.modules-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.module-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:25px;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.module-card:hover{box-shadow:var(--shadow-lg)}.module-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:15px}.module-header h3{color:var(--text-primary);flex:1 1;font-size:18px;line-height:1.3;margin:0 10px 0 0}.difficulty{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.difficulty.easy{background-color:var(--success-bg);color:var(--success)}.difficulty.medium{background-color:var(--warning-bg);color:var(--warning)}.difficulty.hard{background-color:var(--error-bg);color:var(--error)}.module-description{color:var(--text-secondary);margin:15px 0}.module-meta{color:var(--text-muted);font-size:14px;margin:15px 0}.module-meta>div{margin:5px 0}.subject-topic{color:var(--text-primary);font-weight:500}.progress-summary{margin:15px 0}.progress-bar{background-color:var(--bg-muted);border-radius:2px;height:4px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:var(--primary);height:100%;transition:width .3s ease}.progress-text{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.progress-text .completion-check{color:var(--success);font-weight:600}.progress-text .score{color:var(--text-secondary)}.progress-fill.completed{background:var(--success)}.progress-summary.completed .progress-bar{background:var(--success-bg)}.status-badge{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px;position:absolute;right:12px;top:12px}.status-badge.completed{background:var(--success-bg);color:var(--success)}.status-badge.in-progress{background:var(--primary-light);color:var(--primary)}.status-badge .badge-icon{font-size:14px}.module-card{position:relative}.module-card.completed{background:linear-gradient(135deg,var(--bg-card) 0,#10b9810d 100%);border-color:var(--success)}.module-card.in-progress{border-color:var(--primary)}.module-card.recommended{border:2px solid var(--primary);box-shadow:0 4px 20px #3b82f626}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:30px 0 15px}.recommended-section{margin-bottom:30px}.recommended-section .section-title{margin-top:0}.recommended-module{max-width:500px}.recommended-module .module-card{background:linear-gradient(135deg,var(--bg-card) 0,#3b82f614 100%)}.completed-section{border-top:1px solid var(--border-default);margin-top:40px;padding-top:30px}.modules-grid.compact .module-card{padding:18px}.modules-grid.compact .module-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modules-grid.compact .module-meta{display:none}.all-modules-section{margin-top:30px}.start-module-btn{margin-top:15px;padding:12px;transition:all var(--transition-normal)}.start-module-btn:hover{transform:translateY(-1px)}.start-module-btn:disabled{transform:none}.start-module-btn.review{background:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-secondary)}.start-module-btn.review:hover{background:var(--bg-hover);color:var(--text-primary)}.start-module-btn.continue{background:var(--success)}.start-module-btn.continue:hover{background:#059669;background:var(--success-dark,#059669)}.module-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-label{color:var(--text-muted);font-size:14px;font-weight:500}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:var(--bg-card);border:1px solid var(--border-default);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{border-color:var(--primary)}.filter-chip.active,.start-btn{background:var(--primary);color:#fff}.start-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;margin-top:15px;padding:12px;transition:background var(--transition-normal);width:100%}.start-btn:hover{background:var(--primary-dark)}.start-btn:disabled{cursor:not-allowed;opacity:.6}.micro-learning-session{margin:0 auto;max-width:800px;padding:0}.micro-learning-session.embedded{padding:0}.session-controls{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;padding:10px 16px}.controls-left{display:flex;flex-shrink:0;gap:8px}.control-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .15s}.control-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.control-btn.restart{color:#4a7c10}.control-btn.restart:hover{background:#ecfccb;border-color:#a3e635}.control-btn.assessment{color:#7c3aed}.control-btn.assessment:hover{background:#f5f3ff;border-color:#a78bfa}.section-nav-bar{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;justify-content:center;padding:10px 16px}.section-nav-item{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:70px;padding:8px 16px;position:relative;transition:all .2s ease}.section-nav-item:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.section-nav-item.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f640}.section-nav-item.active .section-nav-label{color:#1e40af}.section-nav-item.disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.section-nav-item.completed{background:#f8fafc}.section-nav-check{align-items:center;background:#22c55e;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.section-nav-icon{font-size:18px}.section-nav-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.section-count-badge{background:#7c3aed26;border-radius:8px;color:#6d28d9;display:inline-block;font-size:9px;font-weight:700;margin-left:4px;padding:1px 5px;vertical-align:middle}.section-nav-item.active .section-count-badge{background:#ffffff4d;color:#1e40af}.section-nav-item.completed .section-count-badge{background:#22c55e26;color:#16a34a}.section-nav-item.more-quizzes-quick{background:linear-gradient(135deg,#7c3aed,#9333ea);border-color:#7c3aed;color:#fff}.section-nav-item.more-quizzes-quick .section-nav-label{color:#fff}.section-nav-item.more-quizzes-quick:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7e22ce);border-color:#6d28d9;box-shadow:0 2px 8px #7c3aed4d;transform:translateY(-1px)}@media (max-width:480px){.section-nav-bar{-webkit-overflow-scrolling:touch;gap:4px;justify-content:flex-start;overflow-x:auto;padding:8px}.section-nav-item{flex-shrink:0;min-width:auto;padding:6px 8px}.section-nav-icon{font-size:16px}.section-nav-label{font-size:9px;white-space:nowrap}}.review-mode-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #86efac;display:flex;gap:12px;padding:10px 16px}.review-badge{background:#16a34a;border-radius:4px;font-size:11px;padding:3px 8px}.review-stat{color:#166534;font-size:13px;font-weight:500}.review-stat .accuracy-pct{color:#4ade80;font-size:11px;margin-left:4px}.review-stat.time-stat{color:#15803d;opacity:.8}@media (max-width:480px){.review-mode-banner{flex-wrap:wrap;gap:8px;padding:8px 12px}.review-stat{font-size:12px}}.progress-inline{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:flex-end}.progress-step{color:#1e293b;font-size:13px;font-weight:600;white-space:nowrap}.progress-bar-inline{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:120px}.progress-fill-inline{background:var(--primary);border-radius:3px;height:100%;transition:width .3s ease}.module-title-banner{background:linear-gradient(135deg,#4a7c1014,#84cc160a);border-bottom:1px solid #4a7c1026;margin-bottom:0;padding:20px 16px;text-align:center}.module-title-text{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 6px}.module-subtitle-text{color:#64748b;font-size:.85rem;margin:0}.session-footer-compact{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:13px;font-weight:500;gap:20px;justify-content:center;padding:10px 16px}.score-display{color:#4a7c10}.time-display{color:#64748b}.previous-result{align-items:center;border-radius:14px;display:inline-flex;font-size:.72rem;font-weight:600;margin-bottom:8px;padding:4px 10px}.previous-result.fade-out{animation:fadeOutResult 3s ease-out forwards}@keyframes fadeOutResult{0%{opacity:1}70%{opacity:1}to{opacity:0}}.previous-result.correct{background:#dcfce7;color:#16a34a}.previous-result.incorrect{background:#e0f2fe;color:#0369a1}.component-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:12px;padding:20px}.component-container h2,.component-container h3,.component-container h4,.component-container p,.component-container strong{color:var(--text-primary)}.session-footer{align-items:center;background:var(--bg-muted);border-radius:6px;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:8px 12px}.micro-learning-session>.ai-help-panel{align-items:flex-start;display:flex;flex-direction:column;margin:8px 0 16px;padding:0 20px}.micro-learning-session>.ai-help-panel.open{align-items:stretch}.score{color:var(--text-primary)}.time{color:var(--text-muted)}.lesson-content h2{color:var(--text-primary);margin-bottom:20px}.content-markdown{color:var(--text-primary);line-height:1.6;margin-bottom:25px}.content-markdown h1,.content-markdown h2,.content-markdown h3{color:var(--text-primary);margin-bottom:15px;margin-top:25px}.content-markdown ol,.content-markdown p,.content-markdown ul{color:var(--text-primary);margin-bottom:15px}.content-markdown ol,.content-markdown ul{padding-left:25px}.key-concepts{background:var(--bg-muted);border-radius:var(--radius-md);margin:20px 0;padding:20px}.key-concepts h3{color:var(--text-primary);margin-top:0}.concept{border-bottom:1px solid var(--border-default);color:var(--text-primary);margin:10px 0;padding:8px 0}.concept:last-child{border-bottom:none}.summary-points{background:var(--info-bg);border-radius:var(--radius-md);margin:20px 0;padding:20px}.summary-points h3{color:var(--text-primary);margin-top:0}.summary-points ul{color:var(--text-primary);margin:0}.quiz-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quiz-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.72rem;font-weight:600;padding:4px 10px}.quiz-type-badge.practice{background:#ecfccb;border:1px solid #a3e635;color:#4a7c10}.quiz-type-badge.exam{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.quiz-type-badge.tf{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1}.quiz-type-badge:not(.practice):not(.exam):not(.tf){background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.quiz-difficulty-badge{border-radius:10px;display:inline-flex;font-size:.68rem;font-weight:600;padding:3px 8px}.quiz-difficulty-badge.easy{background:#dcfce7;color:#16a34a}.quiz-difficulty-badge.medium{background:#fef3c7;color:#d97706}.quiz-difficulty-badge.hard{background:#fee2e2;color:#dc2626}.quiz-topic-badge{background:#f1f5f9;border-radius:10px;color:#64748b;display:inline-flex;font-size:.68rem;font-weight:500;max-width:150px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.quiz-question h2{display:none}.question-text{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:12px}.options{display:flex;flex-direction:column;gap:8px;margin:16px 0}.option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease}.option:hover{background:#f7fee7;border-color:#a3e635}.option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.option span{color:#334155;flex:1 1;line-height:1.4}.option.correct-answer{background:#f9fafb;border-color:#10b981;border-left:4px solid #10b981}.option.correct-answer span{color:#1e293b}.option.incorrect-answer{background:#f9fafb;border-color:#9ca3af;border-left:4px solid #ef4444;opacity:.8}.option.incorrect-answer span{color:#6b7280}.quiz-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:16px}.result-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.result-badge{display:inline-block;font-size:.95rem;font-weight:600}.result-badge.correct{color:#059669}.result-badge.incorrect{color:#dc2626}.explanation-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.85rem;gap:4px;margin-bottom:8px;padding:8px 0}.explanation-toggle:hover{color:#374151}.correct-answer-info{color:#374151;margin-bottom:8px;padding:4px 0}.correct-answer-info strong{color:#059669}.result-explanation{color:#475569;font-size:.85rem;line-height:1.5;margin:0 0 12px}.result-triggers{display:flex;flex-wrap:wrap;gap:8px}.trigger-chip{align-items:center;background:#ffffffb3;border:1px solid #0000001a;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px}.trigger-chip:hover{background:#fff;border-color:#8b5cf6;color:#7c3aed}.trigger-chip .sparkle-icon{font-size:.9rem}.trigger-chip.small{border-radius:14px;font-size:.72rem;gap:4px;padding:5px 10px}.definition-triggers{border-top:1px dashed #00000014;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px}.content-triggers{background:#8b5cf60d;border:1px dashed #8b5cf633;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;padding:14px}.flashcard-triggers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.component-triggers{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.trigger-chip.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-color:#0000;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trap-triggers{background:#f59e0b14;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding:12px}.quiz-feedback{border-radius:var(--radius-md);margin:20px 0;padding:15px}.feedback.correct{background:#dcfce7;border:1px solid #86efac;color:#166534}.feedback.incorrect{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.true-false-question h2{display:none}.statement{background:#f8fafc;border-radius:10px;color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:12px;padding:10px}.tf-options{display:flex;gap:12px;margin:16px 0}.tf-option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:600;gap:6px;padding:16px;position:relative;transition:all .2s ease}.tf-option:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect){background:#f1f5f9;border-color:#cbd5e1}.tf-option:first-child span:first-child{color:#22c55e}.tf-option:last-child span:first-child{color:#ef4444}.tf-option.selected:not(.correct):not(.incorrect){background:#ecfccb;border-color:#84cc16;color:#4a7c10}.tf-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.tf-option:has(input[type=radio]:checked):not(.correct):not(.incorrect){background:#ecfccb;border-color:#84cc16;color:#4a7c10}.flashcard h2{color:var(--text-primary);margin-bottom:20px}.card{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:20px 0;padding:25px}.card-back,.card-front{margin-bottom:20px}.card-back:last-child,.card-front:last-child{margin-bottom:0}.card h3{color:var(--secondary);font-size:16px;margin:0 0 10px}.card p{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0}.memory-tip{background:var(--info-bg);border-radius:var(--radius-sm);font-style:italic;padding:12px}.self-assessment{margin:25px 0;text-align:center}.self-assessment p{color:var(--text-primary);font-weight:500;margin-bottom:15px}.assessment-options{display:flex;gap:15px;justify-content:center}.assessment-btn{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.assessment-btn.selected,.assessment-btn:hover{border-color:var(--secondary)}.assessment-btn.selected{background:var(--secondary);color:#fff}.continue-btn,.submit-btn{background:#4a7c10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.continue-btn:hover,.submit-btn:hover{background:#5a9412}.continue-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}.post-answer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.post-answer-actions .continue-btn{flex:1 1;margin-top:0;min-width:140px}.similar-question-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:15px 24px;transition:all .2s ease}.similar-question-btn:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.similar-question-btn:active{transform:translateY(0)}.similar-question-btn .sparkle-icon{font-size:16px}@media (max-width:640px){.continue-btn,.submit-btn{box-shadow:0 4px 12px #00000026;font-size:15px;margin-top:12px;padding:14px}.continue-btn,.post-answer-actions,.submit-btn{bottom:12px;position:-webkit-sticky;position:sticky;z-index:10}.post-answer-actions{flex-direction:column;gap:8px}.post-answer-actions .continue-btn{bottom:auto;position:relative}.similar-question-btn{font-size:14px;padding:12px;width:100%}}@media (max-width:768px){.micro-learning-modules{padding:12px}.modules-grid{gap:16px;grid-template-columns:1fr}.session-controls{gap:8px;padding:8px 12px}.control-btn{padding:5px 10px}.control-btn,.progress-step{font-size:12px}.progress-bar-inline{width:80px}.session-footer-compact{font-size:12px;gap:16px;padding:8px 12px}.assessment-options,.tf-options{flex-direction:row;gap:10px}.component-container{border-radius:0;margin:0;padding:16px}}.learning-modes{border-top:1px solid var(--border-default);margin-top:20px;padding-top:15px}.learning-modes h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.mode-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.mode-btn{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;text-align:center;transition:all var(--transition-normal)}.mode-btn:hover{background:var(--bg-hover);border-color:var(--secondary)}.mode-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.mode-btn.primary:hover{background:var(--primary-dark)}.mode-btn:disabled{cursor:not-allowed;opacity:.6}.card-container{height:200px;margin:16px 0;perspective:1000px}.card{background:none;border:none;cursor:pointer;height:100%;padding:0;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.card-container.flipped .card{transform:rotateY(180deg)}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;height:100%;justify-content:center;padding:20px;position:absolute;width:100%}.card-front{background:#ecfccb;border:2px solid #4a7c10;color:#1e293b}.card-back{background:#fef3c7;border:2px solid #ca8a04;color:#1e293b;transform:rotateY(180deg)}.card-content{text-align:center;width:100%}.card-content h3{color:var(--secondary);font-size:1rem;margin:0 0 12px}.card-content p{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4;margin:0 0 12px}.flip-hint{color:var(--text-muted);margin-top:20px}.flip-hint small{font-size:.9rem}.memory-tip{background:var(--bg-muted);border-left:3px solid var(--info);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;margin-top:15px;padding:15px}.flashcard-actions{display:flex;gap:15px;margin-top:25px}.flip-btn{background:var(--text-muted);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:12px}.flip-btn:hover{background:var(--text-secondary)}.assessment-btn.easy.selected{background:var(--success);border-color:var(--success);color:#fff}.assessment-btn.medium.selected{background:var(--warning);border-color:var(--warning);color:#fff}.assessment-btn.hard.selected{background:var(--error);border-color:var(--error);color:#fff}.ai-assistance{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:20px 0;padding:20px}.ai-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background var(--transition-normal)}.ai-btn:hover{background:var(--primary-dark)}.ai-panel{border-top:1px solid var(--border-default);margin-top:20px;padding-top:20px}.quick-questions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.quick-btn{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 15px;text-align:center;transition:all var(--transition-normal)}.quick-btn:hover{background:var(--bg-hover);border-color:var(--secondary)}.custom-question{display:flex;gap:10px;margin-bottom:20px}.custom-question input{border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:14px;padding:10px}.custom-question input:focus{border-color:var(--secondary);outline:none}.custom-question button{background:var(--secondary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.custom-question button:disabled{background:var(--text-muted);cursor:not-allowed}.ai-response{background:var(--bg-card);border:2px solid var(--secondary);border-radius:var(--radius-md);margin-top:15px;padding:20px}.ai-response h4{color:var(--secondary);font-size:1.1rem;margin:0 0 15px}.ai-response p{color:var(--text-primary);line-height:1.5;margin-bottom:10px}@media (max-width:768px){.mode-buttons{gap:6px;grid-template-columns:1fr 1fr}.mode-btn{font-size:12px;padding:6px 8px}.quick-questions{grid-template-columns:1fr}.custom-question,.flashcard-actions{flex-direction:column}.flashcard-actions{background:var(--bg-primary);bottom:12px;margin-top:16px;padding:12px 0;position:-webkit-sticky;position:sticky;z-index:10}.card-container{height:200px;margin:12px 0}.card-content p{font-size:1rem}.card-content h3{font-size:1.1rem;margin-bottom:12px}.flashcard h2{font-size:1rem;margin-bottom:8px}.flip-hint,.memory-tip{margin-top:8px}.memory-tip{font-size:.8rem;padding:8px}}@media (max-width:640px){.session-controls{margin-bottom:4px!important;padding:6px 12px!important}.control-btn{font-size:.75rem!important;padding:5px 8px!important}.progress-step{font-size:.7rem!important}.previous-result{font-size:.75rem!important;margin-bottom:4px!important;padding:4px 8px!important}.component-container{margin-bottom:6px!important;padding:10px!important}.component-container h2{font-size:.85rem!important;margin:0 0 6px!important;padding:0!important}.flashcard{padding:0!important}.flashcard h2{font-size:.9rem!important;margin:0 0 8px!important}.card-container{height:180px!important;margin:8px 0!important}.card-content{padding:12px!important}.card-content h3{font-size:.85rem!important;margin:0 0 6px!important}.card-content p{font-size:.95rem!important;line-height:1.3!important;margin:0!important}.flip-hint{margin-top:6px!important}.flip-hint small{font-size:.75rem!important}.memory-tip{font-size:.8rem!important;margin-top:6px!important;padding:6px 8px!important}.flashcard-actions{margin-top:10px!important;padding:0!important}.flashcard-actions .continue-btn{font-size:.9rem!important;padding:12px!important;width:100%!important}.true-false,.true-false-question{padding:0!important}.true-false h2,.true-false-question h2{font-size:.85rem!important;margin:0 0 6px!important}.tf-statement{font-size:.9rem!important;line-height:1.35!important;margin-bottom:8px!important;padding:8px 10px!important}.tf-options{gap:8px!important;margin-bottom:6px!important}.tf-option{border-radius:8px!important;min-height:40px!important;padding:8px 12px!important}.tf-option label{font-size:.9rem!important;padding:0!important}.tf-option input[type=radio]{height:16px!important;width:16px!important}.ai-help-panel{margin:6px 0!important}.ai-help-toggle{font-size:.8rem!important;padding:6px 10px!important}.session-footer-compact{font-size:.7rem!important;gap:10px!important;padding:5px 10px!important}.continue-btn,.submit-btn{font-size:.85rem!important;margin-top:6px!important;padding:10px!important}}.module-actions{border-top:1px solid var(--border-default);margin-top:20px;padding-top:15px}.start-module-btn{background:var(--primary);border-radius:var(--radius-md);font-size:1rem;padding:14px 20px;transition:all .2s ease}.start-module-btn:active,.start-module-btn:hover{background:var(--primary-dark)}.start-module-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.learning-modes,.mode-buttons{display:none}.component-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:8px;padding:6px 12px}.component-badge.high-yield{background:var(--warning-bg);border:1px solid var(--warning);color:#856404}.component-badge.definitions{background:var(--info-bg);border:1px solid var(--info);color:#0c5460}.component-badge.core{background:var(--success-bg);border:1px solid var(--success);color:#155724}.component-badge.trap{background:var(--error-bg);border:1px solid var(--error);color:#721c24}.component-badge.revision{background:#f3e8ff;border:1px solid #9b59b6;color:#6b21a8}.component-badge.practice{background:#f0fdf4;border:1px solid #4a7c10;color:#3d6a0d}.component-badge.tf{background:var(--bg-muted);border:1px solid var(--border-dark);color:var(--text-primary)}.component-badge.memory{background:var(--warning-bg);border:1px solid var(--warning);color:#856404}.component-badge.check{background:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-secondary)}.high-yield-badge{animation:pulse 2s infinite;background:var(--warning-bg);border:1px solid var(--warning);border-radius:12px;color:#856404;display:inline-block;font-size:12px;font-weight:600;margin-left:10px;padding:4px 10px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.grounding-note{align-items:center;background:var(--bg-muted);border-left:3px solid var(--secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin:15px 0;padding:10px 15px}.grounding-icon{font-size:16px}.exam-quick-facts{padding:5px 0}.exam-quick-facts h2{color:var(--text-primary);margin:0 0 15px}.quick-facts-toggle{align-items:center;background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-top:15px;padding:12px 16px;transition:all var(--transition-normal)}.quick-facts-toggle:hover{background:var(--bg-hover);border-color:var(--primary)}.quick-facts-toggle-text{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:8px}.quick-facts-toggle-icon{color:var(--text-muted);font-size:12px;transition:transform .3s ease}.quick-facts-toggle-icon.expanded{transform:rotate(180deg)}.toggle-label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:8px}.toggle-icon{font-size:16px}.toggle-chevron{color:var(--text-muted);font-size:12px;transition:transform .3s ease}.toggle-chevron.expanded{transform:rotate(180deg)}.quick-facts-content{max-height:0;overflow:hidden;padding:0 8px;transition:max-height .3s ease-out}.quick-facts-content.expanded{max-height:2000px;padding-top:15px;transition:max-height .5s ease-in}.difficulty-trend,.exam-stat,.question-types,.tested-subtopics{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--text-primary);margin-bottom:10px;padding:12px 15px}.difficulty-trend strong,.exam-stat strong,.question-types strong,.tested-subtopics strong{color:var(--text-primary)}.question-types ul,.tested-subtopics ul{color:var(--text-secondary);margin:8px 0 0;padding-left:20px}.question-types li,.tested-subtopics li{color:var(--text-secondary);margin-bottom:4px}.facts-list{margin:20px 0}.fact-item{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--text-primary);margin-bottom:10px;padding:12px;transition:transform var(--transition-normal)}.fact-item:hover{background:var(--info-bg);transform:translateX(5px)}.fact-bullet{font-size:18px}.fact-text{color:var(--text-primary);flex:1 1;line-height:1.5}.exam-tip{background:var(--warning-bg);border-left:4px solid var(--warning);border-radius:var(--radius-md);color:#856404;margin:20px 0;padding:15px}.key-definitions{padding:5px 0}.key-definitions h2{color:var(--text-primary);margin:0 0 15px}.definitions-list{margin:15px 0}.definition-item{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #4a7c10;margin-bottom:12px;padding:16px}.definition-item .term{color:#1e293b;font-size:.9rem;font-weight:700;margin-bottom:4px}.definition-item .meaning{color:#475569;font-size:.85rem;line-height:1.5;margin:0}.definition-item .example{border-top:1px solid #e2e8f0;color:#64748b;font-size:.9rem;font-style:italic;margin-top:10px;padding-top:10px}.definition-item.priority-high{border-left-color:#dc2626}.definition-item.priority-medium{border-left-color:#4a7c10}.definition-item.priority-low{border-left-color:#9ca3af}.term-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.priority-badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.priority-badge.priority-high{background:#fee2e2;color:#dc2626}.priority-badge.priority-medium{background:#ecfccb;color:#4a7c10}.priority-badge.priority-low{background:#f1f5f9;color:#64748b}.definition-item .exam-tip{background:#fef3c7;border-radius:6px;color:#b45309;font-size:.85rem;margin-top:12px;padding:10px 12px}.definition-item .exam-tip .tip-icon{margin-right:6px}.definition-item .exam-relevance{color:var(--text-muted);font-size:13px;margin-top:8px}.definition-item .related-terms{color:var(--text-light);font-size:13px;margin-top:8px}.definition-item .context{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:8px}.explain-more-btn{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#059669;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:12px;padding:8px 14px;transition:all .2s ease}.explain-more-btn:hover{background:#ecfdf5;border-color:#059669}.explain-more-btn.expanded{background:#059669;border-color:#059669;color:#fff}.detailed-explanation{animation:slideDown .3s ease;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:8px;margin-top:12px;padding:16px}.detailed-explanation p{color:#1e293b;font-size:.9rem;line-height:1.6;margin:0 0 10px}.detailed-explanation p:last-child{margin-bottom:0}.detailed-explanation strong{color:#047857}.detailed-explanation h4{color:#047857;font-size:.95rem;margin:16px 0 8px}.detailed-explanation ul{margin:8px 0;padding-left:20px}.detailed-explanation li{color:#374151;font-size:.88rem;margin-bottom:6px}.definition-item.expanded{border-left-color:#059669;border-left-width:5px}.eslce-intel{padding:5px 0}.eslce-intel h2{color:var(--text-primary);font-size:1.2rem;margin:0 0 20px}.component-badge.intel{background:linear-gradient(135deg,#059669,#047857);color:#fff}.intel-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:18px}.intel-section h3{align-items:center;color:#1e293b;display:flex;font-size:1rem;gap:8px;margin:0 0 12px}.tips-section{border-left:4px solid #fbbf24}.quick-tips-list{margin:0;padding-left:20px}.quick-tip-item{color:#475569;font-size:.9rem;line-height:1.6;margin-bottom:10px}.quick-tip-item:last-child{margin-bottom:0}.frequency-section{border-left:4px solid #3b82f6}.frequency-stats{display:flex;flex-wrap:wrap;gap:24px}.stat-value{color:#3b82f6;font-size:1.8rem;font-weight:700}.stat-label{font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.traps-section{border-left:4px solid #9ca3af}.traps-list{display:flex;flex-direction:column;gap:12px}.trap-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.trap-header{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.trap-icon{font-size:1rem}.trap-header strong{color:#374151;font-size:.9rem}.trap-why{color:#6b7280;font-size:.85rem;font-style:italic;margin-bottom:10px}.trap-why em{color:#6b7280;font-style:normal;font-weight:500}.trap-correct{background:#f3f4f6;border-left:3px solid #10b981;border-radius:6px;margin-bottom:8px;padding:10px 12px}.trap-correct .correct-icon{margin-right:6px}.trap-correct strong{color:#374151;font-size:.85rem}.trap-correct{color:#475569;font-size:.88rem;line-height:1.5}.trap-tip{background:#f9fafb;border-left:3px solid #fbbf24;border-radius:4px;color:#6b7280;font-size:.85rem;margin-top:8px;padding:8px 10px}.intel-triggers{margin-top:16px}.assessment-set{padding:5px 0}.component-badge.assessment{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.assessment-progress{align-items:center;background:#f5f3ff;border-radius:8px;display:flex;justify-content:space-between;margin:16px 0;padding:12px}.question-counter{color:#6d28d9;font-size:.9rem;font-weight:600}.progress-dots{display:flex;gap:8px}.progress-dots .dot{background:#e2e8f0;border-radius:50%;height:12px;transition:all .2s ease;width:12px}.progress-dots .dot.current{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;transform:scale(1.2)}.progress-dots .dot.answered{background:#8b5cf6}.progress-dots .dot.correct{background:#22c55e!important}.progress-dots .dot.incorrect{background:#ef4444!important}.progress-dots .dot.unanswered{background:#d1d5db;border:1px dashed #9ca3af}.retake-quiz-btn{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#16a34a;cursor:pointer;font-size:13px;font-weight:500;margin-left:auto;padding:6px 12px;transition:all .2s ease}.retake-quiz-btn:hover{background:#dcfce7;border-color:#22c55e}.assessment-set.review-mode .score-summary-top{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.assessment-set.complete .assessment-summary{padding:40px 20px;text-align:center}.score-display-large{align-items:baseline;display:flex;gap:8px;justify-content:center;margin:24px 0}.score-display-large .score-value{color:#22c55e;font-size:4rem;font-weight:700}.score-display-large .score-divider{color:#9ca3af;font-size:2rem}.score-display-large .score-total{color:#6b7280;font-size:2rem;font-weight:600}.score-message{color:#475569;font-size:1.2rem;margin:0}.assessment-set h2{color:var(--text-primary);font-size:1.1rem;margin:0 0 12px}.assessment-questions{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:0;margin:12px 0;overflow:hidden}.assessment-question{border-bottom:1px solid #e2e8f0;padding:16px;transition:background .2s ease}.assessment-question:last-child{border-bottom:none}.assessment-question .question-text{color:#1e293b;font-size:.95rem;line-height:1.5;margin-bottom:10px}.assessment-question .question-text .q-num{color:#6b7280;font-weight:700}.assessment-question .options.compact{display:flex;flex-direction:column;gap:6px;margin-left:4px}.assessment-question .options.compact .option{border-radius:6px;font-size:.88rem;padding:8px 12px}.assessment-question .question-result{border-radius:6px;font-size:.85rem;margin-top:10px;padding:8px 12px}.question-result.correct{background:#dcfce7;border-left:3px solid #22c55e}.question-result.incorrect{background:#fee2e2;border-left:3px solid #ef4444}.question-result .result-indicator{display:block;font-weight:600;margin-bottom:4px}.question-result.correct .result-indicator{color:#166534}.question-result.incorrect .result-indicator{color:#dc2626}.question-result .result-explanation{color:#475569;font-size:.8rem;line-height:1.4;margin:0}.question-result-minimal{align-items:center;background:#f9fafb;border-radius:6px;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;margin-top:12px;padding:10px 12px}.question-result-minimal.correct{border-left:3px solid #10b981}.question-result-minimal.incorrect{border-left:3px solid #ef4444}.question-result-minimal .result-indicator{font-size:.9rem;font-weight:600}.question-result-minimal .result-indicator.correct{color:#059669}.question-result-minimal .result-indicator.incorrect{color:#dc2626}.question-result-minimal .result-explanation{background:#f8fafc;border-left:3px solid #94a3b8;border-radius:6px;color:#475569;font-size:.8rem;line-height:1.5;margin:8px 0 0;padding:10px 12px;width:100%}.score-summary-top{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:14px 16px}.score-summary-top .score-value{color:#1f2937;font-size:1.4rem;font-weight:700}.score-summary-top .score-message{color:#6b7280;font-size:.95rem}.score-summary-bottom{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.score-summary-bottom .score-display{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.score-summary-bottom .score-label{color:#374151;font-size:1rem;font-weight:500}.score-summary-bottom .score-value-large{color:#166534;font-size:1.8rem;font-weight:700}.score-summary-bottom .score-percentage{color:#16a34a;font-size:1rem;font-weight:600}.score-summary-bottom .score-feedback{color:#374151;font-size:.95rem;line-height:1.4;margin-top:12px}.submit-assessment-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:14px 20px;transition:all .2s ease;width:100%}.submit-assessment-btn:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.submit-assessment-btn:not(:disabled):hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.submit-assessment-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.assessment-complete{margin-top:16px;padding:16px;text-align:center}.quiz-actions{display:flex;gap:12px;justify-content:center}.quiz-actions .continue-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.quiz-actions .continue-btn.secondary:hover{background:#e5e7eb}.quiz-actions .finish-btn.primary{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.quiz-actions .finish-btn.primary:hover{background:#059669}.quiz-actions .finish-btn.secondary{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.quiz-actions .finish-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.more-practice-btn.secondary{background:#0000;border:1px solid #a7f3d0;border-radius:8px;color:#059669;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.more-practice-btn.secondary:hover:not(:disabled){background:#ecfdf5;border-color:#34d399}.more-quiz-btn.secondary{background:#0000;border:1px solid #c4b5fd;border-radius:8px;color:#7c3aed;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.more-quiz-btn.secondary:hover:not(:disabled){background:#f5f3ff;border-color:#8b5cf6}.quiz-shortcut-btn.secondary{background:#0000;border:1px solid #c4b5fd;border-radius:8px;color:#7c3aed;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;transition:all .2s ease}.quiz-shortcut-btn.secondary:hover:not(:disabled){background:#f5f3ff;border-color:#8b5cf6}.quiz-actions .continue-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.quiz-actions .continue-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.score-summary{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.score-summary .score-label{color:#6b7280;font-size:.9rem}.score-summary .score-value{color:#7c3aed;font-size:2.5rem;font-weight:700}.score-summary .score-message{color:#475569;font-size:1.1rem}.core-content{padding:5px 0}.core-content h2{color:var(--text-primary);margin:0 0 15px}.key-points{background:var(--success-bg);border-radius:var(--radius-md);margin:20px 0;padding:20px}.key-points h3{color:var(--success);margin:0 0 15px}.key-points ul{color:var(--text-primary);margin:0;padding-left:20px}.key-points li{color:var(--text-primary);line-height:1.4;margin-bottom:8px}.exam-trap{padding:5px 0}.exam-trap h2{color:#1e293b;margin:0 0 15px}.trap-content{margin:15px 0}.trap-warning{align-items:center;color:#dc2626;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.warning-icon{font-size:20px}.trap-description{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;color:#1e293b;margin-bottom:16px;padding:16px}.trap-description p{line-height:1.6;margin:0}.correct-approach{background:#ecfccb;border:1px solid #bef264;border-left:4px solid #4a7c10;border-radius:8px;color:#1e293b;margin-bottom:12px;padding:16px}.correct-icon{font-size:18px}.why-fall{color:#64748b;font-size:.9rem;margin-bottom:12px;padding:12px 0}.why-fall strong{color:#1e293b}.correct-understanding{background:#ecfccb;border:1px solid #bef264;border-left:4px solid #4a7c10;border-radius:8px;color:#1e293b;margin-bottom:12px;padding:16px}.correct-understanding p{line-height:1.6;margin:8px 0 0}.frequency-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:4px 12px}.frequency-very-common{background:#fef2f2;border:1px solid var(--error);color:#dc2626}.frequency-common{background:var(--warning-bg);border:1px solid var(--warning);color:#856404}.frequency-occasional{background:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-secondary)}.example-answers{display:flex;flex-direction:column;gap:12px;margin-top:15px}.example-wrong{background:var(--warning-bg);border-left:4px solid var(--error);color:#856404}.example-right,.example-wrong{border-radius:var(--radius-md);padding:12px 15px}.example-right{background:var(--success-bg);border-left:4px solid var(--success);color:#155724}.right-icon,.wrong-icon{font-size:16px;margin-right:8px}.quick-revision{padding:5px 0}.quick-revision h2{color:var(--text-primary);margin:0 0 15px}.revision-content{margin:20px 0}.summary-section{background:#f3e8ff;border-radius:var(--radius-md);color:var(--text-primary);margin-bottom:15px;padding:20px}.revision-points{list-style:none;margin:0;padding:0}.revision-points li{background:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:8px;padding:12px 15px 12px 35px;position:relative}.revision-points li:before{color:var(--secondary);content:"✓";font-weight:700;left:12px;position:absolute}.quiz-question.real-exam{border:2px solid var(--warning);border-radius:var(--radius-lg);padding:5px}.quiz-question.practice{border:2px solid var(--secondary);border-radius:var(--radius-lg);padding:5px}.exam-badge{background:var(--warning-bg);border:1px solid var(--warning);border-radius:20px;color:#856404;display:inline-block;font-size:14px;font-weight:600;margin-bottom:15px;padding:8px 15px}.true-false-question.enhanced{padding:5px 0}.true-false-question.enhanced .tf-option{align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:10px;padding:18px 30px}.true-false-question.enhanced .tf-option.correct{background:var(--success-bg);border-color:var(--success);color:#155724}.true-false-question.enhanced .tf-option.incorrect{background:var(--error-bg);border-color:var(--error);color:#721c24}.mnemonic{padding:5px 0}.mnemonic h2{color:var(--text-primary);margin:0 0 15px}.mnemonic-content{margin:20px 0}.mnemonic-phrase{align-items:center;background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-lg);display:flex;gap:15px;margin-bottom:20px;padding:20px}.mnemonic-icon{font-size:28px}.mnemonic-phrase strong{color:var(--text-primary);font-size:20px}.mnemonic-breakdown{background:var(--bg-muted);border-radius:var(--radius-md);margin-bottom:15px;padding:20px}.mnemonic-breakdown h4{color:var(--text-primary);margin:0 0 15px}.mnemonic-breakdown ul{list-style:none;margin:0;padding:0}.mnemonic-breakdown li{border-bottom:1px solid var(--border-default);color:var(--text-primary);padding:8px 0}.mnemonic-breakdown li:last-child{border-bottom:none}.usage-tip{background:var(--info-bg);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;padding:15px}.mnemonic-type-badge{background:#f3e8ff;border:1px solid #9b59b6;border-radius:12px;color:#6b21a8;display:inline-block;font-size:11px;font-weight:600;margin-left:10px;padding:4px 10px;text-transform:uppercase}.mnemonic-concept{background:var(--bg-muted);border-left:4px solid var(--secondary);border-radius:var(--radius-md);margin-bottom:15px;padding:15px}.mnemonic-concept strong{color:var(--text-primary);display:block;margin-bottom:5px}.mnemonic-concept p{color:var(--text-secondary);margin:8px 0 0}.mnemonic-explanation{background:var(--bg-muted);border-radius:var(--radius-md);margin-bottom:15px;padding:15px}.mnemonic-explanation strong{color:var(--text-primary);display:block;margin-bottom:5px}.mnemonic-explanation p{color:var(--text-secondary);line-height:1.5;margin:8px 0 0}.when-to-use{background:var(--success-bg);border-left:3px solid var(--secondary);border-radius:var(--radius-md);font-size:14px;margin-bottom:15px;padding:12px 15px}.when-to-use,.when-to-use strong{color:#155724}.ethiopia-context{background:var(--warning-bg);border:2px solid #009639;border-radius:var(--radius-md);color:#856404;font-size:14px;margin-top:15px;padding:12px 15px}.ethiopia-icon{margin-right:8px}.self-check{padding:5px 0}.self-check h2{color:var(--text-primary);margin-bottom:15px}.self-check-content{margin:20px 0}.expected-knowledge{background:var(--info-bg);border-left:3px solid var(--info);border-radius:var(--radius-md);margin-top:15px;padding:15px}.expected-knowledge strong{color:var(--text-primary);display:block;margin-bottom:8px}.expected-knowledge p{color:var(--text-secondary);margin:0}.check-question{background:var(--bg-muted);color:var(--text-primary);font-size:16px;line-height:1.5;margin-bottom:15px;padding:20px}.check-hint,.check-question{border-radius:var(--radius-md)}.check-hint{background:var(--warning-bg);border-left:3px solid var(--warning);color:#856404;font-size:14px;padding:12px 15px}.self-check-options{margin:25px 0;text-align:center}.self-check-options p{color:var(--text-primary);font-weight:500;margin-bottom:15px}.check-buttons{display:flex;gap:12px;justify-content:center}.check-btn{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;padding:15px 25px;transition:all var(--transition-normal)}.check-btn:hover:not(:disabled){border-color:var(--secondary);transform:translateY(-2px)}.check-btn.yes.selected{background:var(--success);border-color:var(--success);color:#fff}.check-btn.no.selected{background:var(--warning);border-color:var(--warning);color:#fff}.check-btn:disabled{cursor:not-allowed;opacity:.7}.need-help-message{background:var(--info-bg);border-radius:var(--radius-md);color:#0c5460;margin:15px 0;padding:15px;text-align:center}.unknown-component{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:#721c24;padding:20px;text-align:center}.difficulty-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:10px;padding:4px 12px}.difficulty-badge.easy{background:var(--success-bg);color:#155724}.difficulty-badge.medium{background:var(--warning-bg);color:#856404}.difficulty-badge.hard{background:var(--error-bg);color:#721c24}.check-answer-btn{font-size:.9rem;padding:12px}.check-answer-btn:hover:not(:disabled){background:#5a9412}.check-answer-btn:disabled{cursor:not-allowed;opacity:.5}.option.selected{background:#ecfccb;border-color:#4a7c10}.option.selected span{color:#3f6212;font-weight:600}.answer-change-hint{background:var(--info-bg);border-radius:var(--radius-sm);color:var(--info);font-size:13px;font-weight:500;margin:10px 0;padding:8px 12px;text-align:center}.tf-option.selected{transform:scale(1.02)}.tf-option.correct{background:#dcfce7!important;border-color:#16a34a!important}.tf-option.incorrect{background:#fee2e2!important;border-color:#dc2626!important;opacity:.8}@media (max-width:640px){.check-answer-btn{bottom:12px;box-shadow:0 -4px 12px #0000001a,0 4px 12px #1e84494d;font-size:14px;margin-top:12px;padding:12px;position:-webkit-sticky;position:sticky;z-index:10}.answer-change-hint{font-size:12px;padding:6px 10px}}.topic-covered{background:var(--info-bg);border-radius:var(--radius-sm);color:#0c5460;font-size:13px;margin-bottom:15px;padding:8px 12px}.topic-covered .topic-label{font-weight:600;margin-right:5px}@media (max-width:768px){.mnemonic-phrase{flex-direction:column;text-align:center}.mnemonic-phrase strong{font-size:18px}.check-buttons{flex-direction:row;gap:10px}.check-btn{flex:1 1;font-size:14px;padding:12px 15px}.fact-item{padding:10px}.definition-item{padding:12px}.difficulty-badge{font-size:11px;padding:3px 8px}}.review-mode-container{background:#f8fafc;margin:0 auto;max-width:700px;min-height:100vh;padding:20px}.review-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.review-header .back-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .2s}.review-header .back-btn:hover{background:#f1f5f9;color:#1f2937}.review-title{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.review-badge{background:linear-gradient(135deg,#4a7c10,#65a30d);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.review-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-bottom:20px;padding:6px}.review-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s}.review-tab:hover{background:#f1f5f9;color:#1f2937}.review-tab.active{background:#4a7c10;color:#fff}.review-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden}.review-summary{padding:24px}.performance-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.performance-card h3{color:#166534;font-size:1rem;margin:0 0 16px}.score-circle{align-items:center;display:flex;flex-direction:column;margin-bottom:16px}.score-circle .score-value{color:#166534;font-size:2.5rem;font-weight:700}.score-circle .score-label{color:#16a34a;font-size:.9rem}.accuracy-bar{background:#d1fae5;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.accuracy-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;height:100%;transition:width .5s ease}.accuracy-text{color:#16a34a;font-size:.9rem;font-weight:600}.stats-grid{grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-item{background:#f8fafc;border-radius:12px;padding:16px}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-value{color:#1f2937;font-size:1.1rem;font-weight:600}.stat-label{color:#64748b;font-size:.75rem;margin-top:4px}.objectives-card{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:16px}.objectives-card h4{color:#1f2937;font-size:.95rem;margin:0 0 12px}.objectives-card ul{margin:0;padding-left:20px}.objectives-card li{color:#64748b;font-size:.9rem;line-height:1.6;margin-bottom:6px}.review-actions{display:flex;gap:12px}.action-btn{border-radius:10px;flex:1 1;font-size:1rem;padding:14px 20px}.action-btn.primary{background:linear-gradient(135deg,#4a7c10,#65a30d);color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #4a7c104d;transform:translateY(-2px)}.action-btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn.large{font-size:1.1rem;padding:16px 24px}.review-lesson{padding:24px}.lesson-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.lesson-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#1f2937;font-size:1.1rem;margin:0 0 16px}.lesson-markdown{color:#374151;line-height:1.7}.lesson-markdown h1,.lesson-markdown h2,.lesson-markdown h3{color:#1f2937;margin-top:20px}.lesson-markdown p{margin-bottom:12px}.definitions-list{display:flex;flex-direction:column;gap:12px}.definition-item{background:#f8fafc;border-left:3px solid #4a7c10;border-radius:8px;padding:12px 16px}.definition-item strong{color:#1f2937}.exam-intel-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.exam-intel-section h4{color:#1f2937;margin:0 0 16px}.exam-tips ul{margin:8px 0 0;padding-left:20px}.exam-tips li{color:#64748b;line-height:1.5;margin-bottom:8px}.review-quiz-results{padding:24px}.results-summary{margin-bottom:24px;text-align:center}.summary-badge{border-radius:20px;display:inline-block;font-size:1rem;font-weight:600;padding:10px 24px}.summary-badge.good{background:#dcfce7;color:#166534}.summary-badge.needs-work{background:#fef3c7;color:#92400e}.quiz-questions-list{display:flex;flex-direction:column;gap:16px}.quiz-result-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.quiz-result-item.correct{border-left:4px solid #22c55e}.quiz-result-item.incorrect{border-left:4px solid #ef4444}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-num{color:#64748b;font-size:.9rem;font-weight:600}.result-icon{align-items:center;border-radius:50%;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.result-icon.correct{background:#dcfce7;color:#16a34a}.result-icon.incorrect{background:#fee2e2;color:#dc2626}.question-text{color:#1f2937;font-size:1rem;line-height:1.5;margin:0 0 16px}.answers-comparison{display:flex;flex-direction:column;gap:8px}.answer-row{border-radius:8px;display:flex;gap:12px;padding:10px 14px}.answer-row.correct{background:#dcfce7}.answer-row.incorrect{background:#fee2e2}.answer-label{color:#64748b;font-size:.85rem;min-width:100px}.answer-value{color:#1f2937;font-weight:600}.explanation-section{margin-top:12px}.explanation-section .explanation-toggle{background:none;border:none;color:#4a7c10;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 0}.explanation-section .explanation-toggle:hover{color:#3d6a0d}.explanation-text{background:#f1f5f9;border-radius:8px;color:#475569;line-height:1.6;margin:12px 0 0;padding:12px 16px}.no-quiz-data{color:#64748b;padding:40px 20px;text-align:center}.no-quiz-data p{margin-bottom:20px}.quiz-actions-bottom{display:flex;justify-content:center;margin-top:24px}@media (max-width:600px){.review-mode-container{padding:16px}.review-header{flex-wrap:wrap}.review-title{flex-basis:100%;font-size:1.1rem;margin-top:8px;order:3}.review-badge{font-size:.7rem;padding:4px 10px}.stats-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.stat-item{padding:12px 8px}.stat-value{font-size:.95rem}.stat-label{font-size:.7rem}.review-actions{flex-direction:column}.action-btn{width:100%}}.review-summary-banner{align-items:center;background:linear-gradient(135deg,#4a7c10,#65a30d);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.review-summary-banner .summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.review-summary-banner .review-label{font-size:.85rem;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.review-summary-banner .summary-score{font-size:.95rem;font-weight:500}.review-summary-banner .retake-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .2s}.review-summary-banner .retake-btn:hover{background:#ffffff4d}.review-summary-banner .dismiss-summary{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;opacity:.7;padding:4px 8px}.review-summary-banner .dismiss-summary:hover{opacity:1}.review-nav-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;padding:12px}.review-nav-bar .nav-dot{background:#f3f4f6;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s;width:12px}.review-nav-bar .nav-dot.active{border-color:#4a7c10;transform:scale(1.3)}.review-nav-bar .nav-dot.viewed{background:#4a7c10;border-color:#4a7c10}.review-nav-bar .nav-dot.correct{background:#22c55e;border-color:#22c55e}.review-nav-bar .nav-dot.incorrect{background:#ef4444;border-color:#ef4444}.review-component-wrapper{padding:0}.session-footer.review-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin-top:20px;padding:16px}.session-footer.review-footer .nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.session-footer.review-footer .nav-btn.next,.session-footer.review-footer .nav-btn.prev{background:#f1f5f9;color:#475569}.session-footer.review-footer .nav-btn.next:hover,.session-footer.review-footer .nav-btn.prev:hover{background:#e2e8f0}.session-footer.review-footer .nav-btn.exit{background:#4a7c10;color:#fff}.session-footer.review-footer .nav-btn.exit:hover{background:#3d6a0d}.session-footer.review-footer .nav-btn:disabled{cursor:not-allowed;opacity:.4}.mcq-component.reviewed .option{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:12px 16px}.mcq-component.reviewed .option.correct-answer{background:#dcfce7;border-color:#86efac}.mcq-component.reviewed .option.incorrect-answer{background:#fee2e2;border-color:#fca5a5}.mcq-component.reviewed .correct-indicator{color:#16a34a;font-weight:700;margin-left:auto}.mcq-component.reviewed .incorrect-indicator{color:#dc2626;font-weight:700;margin-left:auto}.mcq-component.reviewed .explanation-box{background:#f1f5f9;border-radius:8px;color:#475569;line-height:1.5;margin-top:16px;padding:14px}.definition-card{background:#f8fafc;border-left:3px solid #4a7c10;border-radius:8px;margin-bottom:10px;padding:14px}.definition-card .term{color:#1f2937;font-weight:600;margin-bottom:4px}.definition-card .definition{color:#64748b;font-size:.95rem}.exam-tips-section h4{color:#1f2937;margin:0 0 12px}.exam-tips-section ul{margin:0;padding-left:20px}.exam-tips-section li{color:#64748b;line-height:1.5;margin-bottom:8px}@media (max-width:600px){.review-summary-banner{flex-direction:column;gap:10px;text-align:center}.review-summary-banner .summary-content{justify-content:center}.review-summary-banner .dismiss-summary{position:absolute;right:8px;top:8px}.session-footer.review-footer{flex-wrap:wrap}.session-footer.review-footer .nav-btn.exit{margin-bottom:8px;order:-1;width:100%}}.past-esslce-quiz{margin:0 auto;max-width:800px;width:100%}.quiz-filters{display:flex;gap:12px;margin-bottom:16px}.quiz-filters .filter-group{flex:0 0 auto;max-width:200px;min-width:120px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.9rem;padding:10px 32px 10px 12px;transition:border-color .2s,box-shadow .2s}.filter-group select:hover{border-color:#94a3b8}.filter-group select:focus{border-color:#4a7c10;box-shadow:0 0 0 3px #4a7c101a;outline:none}.past-esslce-quiz.empty,.past-esslce-quiz.loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:16px}.empty-icon{font-size:4rem}.past-esslce-quiz.empty h3{color:#1e293b;margin-bottom:12px}.past-esslce-quiz.empty p{color:#64748b;margin-bottom:8px}.past-esslce-quiz.empty .hint{color:#94a3b8;font-size:.9rem;font-style:italic}.question-grid-nav{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;padding:10px 12px}.grid-nav-header{display:none}.grid-nav-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:1.1rem;font-weight:600;height:32px;transition:all .2s;width:32px}.grid-nav-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.grid-nav-btn:disabled{cursor:not-allowed;opacity:.3}.grid-nav-label{color:#94a3b8;font-size:.75rem;font-weight:500;white-space:nowrap}.question-grid{display:flex;gap:4px}.grid-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:600;height:32px;transition:all .2s ease;width:32px}.grid-item:hover{background:#f1f5f9;border-color:#94a3b8}.grid-item.current{background:#4a7c10;border-color:#4a7c10;color:#fff}.grid-item.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.grid-item.incorrect{background:#fef3c7;border-color:#f59e0b;color:#92400e}.grid-score{border-left:1px solid #e2e8f0;color:#166534;font-size:.75rem;font-weight:500;padding-left:8px;white-space:nowrap}.question-card-esslce{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:20px}.question-header-esslce{align-items:center;display:flex;gap:8px;margin-bottom:12px}.eslce-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 8px}.question-number{color:#94a3b8;font-size:.8rem;font-weight:500}.question-text-esslce{color:#1e293b;font-size:1rem;font-weight:500;line-height:1.6;margin-bottom:20px}.options-esslce{display:flex;flex-direction:column;gap:10px}.option-esslce{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;text-align:left;transition:all .2s ease;width:100%}.option-esslce:hover:not(:disabled){background:#f1f5f9;border-color:#64748b}.option-esslce:disabled{cursor:not-allowed}.option-esslce.selected{background:#eff6ff;border-color:#3b82f6}.option-esslce.selected .option-label-esslce{background:#3b82f6;color:#fff}.option-esslce.correct{background:#dcfce7;border-color:#16a34a}.option-esslce.incorrect{background:#fef3c7;border-color:#f59e0b}.option-esslce.correct-answer{background:#dcfce7;border-color:#16a34a}.option-label-esslce{align-items:center;background:#e2e8f0;border-radius:6px;color:#64748b;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:28px;justify-content:center;min-width:28px}.option-esslce.correct .option-label-esslce,.option-esslce.correct-answer .option-label-esslce{background:#16a34a;color:#fff}.option-esslce.incorrect .option-label-esslce{background:#f59e0b;color:#fff}.option-text-esslce{color:#1e293b;flex:1 1;font-size:.95rem;line-height:1.4}.option-esslce.correct .option-text-esslce{color:#166534}.option-esslce.incorrect .option-text-esslce{color:#92400e}.check-icon,.x-icon{font-size:1.1rem;font-weight:700;margin-left:auto}.check-icon{color:#16a34a}.x-icon{color:#f59e0b}.check-answer-btn{background:#4a7c10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:14px 20px;transition:all .2s ease;width:100%}.check-answer-btn:hover{background:#5a9412;box-shadow:0 4px 12px #4a7c104d;transform:translateY(-1px)}.check-answer-btn:active{transform:translateY(0)}.explanation-box{animation:slideDown .3s ease;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-box.correct{background:#dcfce7;border-color:#86efac}.explanation-box.incorrect{background:#fef3c7;border-color:#fde68a}.explanation-header{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:8px}.explanation-header .icon{font-size:1.2rem}.explanation-box.correct .explanation-header{color:#16a34a}.explanation-box.incorrect .explanation-header{color:#d97706}.show-explanation-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 0;transition:color .2s}.show-explanation-toggle:hover{color:#475569}.explanation-content{border-top:1px solid #00000014;color:#475569;font-size:.9rem;line-height:1.6;margin-top:8px;padding-top:10px}.correct-answer-info{background:#16a34a1a;border:1px solid #16a34a33;border-radius:8px;color:#15803d;font-size:.9rem;margin-bottom:10px;padding:10px 12px}.correct-answer-info strong{color:#166534}.explanation-text{font-size:.9rem;line-height:1.5;margin-top:8px}.explanation-text strong{color:#475569;display:block;font-size:.85rem;margin-bottom:4px}.topic-info{color:#64748b;font-size:.85rem;margin-top:10px;padding-top:10px}.result-triggers,.topic-info{border-top:1px solid #00000014}.result-triggers{margin-top:12px;padding-top:12px}.triggers-label{display:none}.trigger-chips{display:flex;flex-wrap:wrap;gap:8px}.trigger-chip{background:#f1f5f9;border:none;border-radius:20px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.trigger-chip:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.trigger-chip.clarify{background:#3b82f626;color:#2563eb}.trigger-chip.clarify:hover{background:#3b82f640}.trigger-chip.connect{background:#8b5cf626;color:#7c3aed}.trigger-chip.connect:hover{background:#8b5cf640}.trigger-chip.practice{background:#4a7c1026;color:#4a7c10}.trigger-chip.practice:hover{background:#4a7c1040}.trigger-chip.deepen{background:#ea580c26;color:#c2410c}.trigger-chip.deepen:hover{background:#ea580c40}.trigger-chip.trap{background:#ef444426;color:#dc2626}.trigger-chip.trap:hover{background:#ef444440}.quiz-navigation{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.nav-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .2s ease}.nav-btn.primary{background:#4a7c10;color:#fff}.nav-btn.primary:hover:not(:disabled){background:#5a9412}.nav-btn.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.nav-btn.secondary:hover:not(:disabled){background:#e2e8f0}.nav-btn.skip{background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b}.nav-btn.skip:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.final-score{animation:fadeIn .5s ease;background:#4a7c10;border-radius:12px;color:#fff;padding:24px;text-align:center}.final-score h3{font-size:1.3rem;margin:0 0 16px}.score-display{margin-bottom:8px}.score-num{font-size:2.5rem;font-weight:700}.score-total{font-size:1.3rem;opacity:.9}.score-percentage{font-size:1rem;margin:0;opacity:.9}@media (max-width:640px){.quiz-filters{gap:8px;grid-template-columns:1fr 1fr}.filter-group select{font-size:.85rem;padding:8px 10px}.progress-header{align-items:flex-start;flex-direction:column;gap:6px}.question-card-esslce{border-radius:10px;padding:14px}.question-text-esslce{font-size:.95rem}.option-esslce{padding:12px}.option-text-esslce{font-size:.9rem}.quiz-navigation{gap:8px}.nav-btn{font-size:.85rem;padding:10px 12px}.score-num{font-size:2rem}}.micro-learning-page{background:#f8fafc;color:#1e293b;display:flex;flex-direction:column;min-height:100vh;position:relative}.micro-learning-page:before{background:radial-gradient(ellipse at top center,#4a7c100d 0,#0000 50%),radial-gradient(ellipse at bottom right,#4a7c1008 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.page-main{flex:1 1;margin:0 auto;max-width:1100px;padding:24px;position:relative;width:100%;z-index:1}.micro-learning-page .page-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#1a1f2e,#1a1f2e 4px,#fffffffa 0);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:14px 0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.micro-learning-page .header-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1100px;padding:0 20px}.micro-learning-page .back-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s;white-space:nowrap}.micro-learning-page .back-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.micro-learning-page .page-header.minimal{background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 0}.micro-learning-page .page-header.minimal .header-content{justify-content:space-between;position:relative}.micro-learning-page .page-header.minimal .back-button{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;font-weight:400;height:44px;justify-content:center;padding:0;width:44px}.micro-learning-page .page-header.minimal .brand-logo{left:50%;position:absolute;transform:translateX(-50%)}.micro-learning-page .page-header.minimal .brand-icon{font-size:1.6rem}.micro-learning-page .page-header.minimal .brand-name{font-size:1.3rem}.micro-learning-page .header-spacer{flex-shrink:0;width:44px}.page-title-section{padding:16px 16px 12px;text-align:center}.page-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.page-subtitle{color:#64748b;font-size:.8rem;margin:0}.mode-selector-section{padding:8px 16px 16px}.mode-selector-prominent{display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:500px}.mode-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px;text-align:center;transition:all .2s ease}.mode-button:hover{border-color:#4a7c10;box-shadow:0 4px 12px #4a7c101a;transform:translateY(-2px)}.mode-button.active{background:linear-gradient(135deg,#4a7c10,#65a30d);border-color:#4a7c10;box-shadow:0 4px 16px #4a7c1040;color:#fff}.mode-icon{font-size:1.8rem}.mode-label{font-size:1rem;font-weight:600}.mode-button:not(.active) .mode-label{color:#1e293b}.mode-desc{font-size:.7rem;opacity:.8}.mode-button:not(.active) .mode-desc{color:#64748b}.micro-learning-page .brand-logo{align-items:center;cursor:pointer;display:flex;gap:10px;transition:opacity .2s ease}.micro-learning-page .brand-logo:hover{opacity:.8}.micro-learning-page .brand-icon{font-size:1.8rem}.micro-learning-page .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a7c10,#65a30d);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.micro-learning-page .brand-amharic{color:#4a7c1099;font-size:1rem;font-weight:600;margin-left:4px}.micro-learning-page .header-text{flex:1 1;min-width:0;overflow:hidden}.micro-learning-page .header-text h1{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micro-learning-page .header-text p{color:#64748b;font-size:.8rem;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micro-learning-page .header-tagline{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.module-meta-header{color:#64748b!important;font-size:.85rem;margin:4px 0 0}.filters-section-compact{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px;padding:20px}.filters-grid-enhanced{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input-compact,.filter-select-compact{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.95rem;padding:12px 14px;transition:all .2s}.filter-input-compact:focus,.filter-select-compact:focus{background:#fff;border-color:#4a7c10;box-shadow:0 0 0 3px #4a7c101a;outline:none}.filter-select-compact option{background:#fff;color:#1e293b}.study-mode-tabs{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.mode-tab{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s}.mode-tab:hover{background:#fff;color:#1e293b}.mode-tab:focus{outline:none}.mode-tab.active,.mode-tab.active:active,.mode-tab.active:focus{background:#4a7c10!important;color:#fff!important}.modules-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:24px}.modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.modules-grid{grid-template-columns:repeat(3,1fr)}}.module-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.module-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.module-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.module-topic-badge{background:#4a7c1033;color:#84cc16}.module-difficulty-badge,.module-topic-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:5px 12px}.module-title{color:#1e293b;font-size:1.05rem;font-weight:600;line-height:1.4;margin:0}.module-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.module-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{color:#94a3b8;font-size:.8rem}.start-module-btn{background:#4a7c10;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:8px;padding:12px 18px;transition:all .2s;width:100%}.start-module-btn:hover{background:#3d6a0d}.module-card.completed{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#86efac}.module-card.in_progress{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#93c5fd}.status-badge{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.in-progress{background:#dbeafe;color:#1e40af}.progress-bar-container{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:3px;height:100%;transition:width .3s ease}.start-module-btn.completed{background:#f0fdf4;border:1px solid #86efac;color:#166534}.start-module-btn.completed:hover{background:#dcfce7}.start-module-btn.in_progress{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.start-module-btn.in_progress:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.progress-summary-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.summary-stats{display:flex;gap:24px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-item .stat-number{font-size:1.5rem;font-weight:700;line-height:1}.stat-item .stat-label{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.stat-item.completed .stat-number{color:#16a34a}.stat-item.in-progress .stat-number{color:#2563eb}.stat-item.remaining .stat-number{color:#64748b}.overall-progress{align-items:center;display:flex;flex:1 1;gap:12px;max-width:200px}.progress-bar-full{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill-full{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;height:100%;transition:width .3s ease}.overall-progress .progress-text{color:#16a34a;font-size:.8rem;font-weight:600;white-space:nowrap}.modules-section-group{margin-bottom:24px}.modules-section-group.priority{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #93c5fd;border-radius:12px;margin-bottom:24px;padding:16px}.modules-section-group.achievements{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;border-radius:12px;padding:16px}.section-header{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.section-icon{font-size:1.1rem}.section-count{background:#0000000d;border-radius:12px;color:#64748b;font-size:.8rem;font-weight:500;margin-left:auto;padding:4px 10px}.show-more-btn{background:#0000;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;display:block;font-size:.85rem;font-weight:500;margin-top:12px;padding:10px 16px;transition:all .2s;width:100%}.show-more-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#475569}.micro-learning-page.in-session .page-main{max-width:900px;padding:20px}.module-session{background:#0000;border-radius:16px;overflow:hidden}.welcome-message{padding:50px 20px;text-align:center}.welcome-icon{font-size:3rem;margin-bottom:20px}.welcome-message h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 10px}.welcome-message p{color:#64748b;font-size:.95rem;margin:0 0 24px}.features-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:600px}.feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.9rem;font-weight:500;padding:14px 18px;transition:all .2s}.feature-item:hover{background:#fff;border-color:#cbd5e1}@media (min-width:640px){.features-preview{grid-template-columns:repeat(4,1fr);max-width:100%}}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4a7c10;height:44px;margin-bottom:20px;width:44px}.loading-state p{color:#64748b;font-size:.95rem}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:3.5rem;margin-bottom:20px}.empty-state h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 10px}.empty-state p{color:#64748b;line-height:1.6;margin:0 auto;max-width:320px}.lesson-mode-selector{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.lesson-mode-selector label{color:#64748b;font-size:.85rem;font-weight:600}.mode-select-inline{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.85rem;padding:10px 14px}@media (min-width:768px){.micro-learning-page .page-header{padding:16px 0}.micro-learning-page .header-content{gap:24px}.micro-learning-page .brand-icon{font-size:2rem}.micro-learning-page .brand-name{font-size:1.5rem}.micro-learning-page .header-text h1{font-size:1.3rem}.micro-learning-page .header-text p{font-size:.95rem}.micro-learning-page .header-tagline{font-size:1.5rem}}@media (min-width:1200px){.micro-learning-page .brand-icon{font-size:2rem}.micro-learning-page .brand-name{font-size:1.5rem}}@media (max-width:640px){.page-main{padding:16px}.micro-learning-page .page-header{padding:12px 0}.header-content{gap:12px}.micro-learning-page .header-text h1{font-size:1rem!important;line-height:1.3;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.micro-learning-page .header-text p{font-size:.8rem!important;overflow:visible!important;white-space:normal!important}.micro-learning-page .header-text{overflow:visible}.back-button{font-size:.85rem!important;padding:8px 12px!important}.filters-section-compact{border-radius:12px;margin-bottom:16px;padding:16px}.filters-grid-enhanced{gap:12px}.modules-section{border-radius:12px;padding:18px}.module-card{border-radius:12px;padding:16px}.welcome-message{padding:32px 16px}.welcome-icon{font-size:2.5rem}.welcome-message h3{font-size:1.3rem}.features-preview{gap:10px;grid-template-columns:1fr 1fr}.feature-item{font-size:.8rem;padding:12px 14px}}.micro-learning-page.option-a,.micro-learning-page.option-b,.micro-learning-page.option-c{background:#f8fafc}body:has(.about-page){background:#0a0a0a!important}.about-page{background:#0a0a0a;color:#ffffffd9;min-height:100vh}.about-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.about-header .back-button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:8px 12px}.about-header .back-button:hover{color:#fff}.about-header .brand-logo{align-items:center;cursor:pointer;display:flex;gap:8px}.about-header .brand-icon{font-size:1.5rem}.about-header .brand-name{color:#84cc16;font-size:1.2rem;font-weight:700}.about-content{margin:0 auto;max-width:600px;padding:40px 20px 60px}.founder-story{margin-bottom:48px}.founder-story h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 24px}.founder-story p{color:#ffffffbf;font-size:.95rem;line-height:1.7;margin:0 0 16px}.founder-story blockquote{background:#84cc160d;border-left:3px solid #84cc16;border-radius:0 12px 12px 0;color:#84cc16;font-size:1.05rem;font-style:italic;line-height:1.6;margin:24px 0;padding:16px 24px}.founder-story .amharic-quote{display:block;font-size:1rem;font-style:normal;margin-top:10px;opacity:.8}.founder-story .stats-highlight{background:#ef444414;border-left:3px solid #ef4444;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.founder-story .stats-highlight p{color:#ffffffd9;margin:0}.founder-story .stats-highlight strong{color:#ef4444;font-weight:700}.founder-story .closing{color:#84cc16;font-style:italic;font-weight:600;margin-top:24px}.founder-story .signature{color:#ffffff80;font-size:.9rem;margin-top:24px}.founder-story .signature a{color:#84cc16;text-decoration:none;transition:color .2s}.founder-story .signature a:hover{color:#22c55e;text-decoration:underline}.mission{border-top:1px solid #ffffff1a;margin-bottom:40px;padding-top:32px}.mission h2{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 16px}.mission .mission-text{color:#84cc16;font-size:1rem;font-weight:600;margin-bottom:12px}.mission p{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0 0 12px}.company{border-top:1px solid #ffffff1a;margin-bottom:40px;padding-top:32px}.company h2{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 16px}.company p{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0 0 12px}.cta{padding:32px 0;text-align:center}.cta-button{background:linear-gradient(135deg,#84cc16,#22c55e);border:none;border-radius:24px;color:#0a0a0a;cursor:pointer;font-size:.95rem;font-weight:700;max-width:280px;padding:14px 32px;width:100%}.cta-button:active{transform:scale(.98)}.about-footer{border-top:1px solid #ffffff1a;padding:32px 0;text-align:center}.footer-links{margin-bottom:16px}.footer-links button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.85rem}.footer-links button:hover{color:#84cc16}.about-footer .copyright{color:#ffffff4d;font-size:.8rem;margin:0}.landing-page{background:#f0fdf4;min-height:100vh;overflow-x:hidden}.landing-nav{justify-content:space-between;left:0;padding:20px 24px;position:absolute;right:0;top:0;z-index:100}.landing-nav,.nav-brand{align-items:center;display:flex}.nav-brand{gap:8px}.nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.nav-name{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.nav-links{display:flex;gap:8px}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.nav-link:hover{background:#ffffff40;transform:translateY(-1px)}.nav-link.login-link{background:#fff;border:none;color:#059669}.nav-link.login-link:hover{background:#ecfdf5}.hero-section{align-items:center;background:linear-gradient(135deg,#059669,#0d9488 40%,#0891b2);display:flex;min-height:100vh;overflow:hidden;padding:100px 24px 60px;position:relative}.hero-section:before{background:radial-gradient(circle at 20% 80%,#84cc1626 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{flex:1 1;margin:0 auto;max-width:600px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-title{align-items:center;display:flex;gap:16px;justify-content:center;margin:0 0 16px}.title-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:4rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-text{color:#fff;font-size:4rem;font-weight:800;letter-spacing:-.03em;text-shadow:0 4px 20px #00000026}.title-amharic{align-self:flex-end;color:#ffffff80;font-size:1.8rem;font-weight:600;margin-bottom:8px;margin-left:12px}.hero-tagline{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 8px}.hero-subtitle{color:#ffffffd9;font-size:1.1rem;font-style:italic;margin:0 0 32px}.hero-cta{align-items:center;display:flex;flex-direction:column;gap:12px}.cta-primary{background:linear-gradient(135deg,#84cc16,#65a30d);border:none;border-radius:30px;box-shadow:0 4px 20px #65a30d66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;max-width:280px;padding:16px 40px;transition:all .3s ease;width:100%}.cta-primary:hover{box-shadow:0 8px 30px #65a30d80;transform:translateY(-3px)}.cta-primary.large{font-size:1.2rem;padding:18px 48px}.cta-secondary{background:#0000;border:2px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:280px;padding:14px 32px;transition:all .2s;width:100%}.cta-secondary:hover{background:#ffffff1a;border-color:#fff9}.hero-stats-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-top:40px;padding:20px}.stat-rotating{align-items:center;animation:fadeInUp .5s ease;display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-rotating .stat-number{color:#fff;font-size:2.5rem;font-weight:800}.stat-rotating .stat-label{color:#ffffffd9;font-size:.9rem}.hero-visual{display:none}.crisis-section{background:#fff;padding:80px 24px}.crisis-content{margin:0 auto;max-width:900px;text-align:center}.crisis-section h2{color:#065f46;font-size:2rem;font-weight:700;margin:0 0 16px}.crisis-intro{color:#374151;font-size:1.1rem;line-height:1.7;margin:0 auto 40px;max-width:600px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.stat-card{background:#f0fdf4;border:2px solid #d1fae5;border-radius:16px;padding:24px 16px;text-align:center}.stat-card.urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.stat-card.urgent .stat-number{color:#dc2626}.stat-card .stat-number{color:#059669;font-size:2.2rem;font-weight:800;margin-bottom:4px}.stat-card .stat-label{color:#6b7280;font-size:.85rem;line-height:1.4}.crisis-callout{color:#065f46;font-size:1.3rem}.solution-section{background:linear-gradient(180deg,#f0fdf4,#ecfdf5);padding:80px 24px}.solution-content{margin:0 auto;max-width:900px;text-align:center}.solution-section h2{color:#065f46;font-size:2rem;font-weight:700;margin:0 0 12px}.solution-intro{color:#374151;font-size:1.1rem;margin:0 0 40px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.feature-card{background:#fff;border:1px solid #d1fae5;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:28px 24px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 12px 30px #0596691a;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature-card h3{color:#065f46;font-size:1.2rem;font-weight:700;margin:0 0 8px}.feature-card p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.why-section{background:#fff;padding:80px 24px}.why-content{align-items:center;display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:900px}.why-visual{text-align:center}.lemon-large{filter:drop-shadow(0 8px 20px rgba(101,163,13,.3));font-size:6rem;margin-bottom:8px}.amharic-large{color:#059669;font-size:3rem;font-weight:700}.why-text{text-align:center}.why-text h2{color:#065f46;font-size:2rem;font-weight:700;margin:0 0 16px}.why-text p{color:#374151;font-size:1.05rem;line-height:1.7;margin:0 0 24px}.why-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.why-list li{align-items:center;color:#374151;display:flex;font-size:1rem;gap:12px}.why-list li span:first-child{font-size:1.5rem}.story-section{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;padding:80px 24px}.story-content{margin:0 auto;max-width:700px;text-align:center}.story-section h2{font-size:2rem;font-weight:700;margin:0 0 32px}.story-section blockquote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:1.1rem;font-style:italic;line-height:1.7;margin:0 0 24px;padding:28px}.story-section p{font-size:1.1rem;line-height:1.7;margin:0 0 16px}.mission-box{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;color:#065f46;font-size:1.2rem;font-weight:700;margin-top:32px;padding:24px 32px}.final-cta-section{background:#f0fdf4;padding:80px 24px;text-align:center}.cta-content h2{color:#065f46;font-size:2rem;font-weight:700;margin:0 0 12px}.cta-content p{color:#6b7280;font-size:1.1rem;margin:0 0 32px}.landing-footer{background:#065f46;color:#fff;padding:60px 24px 40px}.footer-content{margin:0 auto;max-width:600px;text-align:center}.footer-brand{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.footer-icon{font-size:2rem}.footer-name{font-size:1.5rem;font-weight:800}.footer-tagline{font-size:.9rem;margin-left:8px;opacity:.7}.footer-mission{font-size:1rem;font-style:italic;margin:0 0 24px;opacity:.85}.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.footer-links a,.footer-links button{background:none;border:none;color:#fff;cursor:pointer;font-size:.95rem;opacity:.8;text-decoration:none;transition:opacity .2s}.footer-links a:hover,.footer-links button:hover{opacity:1}.footer-company{border-top:1px solid #ffffff1a;padding-top:24px}.footer-company p{font-size:.9rem;margin:0 0 8px}.copyright{font-size:.85rem!important;opacity:.6}@media (min-width:768px){.landing-nav{padding:24px 48px}.hero-section{padding:0 48px}.hero-content{margin:0;padding-right:40px;text-align:left}.hero-title{justify-content:flex-start}.title-icon,.title-text{font-size:5rem}.hero-tagline{font-size:1.6rem}.hero-cta{flex-direction:row;justify-content:flex-start}.cta-primary,.cta-secondary{width:auto}.hero-stats-mobile{display:none}.hero-visual{display:block;flex:1 1;max-width:400px}.phone-mockup{background:#1f2937;border-radius:40px;box-shadow:0 25px 60px #0000004d;padding:12px}.phone-screen{background:#f0fdf4;border-radius:32px;min-height:500px;overflow:hidden}.screen-header{align-items:center;background:linear-gradient(135deg,#059669,#0d9488);color:#fff;display:flex;font-weight:700;gap:8px;padding:16px 20px}.screen-content{display:flex;flex-direction:column;gap:16px;padding:20px}.chat-bubble{border-radius:18px;font-size:.9rem;line-height:1.5;max-width:85%;padding:14px 18px}.chat-bubble.student{align-self:flex-end;background:#fff;border:1px solid #e5e7eb;border-bottom-right-radius:4px;color:#374151}.chat-bubble.lomi{align-self:flex-start;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom-left-radius:4px;color:#065f46;display:flex;gap:10px}.lomi-icon{flex-shrink:0;font-size:1.2rem}.stats-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.why-content{flex-direction:row}.why-content,.why-text{text-align:left}.crisis-section h2,.cta-content h2,.solution-section h2,.story-section h2,.why-text h2{font-size:2.5rem}}@media (min-width:1024px){.hero-section{padding:0 80px}.hero-content{max-width:550px}.title-icon,.title-text{font-size:6rem}.hero-visual{max-width:450px}}.landing-v2{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.nav-v2{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;left:0;padding:16px 20px;position:fixed;right:0;top:0;z-index:1000}.nav-brand-v2,.nav-v2{align-items:center;display:flex}.nav-brand-v2{gap:10px}.nav-icon-v2{font-size:1.8rem}.nav-name-v2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-amharic-v2{color:#84cc16b3;font-size:1.1rem;font-weight:600;margin-left:6px}.nav-links-v2{align-items:center;display:flex;gap:8px}.nav-link-v2{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;transition:color .2s}.nav-link-v2:hover{color:#fff}.nav-cta-v2{background:linear-gradient(135deg,#84cc16,#22c55e)!important;border-radius:25px;color:#0a0a0a!important;font-weight:700!important}.nav-cta-v2:hover{transform:scale(1.02)}.hero-v2{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 20px 60px;position:relative}.hero-v2:before{animation:gradientMove 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#84cc1626 0,#0000 50%),radial-gradient(circle at 70% 80%,#22c55e1a 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.hero-content-v2{max-width:600px;position:relative;text-align:center;z-index:1}.hero-eyebrow-v2{align-items:center;background:#84cc1626;border:1px solid #84cc164d;border-radius:20px;color:#84cc16;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.eyebrow-icon{font-size:1rem}.hero-title-v2{margin:0 0 20px}.title-line-1,.title-line-2{display:block;font-weight:800;letter-spacing:-.03em;line-height:1.1}.title-line-1{color:#fff;font-size:2.8rem}.title-line-2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2.8rem}.hero-subtitle-v2{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 0 32px}.hero-subtitle-v2 strong{color:#fff}.hero-cta-v2{flex-direction:column;gap:12px;margin-bottom:40px}.cta-primary-v2,.hero-cta-v2{align-items:center;display:flex}.cta-primary-v2{background:linear-gradient(135deg,#84cc16,#22c55e);border:none;border-radius:30px;box-shadow:0 0 30px #84cc164d;color:#0a0a0a;cursor:pointer;font-size:1.1rem;font-weight:700;gap:8px;padding:16px 32px;transition:all .3s ease}.cta-primary-v2:hover{box-shadow:0 0 50px #84cc1680;transform:translateY(-3px)}.cta-primary-v2.large{font-size:1.2rem;padding:18px 40px}.cta-arrow{font-size:1.2rem}.cta-subtext{color:#ffffff80;font-size:.85rem;margin:0}.social-proof-v2{align-items:center;display:flex;flex-direction:column;gap:12px}.avatar,.avatars{display:flex}.avatar{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);border:2px solid #0a0a0a;border-radius:50%;font-size:1.2rem;height:36px;justify-content:center;margin-left:-8px;width:36px}.avatar:first-child{margin-left:0}.avatar.more{background:linear-gradient(135deg,#84cc16,#22c55e);color:#0a0a0a;font-size:.9rem;font-weight:700}.social-proof-v2 p{color:#fff9;font-size:.9rem;margin:0}.social-proof-v2 strong{color:#fff}.hero-demo-v2{margin-top:40px;max-width:320px;position:relative;width:100%;z-index:1}.phone-frame-v2{background:linear-gradient(135deg,#1f2937,#111827);border-radius:40px;box-shadow:0 25px 80px #00000080;padding:12px;position:relative}.phone-notch{background:#0a0a0a;border-radius:15px;height:24px;left:50%;position:absolute;top:18px;transform:translateX(-50%);width:100px;z-index:10}.phone-screen-v2{background:#0f0f0f;border-radius:32px;display:flex;flex-direction:column;min-height:450px;overflow:hidden}.screen-header-v2{align-items:center;background:linear-gradient(135deg,#059669,#10b981);display:flex;font-size:1rem;font-weight:700;gap:8px;padding:40px 16px 16px}.header-icon{font-size:1.2rem}.header-amharic{font-size:.85rem;opacity:.7}.header-status{font-size:.75rem;font-weight:500;margin-left:auto;opacity:.8}.chat-container-v2{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-msg-v2{animation:slideIn .3s ease;display:flex;gap:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg-v2.user{justify-content:flex-end}.chat-msg-v2.lomi{justify-content:flex-start}.msg-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;width:28px}.msg-content{background:#1f2937;border-radius:16px;font-size:.85rem;line-height:1.5;max-width:80%;padding:12px 14px;white-space:pre-line}.chat-msg-v2.user .msg-content{background:linear-gradient(135deg,#059669,#10b981);border-bottom-right-radius:4px}.chat-msg-v2.lomi .msg-content{background:#1f2937;border-bottom-left-radius:4px}.typing-indicator{background:#1f2937;border-radius:16px;display:flex;gap:4px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#fff6;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-v2{align-items:center;background:#1a1a1a;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.input-placeholder{color:#fff6;font-size:.9rem}.input-send{align-items:center;background:linear-gradient(135deg,#84cc16,#22c55e);border-radius:50%;color:#0a0a0a;display:flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.problem-v2{background:linear-gradient(180deg,#0a0a0a,#111);padding:80px 20px;text-align:center}.problem-content-v2{margin:0 auto;max-width:600px}.problem-v2 h2{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 0 16px}.problem-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800}.problem-text{color:#ffffffe6;font-size:1.4rem;font-weight:600}.problem-reason{color:#fff9;font-size:1.1rem;line-height:1.6;margin:0 0 32px}.solution-statement{align-items:center;background:#84cc161a;border:1px solid #84cc164d;border-radius:16px;color:#84cc16;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 24px}.lomi-icon-inline{font-size:1.4rem}.features-v2{background:#0a0a0a;padding:80px 20px}.features-header-v2{margin-bottom:48px;text-align:center}.features-header-v2 h2{font-size:2rem;font-weight:700;margin:0 0 12px}.features-header-v2 p{color:#fff9;font-size:1rem;margin:0}.features-showcase-v2{margin:0 auto;max-width:800px}.feature-tabs-v2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.feature-tab{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.feature-tab:hover{background:#ffffff0d}.feature-tab.active{background:#84cc161a;border-color:#84cc1680}.tab-icon{font-size:1.5rem}.tab-title{color:#fffc;font-size:.85rem;font-weight:600;text-align:center}.feature-detail-v2{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feature-card-v2{background:linear-gradient(135deg,#84cc161a,#22c55e0d);border:1px solid #84cc1633;border-radius:24px;padding:32px 24px;text-align:center}.feature-icon-large{font-size:3rem;margin-bottom:16px}.feature-card-v2 h3{font-size:1.4rem;font-weight:700;margin:0 0 8px}.feature-card-v2 p{color:#ffffffb3;font-size:1rem;margin:0 0 24px}.feature-demo-bubble{align-items:flex-start;background:#1f2937;border-radius:16px;display:flex;gap:12px;padding:16px;text-align:left}.demo-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.demo-text{color:#ffffffe6;font-size:.9rem;line-height:1.5}.subjects-v2{background:linear-gradient(180deg,#0a0a0a,#111);padding:80px 20px;text-align:center}.subjects-v2 h2{font-size:1.8rem;font-weight:700;margin:0 0 32px}.subjects-grid-v2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 24px;max-width:600px}.subject-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s}.subject-chip:hover{background:#84cc161a;border-color:#84cc164d}.subject-chip.coming{opacity:.5}.subjects-note{color:#ffffff80;font-size:.9rem;margin:0}.how-v2{background:#0a0a0a;padding:80px 20px;text-align:center}.how-v2 h2{font-size:1.8rem;font-weight:700;margin:0 0 48px}.steps-v2{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:300px}.step-v2{text-align:center}.step-number{background:linear-gradient(135deg,#84cc16,#22c55e);color:#0a0a0a;display:inline-flex;font-size:.9rem;font-weight:700;height:32px;margin-bottom:12px;width:32px}.step-icon{font-size:2.5rem;margin-bottom:12px}.step-v2 h3{font-size:1.1rem;font-weight:700;margin:0 0 4px}.step-v2 p{color:#fff9;font-size:.9rem;margin:0}.step-connector{color:#84cc1680;font-size:1.5rem;transform:rotate(90deg)}.testimonial-v2{background:linear-gradient(180deg,#0a0a0a,#111);padding:80px 20px}.testimonial-card-v2{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto;max-width:500px;padding:32px 24px;text-align:center}.quote-mark{color:#84cc16;font-size:4rem;line-height:.5;margin-bottom:16px}.testimonial-text{color:#ffffffe6;font-size:1.1rem;font-style:italic;line-height:1.7;margin:0 0 24px}.testimonial-author{gap:12px}.author-avatar,.testimonial-author{align-items:center;display:flex;justify-content:center}.author-avatar{background:linear-gradient(135deg,#1f2937,#374151);border-radius:50%;font-size:1.5rem;height:48px;width:48px}.author-info{text-align:left}.author-info strong{display:block;font-size:1rem}.author-info span{color:#ffffff80;font-size:.85rem}.final-cta-v2{background:#0a0a0a;padding:80px 20px}.cta-card-v2{background:linear-gradient(135deg,#84cc161a,#22c55e0d);border:1px solid #84cc164d;border-radius:32px;margin:0 auto;max-width:500px;padding:48px 24px;text-align:center}.cta-card-v2 h2{font-size:2rem;font-weight:700;margin:0 0 12px}.cta-card-v2 p{color:#ffffffb3;font-size:1rem;margin:0 0 32px}.cta-guarantee{color:#ffffff80!important;font-size:.85rem!important;margin-top:16px!important}.footer-v2{background:#050505;border-top:1px solid #ffffff0d;padding:60px 20px 40px}.footer-content-v2{margin:0 auto;max-width:600px;text-align:center}.footer-brand-v2{align-items:center;display:inline-flex;font-size:1.3rem;font-weight:700;gap:8px;margin-bottom:8px}.footer-amharic{color:#84cc1699;font-size:1rem;font-weight:600}.footer-tagline-v2{color:#ffffff80;font-size:.9rem;margin:0 0 24px}.footer-links-v2{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.footer-links-v2 button{background:none;border:none;color:#fff9;cursor:pointer;font-size:.9rem;transition:color .2s}.footer-links-v2 button:hover{color:#fff}.footer-company-v2 p{color:#ffffff80;font-size:.85rem;margin:0 0 8px}.copyright-v2{color:#ffffff4d!important;font-size:.8rem!important}@media (min-width:768px){.nav-v2{padding:20px 48px}.hero-v2{flex-direction:row;gap:60px;padding:0 48px}.hero-content-v2{flex:1 1;text-align:left}.title-line-1,.title-line-2{font-size:3.5rem}.hero-cta-v2,.social-proof-v2{align-items:flex-start}.hero-demo-v2{margin-top:0;max-width:360px}.phone-screen-v2{min-height:550px}.problem-number{font-size:5rem}.problem-text{font-size:1.6rem}.feature-tabs-v2{grid-template-columns:repeat(4,1fr)}.steps-v2{flex-direction:row;gap:16px;max-width:700px}.step-connector{transform:none}}@media (min-width:1024px){.hero-v2{gap:80px;padding:0 80px}.title-line-1,.title-line-2{font-size:4rem}.hero-demo-v2{max-width:400px}.features-header-v2 h2{font-size:2.5rem}}.landing-v3{background:#fefefe;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.nav-v3{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000000d;justify-content:space-between;left:0;padding:16px 20px;position:fixed;right:0;top:0;z-index:1000}.nav-brand-v3,.nav-v3{align-items:center;display:flex}.nav-brand-v3{gap:10px}.nav-icon-v3{font-size:1.8rem}.nav-name-v3{color:#059669;font-size:1.4rem;font-weight:800}.nav-links-v3{align-items:center;display:flex;gap:8px}.nav-link-v3{background:none;border:none;color:#4b5563;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;transition:color .2s}.nav-link-v3:hover{color:#059669}.nav-cta-v3{background:#059669!important;border-radius:25px;color:#fff!important;font-weight:600!important}.nav-cta-v3:hover{background:#047857!important}.hero-v3{align-items:center;background:linear-gradient(180deg,#f0fdf4,#fff);display:flex;flex-direction:column;min-height:100vh;padding:100px 20px 60px;position:relative}.hero-content-v3{margin-bottom:40px;max-width:650px;text-align:center}.hero-badge-v3{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:20px;box-shadow:0 2px 10px #0596691a;color:#065f46;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.badge-flag{font-size:1.1rem}.hero-title-v3{color:#1a1a1a;font-size:2.2rem;font-weight:700;line-height:1.3;margin:0 0 20px}.title-highlight{color:#059669;display:block}.hero-subtitle-v3{color:#4b5563;font-size:1.1rem;line-height:1.7;margin:0 0 32px}.hero-subtitle-v3 strong{color:#059669}.hero-cta-v3{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.cta-primary-v3{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:30px;box-shadow:0 4px 20px #0596694d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;max-width:320px;padding:16px 32px;transition:all .3s ease;width:100%}.cta-primary-v3:hover{box-shadow:0 8px 30px #05966966;transform:translateY(-2px)}.cta-primary-v3.large{font-size:1.15rem;padding:18px 40px}.cta-secondary-v3{background:none;border:2px solid #d1fae5;border-radius:30px;color:#059669;cursor:pointer;font-size:1rem;font-weight:600;max-width:320px;padding:14px 28px;transition:all .2s;width:100%}.cta-secondary-v3:hover{background:#f0fdf4;border-color:#a7f3d0}.trust-signals-v3{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.trust-item{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:6px}.trust-icon{color:#059669;font-weight:700}.hero-image-v3{max-width:350px;width:100%}.image-frame{background:linear-gradient(135deg,#059669,#10b981);border-radius:24px;box-shadow:0 20px 50px #05966933;padding:3px}.student-success-image{background:#fff;border-radius:22px;padding:48px 32px;text-align:center}.success-emoji{font-size:5rem;margin-bottom:16px}.success-text{display:flex;flex-direction:column;gap:4px}.success-headline{color:#059669;font-size:1.3rem;font-weight:700}.success-subline{color:#6b7280;font-size:1rem}.problem-v3{background:#fafafa;padding:80px 20px}.problem-content-v3{margin:0 auto;max-width:800px;text-align:center}.problem-v3 h2{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0 0 40px}.problem-stats-v3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.problem-stat{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:24px 16px}.problem-stat.urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.problem-stat.urgent .stat-value{color:#dc2626}.stat-value{color:#059669;font-size:2rem;font-weight:800;margin-bottom:4px}.stat-desc{color:#6b7280;font-size:.85rem;line-height:1.4}.problem-explanation{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.problem-explanation strong{color:#059669}.problem-empathy{color:#6b7280;font-size:1rem;line-height:1.7;margin:0}.solution-v3{background:#fff;padding:80px 20px}.solution-content-v3{margin:0 auto;max-width:900px}.solution-intro{margin-bottom:60px;text-align:center}.solution-icon{display:block;font-size:4rem;margin-bottom:16px}.solution-intro h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 16px}.solution-tagline{color:#4b5563;font-size:1.15rem;line-height:1.7;margin:0 auto;max-width:600px}.solution-features-v3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.solution-feature{background:#f0fdf4;border:1px solid #d1fae5;border-radius:20px;padding:32px 24px}.feature-visual{font-size:2.5rem;margin-bottom:16px}.solution-feature h3{color:#065f46;font-size:1.2rem;font-weight:700;margin:0 0 12px}.solution-feature p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0}.comparison-v3{background:#fafafa;padding:80px 20px}.comparison-content-v3{margin:0 auto;max-width:800px}.comparison-v3 h2{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0 0 40px;text-align:center}.comparison-table-v3{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.comparison-header,.comparison-row{grid-gap:1px;display:grid;gap:1px;grid-template-columns:1fr 1fr 1fr}.comparison-header{background:#059669;color:#fff;font-size:.9rem;font-weight:600}.comparison-header .comparison-col{padding:16px 12px;text-align:center}.comparison-header .comparison-col:first-child{background:#0000}.comparison-header .comparison-col.traditional{background:#ffffff1a}.comparison-header .comparison-col.lomi{background:#fff3}.comparison-row{border-bottom:1px solid #f3f4f6}.comparison-row:last-child{border-bottom:none}.comparison-row .comparison-col{font-size:.9rem;padding:16px 12px;text-align:center}.comparison-row .comparison-col.feature{background:#f9fafb;color:#1a1a1a;font-weight:600;text-align:left}.comparison-row .comparison-col.traditional{background:#fef2f2;color:#6b7280}.comparison-row .comparison-col.lomi{background:#f0fdf4;color:#065f46;font-weight:500}.testimonials-v3{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:80px 20px}.testimonials-content-v3{margin:0 auto;max-width:600px;text-align:center}.testimonials-v3 h2{font-size:1.8rem;font-weight:700;margin:0 0 40px}.testimonial-carousel-v3{position:relative}.testimonial-card-v3{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:32px 24px}.quote-icon{font-size:3rem;line-height:.5;margin-bottom:16px;opacity:.5}.testimonial-quote{font-size:1.1rem;font-style:italic;line-height:1.7;margin:0 0 24px}.testimonial-author-v3{gap:12px}.author-avatar-v3,.testimonial-author-v3{align-items:center;display:flex;justify-content:center}.author-avatar-v3{background:#fff3;border-radius:50%;font-size:1.5rem;height:48px;width:48px}.author-details{text-align:left}.author-details strong{display:block;font-size:1rem}.author-details span{display:block;font-size:.85rem;opacity:.85}.author-location{margin-top:4px}.testimonial-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}.dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .2s;width:8px}.dot.active{background:#fff;transform:scale(1.2)}.trust-v3{background:#fff;padding:80px 20px}.trust-content-v3{margin:0 auto;max-width:900px;text-align:center}.trust-v3 h2{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0 0 40px}.trust-grid-v3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.trust-card-v3{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:24px 20px;text-align:center}.trust-card-icon{font-size:2rem;margin-bottom:12px}.trust-card-v3 h3{color:#1a1a1a;font-size:1rem;font-weight:700;margin:0 0 8px}.trust-card-v3 p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.start-v3{background:#f0fdf4;padding:80px 20px}.start-content-v3{margin:0 auto;max-width:800px;text-align:center}.start-v3 h2{color:#065f46;font-size:1.8rem;font-weight:700;margin:0 0 48px}.start-steps-v3{align-items:center;display:flex;flex-direction:column;gap:24px}.start-step{max-width:250px;text-align:center}.step-number-v3{align-items:center;background:#059669;border-radius:50%;color:#fff;display:inline-flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.start-step h3,.step-number-v3{font-size:1.1rem;font-weight:700}.start-step h3{color:#065f46;margin:0 0 8px}.start-step p{color:#6b7280;font-size:.9rem;margin:0}.step-arrow{color:#10b981;font-size:1.5rem;transform:rotate(90deg)}.final-cta-v3{background:#fff;padding:80px 20px}.final-cta-content-v3{margin:0 auto;max-width:500px;text-align:center}.final-cta-v3 h2{color:#065f46;font-size:2rem;font-weight:700;margin:0 0 16px}.final-cta-v3 p{color:#4b5563;font-size:1.1rem;line-height:1.6;margin:0 0 32px}.cta-note{color:#9ca3af!important;font-size:.9rem!important;margin-top:16px!important}.footer-v3{background:#065f46;color:#fff;padding:60px 20px 40px}.footer-content-v3{margin:0 auto;max-width:600px;text-align:center}.footer-brand-v3{align-items:center;display:inline-flex;gap:10px;margin-bottom:12px}.footer-icon-v3{font-size:2rem}.footer-name-v3{font-size:1.5rem;font-weight:800}.footer-mission-v3{font-size:1rem;font-style:italic;margin:0 0 24px;opacity:.85}.footer-links-v3{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.footer-links-v3 button{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;opacity:.8;transition:opacity .2s}.footer-links-v3 button:hover{opacity:1}.footer-company-v3 p{font-size:.9rem;margin:0 0 8px;opacity:.8}.copyright-v3{font-size:.8rem!important;opacity:.6!important}@media (min-width:768px){.nav-v3{padding:20px 48px}.hero-v3{align-items:center;flex-direction:row;gap:60px;justify-content:center;padding:0 48px}.hero-content-v3{flex:1 1;margin-bottom:0;max-width:550px;text-align:left}.hero-title-v3{font-size:2.8rem}.hero-cta-v3{flex-direction:row;justify-content:flex-start}.cta-primary-v3,.cta-secondary-v3{width:auto}.trust-signals-v3{justify-content:flex-start}.hero-image-v3{flex:0 0 auto}.problem-stats-v3{gap:24px}.stat-value{font-size:2.5rem}.solution-features-v3{grid-template-columns:repeat(2,1fr)}.start-steps-v3{flex-direction:row;gap:16px;justify-content:center}.step-arrow{transform:none}.comparison-v3 h2,.final-cta-v3 h2,.problem-v3 h2,.solution-intro h2,.start-v3 h2,.testimonials-v3 h2,.trust-v3 h2{font-size:2.2rem}}@media (min-width:1024px){.hero-v3{gap:80px;padding:0 80px}.hero-title-v3{font-size:3.2rem}.trust-grid-v3{grid-template-columns:repeat(4,1fr)}}.legal-page{background:#0a0a0a;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative}.legal-page:before{animation:gradientMove 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#84cc160f 0,#0000 50%),radial-gradient(circle at 70% 80%,#22c55e0a 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}.legal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0d;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.legal-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:0 24px}.legal-header .back-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.legal-header .back-button:hover{background:#ffffff1a;color:#fff}.legal-header .brand-logo{align-items:center;cursor:pointer;display:flex;gap:10px;transition:transform .2s}.legal-header .brand-logo:hover{transform:scale(1.05)}.legal-header .brand-icon{font-size:1.8rem}.legal-header .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.legal-main{flex:1 1;margin:0 auto;max-width:900px;padding:48px 24px;position:relative;width:100%;z-index:1}.legal-content{background:#ffffff05;border:1px solid #ffffff14;border-radius:28px;padding:48px}.legal-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin:0 0 12px}.last-updated{border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:.9rem;margin:0 0 36px;padding-bottom:28px}.legal-content section{margin-bottom:36px}.legal-content h2{color:#84cc16;font-size:1.35rem;font-weight:700;margin:0 0 18px}.legal-content h3{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin:24px 0 14px}.legal-content p{color:#ffffffb3;line-height:1.9;margin:0 0 18px}.legal-content ul{margin:0 0 18px;padding-left:24px}.legal-content li{color:#ffffffb3;line-height:1.9;margin-bottom:10px}.legal-content li strong{color:#ffffffe6}.legal-content a{color:#84cc16;font-weight:500;text-decoration:none;transition:color .2s}.legal-content a:hover{color:#22c55e}.legal-footer{background:#050505;border-top:1px solid #ffffff0d;padding:36px 24px;position:relative;text-align:center;z-index:1}.legal-footer .footer-brand{color:#fff;font-size:1.2rem;font-weight:700}@media (min-width:768px){.legal-content{padding:64px}.legal-content h1{font-size:2.6rem}.legal-header .brand-icon{font-size:2.2rem}.legal-header .brand-name{font-size:1.6rem}}@media (max-width:640px){.legal-main{padding:32px 16px}.legal-content{border-radius:20px;padding:32px 24px}.legal-content h1{font-size:1.8rem}.legal-content h2{font-size:1.2rem}}.contact-page{background:#0a0a0a;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative}.contact-page:before{animation:gradientMove 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#84cc1614 0,#0000 50%),radial-gradient(circle at 70% 80%,#22c55e0d 0,#0000 40%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes gradientMove{0%,to{transform:translate(0)}50%{transform:translate(-5%,5%)}}.contact-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0d;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.contact-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:0 24px}.contact-header .back-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.contact-header .back-button:hover{background:#ffffff1a;color:#fff}.contact-header .brand-logo{align-items:center;cursor:pointer;display:flex;gap:10px;transition:transform .2s}.contact-header .brand-logo:hover{transform:scale(1.05)}.contact-header .brand-icon{font-size:1.8rem}.contact-header .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.contact-main{flex:1 1;margin:0 auto;max-width:1000px;padding:48px 24px;position:relative;width:100%;z-index:1}.contact-content{display:flex;flex-direction:column;gap:56px}.contact-hero{text-align:center}.contact-hero .hero-icon{display:block;font-size:4rem;margin-bottom:20px}.contact-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;margin:0 0 12px}.contact-hero p{color:#fff9;font-size:1.15rem;margin:0}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.contact-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:32px;text-align:center;transition:all .3s ease}.contact-card:hover{background:#84cc160d;border-color:#84cc1633;box-shadow:0 16px 40px #0000004d;transform:translateY(-4px)}.contact-card .card-icon{font-size:2.8rem;margin-bottom:18px}.contact-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 10px}.contact-card p{color:#ffffff80;font-size:.95rem;margin:0 0 20px}.contact-link{background:linear-gradient(135deg,#84cc16,#22c55e);border-radius:25px;box-shadow:0 0 20px #84cc1633;color:#0a0a0a;display:inline-block;font-size:.95rem;font-weight:700;padding:12px 28px;text-decoration:none;transition:all .3s}.contact-link:hover{box-shadow:0 0 30px #84cc1666;transform:translateY(-2px)}.social-section{text-align:center}.social-section h2{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 10px}.social-section>p{color:#ffffff80;margin:0 0 28px}.social-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.social-link{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;color:#fffc;display:flex;font-weight:600;gap:10px;padding:14px 22px;text-decoration:none;transition:all .2s}.social-link:hover{background:#ffffff14;transform:translateY(-2px)}.social-link.twitter:hover{background:#1da1f21a;border-color:#1da1f24d;color:#1da1f2}.social-link.facebook:hover{background:#1877f21a;border-color:#1877f24d;color:#1877f2}.social-link.linkedin:hover{background:#0a66c21a;border-color:#0a66c24d;color:#0a66c2}.social-link.telegram:hover{background:#0088cc1a;border-color:#0088cc4d;color:#08c}.social-link svg{flex-shrink:0}.location-section{text-align:center}.location-section h2{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 28px}.location-card{align-items:center;background:linear-gradient(135deg,#84cc161a,#22c55e0d);border:1px solid #84cc1633;border-radius:24px;display:inline-flex;gap:24px;padding:36px}.location-icon{font-size:3.5rem}.location-details{text-align:left}.location-details h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0 0 6px}.location-details p{color:#ffffffb3;margin:0}.location-tagline{color:#84cc16!important;font-style:italic;margin-top:6px!important}.contact-footer{background:#050505;border-top:1px solid #ffffff0d;padding:44px 24px;position:relative;text-align:center;z-index:1}.contact-footer .footer-brand{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:10px}.contact-footer p{color:#ffffff80;font-size:.95rem;margin:0}@media (min-width:768px){.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-header .brand-icon{font-size:2.2rem}.contact-header .brand-name{font-size:1.6rem}}@media (min-width:1024px){.contact-grid{grid-template-columns:repeat(4,1fr)}.contact-card{padding:36px 28px}}@media (max-width:640px){.contact-main{padding:36px 16px}.contact-hero h1{font-size:2.2rem}.contact-hero .hero-icon{font-size:3.5rem}.location-card{flex-direction:column;padding:28px}.location-card,.location-details{text-align:center}}.profile-page{background:#f8fafc;min-height:100vh}.profile-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:16px 20px}.back-button,.profile-header{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.back-button:hover{background:#f1f5f9;color:#1e293b}.header-brand{align-items:center;cursor:pointer;display:flex;gap:8px}.header-brand .brand-icon{font-size:1.5rem}.header-brand .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a7c10,#65a30d);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.header-brand .brand-amharic{color:#4a7c1099;font-size:.95rem;font-weight:600;margin-left:4px}.header-spacer{width:80px}.profile-main{margin:0 auto;max-width:600px;padding:24px 20px}.profile-content{gap:24px}.avatar-section,.profile-content{display:flex;flex-direction:column}.avatar-section{align-items:center;padding:24px 0;text-align:center}.avatar-large{align-items:center;background:linear-gradient(135deg,#4a7c10,#65a30d);border-radius:50%;box-shadow:0 4px 20px #4a7c104d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin-bottom:16px;width:100px}.profile-name{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 4px}.profile-subtitle{color:#64748b;font-size:.9rem;margin:0}.info-cards{display:flex;flex-direction:column;gap:16px}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:20px}.card-title{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.info-list{display:flex;flex-direction:column;gap:14px}.info-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:14px}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#64748b;font-size:.9rem}.info-value{color:#1e293b;font-size:.95rem;font-weight:600}.info-id{background:#f1f5f9;border-radius:6px;color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;padding:4px 10px}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.action-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.action-btn.secondary{background:#f1f5f9;color:#475569}.action-btn.secondary:hover{background:#e2e8f0}.action-btn.danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.action-btn.danger:hover{background:#fee2e2}.profile-footer{padding:20px 0;text-align:center}.profile-footer p{color:#94a3b8;font-size:.85rem;margin:0}.profile-footer a{color:#4a7c10;font-weight:500;text-decoration:none}.profile-footer a:hover{text-decoration:underline}@media (min-width:640px){.profile-main{padding:40px 20px}.avatar-large{font-size:3rem;height:120px;width:120px}.profile-name{font-size:1.75rem}}.tier-selection{margin:0 auto;max-width:1200px;padding:20px}.tier-selection.error,.tier-selection.loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.tier-selection.error button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:background .3s}.tier-selection.error button:hover{background:#45a049}.tier-selection-header{margin-bottom:40px;text-align:center}.tier-selection-header h2{color:#333;font-size:32px;margin:0 0 8px}.tier-selection-header p{color:#666;font-size:16px;margin:0}.tiers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.tier-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s}.tier-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.tier-card.selected{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.tier-card.current-tier{background:#f5f9ff;border-color:#2196f3}.tier-card-free{border-color:#9e9e9e}.tier-card-starter{border-color:#2196f3}.tier-card-pro{border-color:#9c27b0}.tier-card-unlimited{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid #0000}.popular-badge{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5066}.current-badge,.popular-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;position:absolute;right:20px;text-transform:uppercase;top:-12px}.current-badge{background:linear-gradient(135deg,#2196f3,#42a5f5)}.tier-card-header{margin-bottom:20px}.tier-name{color:#333;font-size:24px;font-weight:700;margin:0 0 8px}.tier-description{color:#666;font-size:14px;line-height:1.5;margin:0}.tier-pricing{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:24px}.price-main{align-items:baseline;display:flex;gap:4px;margin-bottom:8px}.price-amount{color:#333;font-size:36px;font-weight:700}.price-period{color:#999;font-size:16px}.price-additional{color:#666;font-size:13px;font-style:italic}.tier-features{flex:1 1;margin-bottom:24px}.tier-features ul{list-style:none;margin:0;padding:0}.tier-features li{align-items:flex-start;color:#666;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.feature-icon{color:#4caf50;flex-shrink:0;font-size:16px}.feature-text{line-height:1.5}.tier-card-footer{margin-top:auto}.select-button{background:#fff;border:2px solid #4caf50;border-radius:10px;color:#4caf50;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s;width:100%}.select-button:hover:not(:disabled){background:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.select-button.selected{background:#4caf50;color:#fff}.select-button.current:disabled{background:#e0e0e0;border-color:#e0e0e0;color:#999;cursor:not-allowed}.tier-selection-footer{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:20px;text-align:center}.footer-note{color:#999;font-size:13px;margin:8px 0}@media (max-width:768px){.tier-selection{padding:16px}.tier-selection-header h2{font-size:24px}.tiers-grid{gap:16px;grid-template-columns:1fr}.tier-card{padding:20px}.price-amount{font-size:28px}.current-badge,.popular-badge{display:inline-block;margin-bottom:12px;position:relative;right:16px;top:16px}}.payment-flow{margin:0 auto;max-width:900px;padding:20px}.payment-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px;position:relative}.payment-progress:before{background:#e0e0e0;content:"";height:2px;left:60px;position:absolute;right:60px;top:20px;z-index:0}.progress-step{flex-direction:column;gap:8px;position:relative;z-index:1}.progress-step,.step-number{align-items:center;display:flex}.step-number{background:#e0e0e0;border-radius:50%;color:#999;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .3s;width:40px}.progress-step.active .step-number{background:#4caf50;box-shadow:0 0 0 4px #4caf5033;color:#fff}.progress-step.completed .step-number{background:#4caf50;color:#fff}.step-label{color:#666;font-size:12px;font-weight:500}.progress-step.active .step-label{color:#4caf50;font-weight:600}.payment-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.payment-step{padding:32px}.customize-step h2{color:#333;font-size:24px;margin:0 0 24px}.customization-form{margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-control{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s;width:100%}.form-control:focus{border-color:#4caf50;outline:none}.form-hint{color:#999;display:block;font-size:12px;margin-top:6px}.price-loading{align-items:center;color:#666;display:flex;gap:12px;justify-content:center;padding:32px}.price-summary{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:24px}.price-summary h3{color:#333;font-size:18px;margin:0 0 16px}.price-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.price-row.subtotal{border-top:1px solid #e0e0e0;color:#333;font-weight:600;margin-top:8px;padding-top:16px}.price-row.total{border-top:2px solid #4caf50;color:#333;font-size:18px;font-weight:700;margin-top:12px;padding-top:16px}.total-amount{color:#4caf50;font-size:24px}.payment-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.payment-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s}.back-button{background:#f5f5f5;border:1px solid #e0e0e0;color:#333}.back-button:hover{background:#e0e0e0}.cancel-button{background:#0000;border:1px solid #f44336;color:#f44336}.cancel-button:hover{background:#ffebee}.continue-button{background:#4caf50;color:#fff}.continue-button:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d}.continue-button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.processing-step{padding:60px 32px;text-align:center}.processing-animation{margin-bottom:24px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;display:inline-block;height:24px;width:24px}.spinner.large{border-width:6px;height:64px;width:64px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-step h2{color:#333;font-size:24px;margin:0 0 12px}.processing-step p{color:#666;font-size:14px;margin:0}.payment-redirect-step{padding:60px 32px;text-align:center}.redirect-info h2{color:#333;font-size:24px;margin:0 0 12px}.redirect-info p{color:#666;font-size:14px;margin:0 0 24px}.manual-redirect-button{background:#4caf50;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:background .3s}.manual-redirect-button:hover{background:#45a049}.error-step{padding:60px 32px;text-align:center}.error-icon{font-size:64px;margin-bottom:24px}.error-step h2{color:#f44336;font-size:24px;margin:0 0 12px}.error-message{color:#666;font-size:14px;margin:0 0 32px}.retry-button{background:#4caf50;color:#fff}.retry-button:hover{background:#45a049}.success-step{padding:60px 32px;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease-out;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-step h2{color:#333;font-size:24px;margin:0 0 12px}.success-step p{color:#666;font-size:14px;margin:0 0 32px}.done-button{background:#4caf50;color:#fff}.done-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d}@media (max-width:768px){.payment-flow{padding:12px}.payment-progress{padding:0}.payment-progress:before{left:40px;right:40px}.step-label{font-size:10px}.step-number{font-size:14px;height:32px;width:32px}.payment-step{padding:24px 16px}.payment-actions{flex-direction:column}.payment-actions button{width:100%}.price-summary{padding:16px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}
/*# sourceMappingURL=main.40f4cfe8.css.map*/