:root{--primary: #7C3AED;--primary-dark: #6D28D9;--primary-light: #A78BFA;--primary-50: #F5F3FF;--primary-100: #EDE9FE;--secondary: #22D3EE;--secondary-dark: #06B6D4;--secondary-50: #ECFEFF;--accent: #F97316;--accent-dark: #EA580C;--accent-50: #FFF7ED;--success: #22C55E;--success-dark: #16A34A;--error: #EF4444;--mobile-bg: #0F1624;--mobile-surface: #161D2A;--mobile-elevated: #1A2235;--mobile-border: #1E3A5F;--mobile-divider: #1E293B;--mobile-primary: #7C3AED;--mobile-cyan: #22D3EE;--mobile-orange: #F97316;--mobile-green: #22C55E;--mobile-text-primary: #FFFFFF;--mobile-text-secondary: #94A3B8;--mobile-text-muted: #64748B;--bg-main: #F8FAFC;--surface-white: #FFFFFF;--surface-subtle: #F1F5F9;--border-subtle: #E2E8F0;--border-focus: #C4B5FD;--dark-950: #090D16;--dark-900: #0F172A;--dark-800: #1E293B;--dark-700: #334155;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-white: #FFFFFF;--grad-primary: linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%);--grad-cyan: linear-gradient(135deg, #22D3EE 0%, #06B6D4 100%);--grad-accent: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--grad-hero: linear-gradient(180deg, #F5F3FF 0%, #F8FAFC 100%);--grad-card: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);--grad-phone-top: linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%);--grad-dark-mesh: radial-gradient(at 0% 0%, rgba(124, 58, 237, .15) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(34, 211, 238, .15) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(249, 115, 22, .1) 0px, transparent 50%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-purple: 0 10px 25px -5px rgba(124, 58, 237, .35);--shadow-cyan: 0 10px 25px -5px rgba(34, 211, 238, .3);--shadow-amber: 0 10px 25px -5px rgba(249, 115, 22, .3);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-ethiopic: "Noto Sans Ethiopic", "Inter", sans-serif;--max-width: 1200px;--nav-height: 74px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}h1,h2,h3,h4,.font-heading{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}.amharic-tag{font-family:var(--font-ethiopic);font-weight:600;color:var(--primary);letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;border-radius:var(--radius-full);transition:all .25s cubic-bezier(.16,1,.3,1);text-align:center;white-space:nowrap}.btn-primary{background:var(--grad-primary);color:var(--text-white);box-shadow:var(--shadow-purple)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -4px #7c3aed73}.btn-secondary{background:var(--surface-white);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-subtle);border-color:#cbd5e1;transform:translateY(-1px)}.btn-accent{background:var(--grad-accent);color:var(--text-white);box-shadow:var(--shadow-amber)}.btn-accent:hover{transform:translateY(-2px)}.btn-sm{padding:8px 18px;font-size:13px}.btn-lg{padding:16px 32px;font-size:16px}.btn-google-play{display:inline-flex;align-items:center;gap:12px;background:#0b0f19;color:#fff;padding:10px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 25px -5px #0006,inset 0 1px #ffffff26;transition:all .28s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none}.btn-google-play:hover{background:#111827;transform:translateY(-3px);box-shadow:0 16px 32px -4px #7c3aed59,0 0 0 1px #22d3ee;border-color:#22d3ee}.btn-google-play-lg{padding:12px 28px;border-radius:16px}.btn-google-play-text{display:flex;flex-direction:column;text-align:left;line-height:1.1}.btn-google-play-sub{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:600}.btn-google-play-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;letter-spacing:-.01em}.google-play-icon-wrap{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.btn-telegram{display:inline-flex;align-items:center;gap:9px;background:#0284c7;color:#fff;padding:12px 22px;border-radius:var(--radius-full);font-weight:600;box-shadow:0 8px 20px -4px #0284c766;transition:all .25s ease}.btn-telegram:hover{background:#0369a1;transform:translateY(-2px);box-shadow:0 12px 26px -4px #0284c780}.btn-youtube{display:inline-flex;align-items:center;gap:9px;background:#dc2626;color:#fff;padding:12px 22px;border-radius:var(--radius-full);font-weight:600;box-shadow:0 8px 20px -4px #dc262666;transition:all .25s ease}.btn-youtube:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 12px 26px -4px #dc262680}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-100);color:var(--primary-dark)}.badge-amber{background:var(--accent-50);color:var(--accent-dark);border:1px solid #FDE68A}.badge-cyan{background:#ecfeff;color:#0891b2;border:1px solid #A5F3FC}.badge-green{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);background:#f8fafceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);transition:all .3s ease}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-primary)}.nav-brand-logo{width:42px;height:42px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000038;border:1px solid rgba(255,255,255,.12);flex-shrink:0;background:#0b1120;transition:transform .25s ease,box-shadow .25s ease}.nav-brand:hover .nav-brand-logo{transform:scale(1.06);box-shadow:0 6px 20px #3b82f659}.nav-brand-img{width:100%;height:100%;object-fit:cover;display:block}.nav-brand-text{display:flex;flex-direction:column}.nav-brand-name{line-height:1.1;font-size:19px;font-weight:800}.nav-brand-sub{font-size:11px;font-weight:600;color:var(--primary);letter-spacing:.05em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-link{font-size:15px;font-weight:600;color:var(--text-secondary);transition:color .2s ease;position:relative;padding:4px 0}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:14px}.mobile-menu-btn{display:none;padding:8px;color:var(--text-primary);border-radius:8px}.mobile-drawer{display:none;position:fixed;top:var(--nav-height);left:0;width:100%;height:calc(100vh - var(--nav-height));background:#fff;padding:24px;flex-direction:column;gap:18px;z-index:99;border-top:1px solid var(--border-subtle);animation:slideDown .25s ease-out}.mobile-drawer.open{display:flex}.mobile-nav-link{font-size:18px;font-weight:600;color:var(--text-primary);padding:12px 0;border-bottom:1px solid var(--border-subtle)}.mobile-nav-link.active{color:var(--primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-cta-btn{display:inline-flex;align-items:center;gap:8px}@media (max-width: 868px){.nav-links{display:none}.mobile-menu-btn{display:block}.nav-cta-btn{display:none!important}}@media (max-width: 640px){.nav-brand-name{font-size:16px}.nav-brand-sub{font-size:9.5px}.nav-brand-logo{width:36px;height:36px}}.hero-section{position:relative;padding:50px 0 80px;background:var(--grad-hero);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.hero-content{display:flex;flex-direction:column;gap:22px}.hero-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-title{font-size:clamp(38px,4.8vw,56px);line-height:1.12;letter-spacing:-.02em}.hero-title-highlight{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle-amharic{font-family:var(--font-ethiopic);font-size:clamp(20px,2.5vw,26px);font-weight:700;color:var(--primary-dark);margin-top:-6px}.hero-desc{font-size:17px;color:var(--text-secondary);max-width:540px;line-height:1.6}.hero-ctas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.hero-trust-bar{display:flex;align-items:center;gap:24px;padding-top:18px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted);flex-wrap:wrap}.hero-trust-item{display:flex;align-items:center;gap:7px;font-weight:500}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content{align-items:center}.hero-eyebrow,.hero-ctas,.hero-trust-bar{justify-content:center}.hero-desc{margin:0 auto}}@media (max-width: 640px){.hero-section{padding:32px 0 44px}.hero-grid{gap:28px}.hero-title{font-size:clamp(28px,7vw,36px)}.hero-subtitle-amharic{font-size:clamp(18px,4.5vw,22px)}.hero-desc{font-size:15px;line-height:1.55}.hero-ctas{width:100%;flex-direction:column;align-items:stretch;gap:12px}.hero-ctas .btn-google-play,.hero-ctas .btn-telegram,.hero-ctas .btn{width:100%;justify-content:center}.hero-trust-bar{flex-direction:column;gap:10px;align-items:center;width:100%}}.phone-mockup-wrapper{position:relative;display:flex;justify-content:center;perspective:1200px;width:100%;max-width:100%}.phone-mockup{width:min(326px,100%);max-width:326px;height:654px;background:#090d16;border-radius:46px;border:9px solid #1E293B;box-shadow:0 25px 60px -12px #00000073,0 0 45px -10px #7c3aed59,0 0 25px -8px #22d3ee40,inset 0 0 0 1px #ffffff1f;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}@media (max-width: 480px){.phone-mockup{max-width:300px;height:590px;border-radius:38px;border-width:7px}.phone-notch{width:100px;height:18px}}@media (max-width: 360px){.phone-mockup{max-width:275px;height:540px;border-radius:32px;border-width:6px}.phone-notch{width:86px;height:16px}}.phone-mockup:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 32px 70px -12px #0000008c,0 0 55px -6px #7c3aed80,0 0 35px -6px #22d3ee59}.phone-notch{width:120px;height:20px;background:#0b0f19;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:40;display:flex;align-items:center;justify-content:center;gap:8px}.notch-camera{width:8px;height:8px;border-radius:50%;background:#1e293b;border:1px solid rgba(255,255,255,.08)}.notch-speaker{width:36px;height:3px;border-radius:2px;background:#334155}.phone-screen{flex:1;background:var(--mobile-bg);color:var(--mobile-text-primary);display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:var(--font-body)}.mock-status-bar{height:28px;padding:4px 16px 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--mobile-text-secondary);z-index:30;background:var(--mobile-bg)}.mock-status-icons{display:flex;align-items:center;gap:6px}.mock-signal{font-size:9px;font-weight:700;letter-spacing:-.02em}.mock-screen-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.mock-screen-content::-webkit-scrollbar{width:0px}.mock-rn-header{background:linear-gradient(180deg,#161d2a,#131a28 60%,#0f1624);padding:8px 14px 10px;border-bottom:1px solid #26334D;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mock-rn-header-left{display:flex;flex-direction:column}.mock-rn-greeting{font-size:11px;color:#94a3b8;font-weight:600;letter-spacing:.2px}.mock-rn-username{font-size:16px;font-weight:800;color:#fff;letter-spacing:.2px;margin:0}.mock-rn-header-actions{display:flex;align-items:center;gap:8px}.mock-rn-points-badge{background:linear-gradient(135deg,#f59e0b,#d97706);padding:5px 10px;border-radius:20px;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 2px 6px #f59e0b59;transition:transform .2s ease}.mock-rn-points-badge:hover{transform:scale(1.05)}.mock-rn-notification-btn{width:32px;height:32px;border-radius:16px;background:#0f1624;border:1px solid #26334D;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.mock-rn-notif-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ef4444;border:1px solid #161D2A}.mock-rn-scroll-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:70px;display:flex;flex-direction:column;gap:10px}.mock-rn-scroll-body::-webkit-scrollbar{width:0px}.mock-academy-banner{margin:10px 12px 2px;padding:13px;border-radius:18px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);box-shadow:0 6px 16px #1e3a8a59}.mock-academy-content{display:flex;align-items:center;justify-content:space-between}.mock-academy-left{flex:1;min-width:0}.mock-welcome-badge{background:#fffffff2;padding:2px 8px;border-radius:10px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#1e3a8a;margin-bottom:6px}.mock-academy-title{font-size:15px;font-weight:800;color:#fff;margin:0 0 2px}.mock-academy-subtitle{font-size:11px;color:#e0e7ff;font-weight:600;margin:0 0 6px;letter-spacing:.3px}.mock-academy-divider{width:32px;height:2px;background:#60a5fa;margin-bottom:8px;border-radius:1px}.mock-telegram-cta{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;padding:5px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.25);text-decoration:none;transition:background .2s ease}.mock-telegram-cta:hover{background:#ffffff40}.mock-telegram-circle{width:20px;height:20px;border-radius:50%;background:#161d2a;display:flex;align-items:center;justify-content:center}.mock-telegram-text{font-size:10px;font-weight:600;color:#fff}.mock-academy-icon-circle{width:52px;height:52px;border-radius:26px;background:#ffffff26;display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0}.mock-rn-comp-banner{margin:4px 12px;background:linear-gradient(135deg,#b91c1c,#dc2626,#ef4444);border-radius:16px;padding:10px 12px;box-shadow:0 6px 16px #dc26264d;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:transform .2s ease}.mock-rn-comp-banner:hover{transform:translateY(-2px)}.mock-rn-comp-content{display:flex;align-items:center;gap:10px}.mock-rn-comp-icon-box{position:relative;width:36px;height:36px;border-radius:18px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-rn-comp-emoji{font-size:18px}.mock-rn-live-pulse-ring{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:pulseDot 1.2s infinite}.mock-rn-comp-details{flex:1;min-width:0}.mock-rn-status-badge{display:inline-flex;align-items:center;gap:4px;background:#00000040;padding:2px 5px;border-radius:4px;margin-bottom:2px}.mock-rn-status-text{font-size:8px;font-weight:800;color:#fff;letter-spacing:.5px}.mock-rn-live-dot{width:5px;height:5px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444}.mock-rn-comp-program{font-size:9px;color:#ffffffd9;font-weight:600;display:block}.mock-rn-comp-title{font-size:12px;font-weight:800;color:#fff;margin:1px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-rn-comp-time{display:flex;align-items:center;gap:4px;font-size:9px;color:#fffffff2;font-weight:600}.mock-rn-comp-action{background:#fffffff2;color:#dc2626;border-radius:8px;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800}.mock-programs-section{background:#161d2a;border-top-left-radius:24px;border-top-right-radius:24px;padding:14px 12px 18px;border-top:1px solid #26334D;margin-top:4px}.mock-programs-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #26334D;margin-bottom:10px}.mock-programs-header-left{display:flex;align-items:center;gap:8px}.mock-programs-indicator{width:4px;height:18px;border-radius:2px;background:#3b82f6;box-shadow:0 0 8px #3b82f680}.mock-programs-title{font-size:14px;font-weight:800;color:#fff;margin:0;letter-spacing:.2px}.mock-programs-see-all{font-size:11px;font-weight:700;color:#3b82f6;cursor:pointer}.mock-programs-list{display:flex;flex-direction:column;gap:9px}.mock-program-card{background:#161d2a;border:1px solid #1E3A5F;border-radius:14px;overflow:hidden;display:flex;box-shadow:0 4px 10px #0000004d;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.mock-program-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.mock-card-accent-bar{width:4px;border-radius:4px;margin:10px 0 10px 3px;flex-shrink:0}.mock-program-card-inner{flex:1;display:flex;align-items:center;padding:9px 10px;gap:10px}.mock-program-thumb{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-program-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mock-program-name{font-size:12px;font-weight:700;color:#fff;margin:0;line-height:1.3}.mock-program-footer{display:flex;align-items:center;justify-content:space-between}.mock-program-badge{padding:2px 7px;border-radius:8px;font-size:9px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:3px}.mock-program-arrow{width:22px;height:22px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center}.mock-courses-hero{background:linear-gradient(180deg,#161d2a,#0f1624);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid #26334D;flex-shrink:0}.mock-courses-hero-badge{width:46px;height:46px;border-radius:23px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.mock-courses-hero-title{font-size:16px;font-weight:800;color:#fff;margin:0 0 4px}.mock-courses-hero-stats{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;font-weight:600}.mock-hero-stat{display:flex;align-items:center;gap:4px}.mock-hero-divider{color:#475569}.mock-courses-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px}.mock-courses-sec-title{font-size:13px;font-weight:800;color:#fff}.mock-courses-count-badge{background:#3b82f633;color:#60a5fa;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700;border:1px solid rgba(59,130,246,.3)}.mock-courses-list{padding:0 12px;display:flex;flex-direction:column;gap:8px}.mock-course-rn-card{background:#161d2a;border:1px solid #26334D;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.mock-course-rn-card:hover{border-color:#3b82f6;background:#1a2333}.mock-course-rn-icon{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000004d}.mock-course-rn-info{flex:1;min-width:0}.mock-course-rn-index{font-size:9px;font-weight:800;color:#38bdf8;letter-spacing:.5px}.mock-course-rn-title{font-size:11px;font-weight:700;color:#fff;margin:1px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-course-rn-badge-row{display:flex;align-items:center}.mock-badge-enrolled{background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:1px 6px;border-radius:6px;font-size:9px;font-weight:700;color:#34d399;display:inline-flex;align-items:center;gap:3px}.mock-badge-premium{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:1px 6px;border-radius:6px;font-size:9px;font-weight:700;color:#fbbf24;display:inline-flex;align-items:center;gap:3px}.mock-course-rn-arrow{width:24px;height:24px;border-radius:12px;background:#0f1624;border:1px solid #26334D;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-mode-header{background:#161d2a;padding:10px 12px;border-bottom:1px solid #26334D;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mock-mode-back{width:32px;height:32px;border-radius:16px;background:#0f1624;border:1px solid #26334D;display:flex;align-items:center;justify-content:center;cursor:pointer}.mock-mode-header-center{flex:1;text-align:center;padding:0 6px}.mock-mode-sub{font-size:9px;font-weight:800;color:#60a5fa;letter-spacing:.5px;display:block}.mock-mode-title{font-size:13px;font-weight:800;color:#fff;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-mode-instruction{font-size:11px;color:#94a3b8;padding:10px 14px 2px;margin:0}.mock-mode-card{margin:6px 12px;background:#161d2a;border:1px solid #26334D;border-radius:16px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #00000040;transition:transform .2s ease,border-color .2s ease}.mock-mode-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.mock-mode-card-top{display:flex;align-items:flex-start;gap:10px}.mock-mode-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #0000004d}.mock-mode-title-col{flex:1;min-width:0}.mock-mode-title-row{display:flex;align-items:center;justify-content:space-between}.mock-mode-name{font-size:14px;font-weight:800;color:#fff;margin:0}.mock-mode-desc{font-size:10px;color:#94a3b8;margin:3px 0 0;line-height:1.35}.mock-mode-bullets{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #26334D;flex-wrap:wrap}.mock-mode-bullet{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#cbd5e1}.mock-mode-info-box{margin:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px}.mock-mode-info-box p{font-size:10px;color:#93c5fd;margin:0;line-height:1.4}.mock-qp-header{background:linear-gradient(135deg,#1e1b4b,#0f1624);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26334D;flex-shrink:0}.mock-qp-sub{font-size:9px;font-weight:800;color:#818cf8;letter-spacing:.5px;display:block}.mock-qp-card{margin:10px 12px 6px;background:#161d2a;border:1px solid #26334D;border-radius:14px;padding:12px}.mock-qp-num{font-size:10px;font-weight:800;color:#38bdf8;margin-bottom:4px}.mock-qp-text{font-size:12px;font-weight:600;color:#fff;margin:0 0 6px;line-height:1.4}.mock-qp-formula{background:#0f1624;border:1px solid #26334D;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:11px;color:#fbbf24;margin-bottom:10px;display:inline-block}.mock-qp-options{display:flex;flex-direction:column;gap:6px}.mock-qp-option{background:#0f1624;border:1px solid #26334D;border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:10px;color:#cbd5e1;transition:all .2s ease}.mock-qp-bullet{width:20px;height:20px;border-radius:10px;background:#161d2a;border:1px solid #26334D;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#94a3b8;flex-shrink:0}.mock-qp-opt-text{flex:1}.mock-qp-option-correct{background:#10b98126;border-color:#10b981}.mock-bullet-correct{background:#10b981;color:#fff;border-color:#10b981}.mock-qp-feedback{margin-top:10px;padding:7px 10px;background:#10b9811f;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#34d399}.mock-qp-explanation{margin:6px 12px;background:#161d2a;border:1px solid #26334D;border-radius:12px;padding:10px 12px}.mock-expl-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.mock-expl-icon-badge{width:20px;height:20px;border-radius:10px;background:#f59e0b26;display:flex;align-items:center;justify-content:center}.mock-expl-title{font-size:11px;font-weight:800;color:#f59e0b}.mock-expl-body{font-size:10px;color:#cbd5e1;margin:0;line-height:1.45}.mock-qp-bottom-nav{margin:10px 12px;display:flex;align-items:center;justify-content:space-between}.mock-qp-nav-btn{background:#161d2a;border:1px solid #26334D;color:#94a3b8;padding:6px 12px;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer}.mock-qp-nav-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.mock-qp-counter{font-size:11px;font-weight:800;color:#fff;background:#0f1624;padding:4px 10px;border-radius:12px;border:1px solid #26334D}.mock-exam-header{background:linear-gradient(135deg,#7f1d1d,#0f1624);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26334D;flex-shrink:0}.mock-exam-tag{font-size:8px;font-weight:800;color:#fca5a5;letter-spacing:.5px;display:block}.mock-exam-timer-pill{background:#0006;color:#fca5a5;border:1px solid rgba(239,68,68,.35);padding:3px 8px;border-radius:12px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:4px}.mock-exam-bubbles{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px 2px}.mock-bubble{width:20px;height:20px;border-radius:10px;background:#161d2a;border:1px solid #26334D;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#64748b}.mock-bubble-done{background:#10b98126;border-color:#10b981;color:#34d399}.mock-bubble-active{background:#ef4444;border-color:#ef4444;color:#fff}.mock-exam-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mock-exam-qnum{font-size:10px;font-weight:800;color:#ef4444}.mock-exam-flag{font-size:9px;color:#f59e0b;font-weight:600}.mock-stats-tabs-header{background:#161d2a;padding:8px 12px;display:flex;gap:6px;border-bottom:1px solid #26334D;flex-shrink:0}.mock-stats-seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 4px;border-radius:8px;background:#0f1624;border:1px solid #26334D;font-size:10px;font-weight:700;color:#6b7280;cursor:pointer}.mock-stats-seg-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.mock-leaderboard-hero{margin:10px 12px 4px;background:linear-gradient(180deg,#161d2a,#0f1624);border:1px solid #26334D;border-radius:16px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center}.mock-trophy-circle{width:48px;height:48px;border-radius:24px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.mock-leaderboard-title{font-size:14px;font-weight:800;color:#fff;margin:0}.mock-leaderboard-date{font-size:10px;color:#94a3b8;margin:2px 0 6px}.mock-leaderboard-tag{background:#3b82f626;border:1px solid rgba(59,130,246,.3);padding:2px 8px;border-radius:10px;font-size:9px;color:#60a5fa;font-weight:600}.mock-your-rank-card{margin:4px 12px;background:#161d2a;border:1px solid #26334D;border-radius:12px;padding:10px 12px}.mock-your-rank-header{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#94a3b8;margin-bottom:6px}.mock-your-rank-row{display:flex;align-items:center;gap:12px}.mock-your-rank-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:6px 12px;border-radius:10px;font-size:14px;font-weight:800}.mock-your-rank-stats{display:flex;align-items:center;gap:16px}.mock-yr-stat{display:flex;flex-direction:column}.mock-yr-val{font-size:12px;font-weight:800;color:#fff}.mock-yr-sub{font-size:8px;color:#64748b;font-weight:600}.mock-leaderboard-list{margin:4px 12px;display:flex;flex-direction:column;gap:6px}.mock-lb-header-label{font-size:10px;font-weight:800;color:#94a3b8;margin-bottom:2px}.mock-lb-row{background:#161d2a;border:1px solid #26334D;border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:8px}.mock-lb-rank{font-size:12px;font-weight:800;width:18px;text-align:center}.mock-lb-info{flex:1;min-width:0;display:flex;flex-direction:column}.mock-lb-name{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-lb-uni{font-size:8px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-lb-xp{font-size:10px;font-weight:800;color:#f59e0b}.mock-downloads-header{background:linear-gradient(135deg,#064e3b,#0f1624);padding:12px;border-bottom:1px solid #26334D;flex-shrink:0}.mock-dl-shield{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;color:#34d399;margin-bottom:2px}.mock-storage-card{margin:10px 12px 6px;background:#161d2a;border:1px solid #26334D;border-radius:12px;padding:10px 12px}.mock-storage-info{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:#94a3b8;margin-bottom:6px}.mock-storage-amt{color:#34d399;font-weight:800}.mock-storage-bar{width:100%;height:5px;background:#0f1624;border-radius:3px;overflow:hidden}.mock-storage-fill{height:100%;background:#10b981;border-radius:3px}.mock-download-card{background:#161d2a;border:1px solid #26334D;border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:10px}.mock-download-icon{width:32px;height:32px;border-radius:8px;background:#064e3b;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.mock-download-info{flex:1;min-width:0}.mock-download-title{font-size:11px;font-weight:700;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-download-meta{font-size:9px;color:#64748b}.mock-badge-offline{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399;padding:2px 6px;border-radius:6px;font-size:8px;font-weight:800}.mock-maintabs-bar{position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(180deg,#161d2a,#0f1624);border-top-left-radius:26px;border-top-right-radius:26px;border-top:1px solid #26334D;box-shadow:0 -6px 20px #0006;display:flex;align-items:center;justify-content:space-around;padding:0 8px;z-index:30}.mock-maintab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mock-maintab-icon-wrap{width:44px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mock-maintab-icon-wrap.active-gradient{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 3px 8px #3b82f666}.mock-maintab-label{font-size:9px;font-weight:700;color:#94a3b8;margin-top:-1px}.mock-maintab-item.active .mock-maintab-label{color:#3b82f6}.mock-floating-badge{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 14px;border-radius:14px;box-shadow:0 15px 35px -5px #00000026,0 0 0 1px #fffc;display:flex;align-items:center;gap:10px;z-index:10;transition:transform .3s ease}.badge-icon-wrap{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}.badge-title{font-size:11px;font-weight:700;color:#0f172a}.badge-sub{font-size:10px;color:#64748b}.mock-badge-left{top:12%;left:-28px}.mock-badge-right{top:48%;right:-28px}.mock-badge-bottom{bottom:8%;left:-24px}.animate-float-slow{animation:floatSlow 5s ease-in-out infinite}.animate-float-delayed{animation:floatDelayed 4.5s ease-in-out infinite;animation-delay:1.5s}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatDelayed{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 820px){.mock-floating-badge{display:none!important}}.section{padding:clamp(40px,6vw,76px) 0}.section-alt{background:var(--surface-white)}.section-header{text-align:center;max-width:680px;margin:0 auto 50px;display:flex;flex-direction:column;align-items:center;gap:12px}.section-title{font-size:clamp(28px,3.5vw,42px);line-height:1.2}.section-subtitle{font-size:16px;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:var(--surface-white);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:30px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);border-color:#ddd6fe;box-shadow:var(--shadow-xl)}.feature-icon-wrap{width:52px;height:52px;border-radius:16px;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:19px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.stats-banner{background:#090d16;color:#fff;border-radius:var(--radius-xl);padding:clamp(32px,5vw,56px) clamp(18px,4vw,40px);position:relative;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid #1E293B}.stats-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#7c3aed59,#22d3ee1a 40%,#0000 70%);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:clamp(20px,3.5vw,36px);text-align:center;position:relative;z-index:2}@media (max-width: 580px){.stats-grid{grid-template-columns:1fr 1fr;gap:22px 12px}}.stat-num{font-family:var(--font-display);font-size:clamp(30px,5vw,50px);font-weight:800;color:#fbbf24;line-height:1;margin-bottom:8px}.stat-label{font-size:clamp(11px,1.8vw,13px);color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.footer{background:#090d16;color:#e2e8f0;padding:64px 0 32px;margin-top:auto;border-top:1px solid #1E293B}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px}.footer-brand{display:flex;flex-direction:column;gap:14px}.footer-brand-logo{width:44px;height:44px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0006;border:1px solid rgba(255,255,255,.15);flex-shrink:0;background:#0b1120}.footer-brand-img{width:100%;height:100%;object-fit:cover;display:block}.footer-brand-title{font-size:21px;font-weight:800;color:#fff}.footer-brand-tagline{font-size:13px;color:#94a3b8;max-width:320px;line-height:1.5}.footer-heading{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:18px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#94a3b8;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:#22d3ee}.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#64748b;flex-wrap:wrap;gap:16px}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 580px){.footer-grid{grid-template-columns:1fr;gap:28px}}.about-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);color:#6d28d9;font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:16px}.about-amharic-pill{display:inline-block;padding:6px 16px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:999px;color:#4f46e5;font-size:clamp(16px,2.5vw,20px);font-weight:600;margin-bottom:18px}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(20px,3vw,32px)}.mv-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:clamp(24px,4vw,36px);box-shadow:0 4px 16px #0f172a0a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.mv-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a14}.mv-card-mission:hover{border-color:#a78bfa}.mv-card-vision:hover{border-color:#67e8f9}.mv-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.mv-card-mission:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.mv-card-vision:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.founder-story-card{background:#fff;border:1px solid #E2E8F0;border-radius:24px;padding:clamp(24px,4.5vw,40px);box-shadow:0 8px 30px #0f172a0d;margin-bottom:clamp(32px,5vw,48px);position:relative;overflow:hidden}.founder-story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4)}.founder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #F1F5F9}.founder-avatar-wrap{display:flex;align-items:center;gap:16px}.founder-avatar-badge{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;border:1px solid #BFDBFE;box-shadow:0 4px 12px #2563eb1f;flex-shrink:0}.ceo-diary-quote{padding:18px 24px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-left:4px solid #2563EB;border-radius:0 16px 16px 0;margin-bottom:24px}.ceo-diary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.ceo-diary-step{background:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;padding:20px;transition:all .25s ease}.ceo-diary-step:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.ceo-step-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ceo-diary-step h4{font-size:15.5px;font-weight:700;color:#0f172a;margin:0 0 8px}.ceo-diary-step p{font-size:13.5px;color:#64748b;line-height:1.6;margin:0}.faq-list{display:flex;flex-direction:column}.faq-card{transition:all .25s ease}.faq-card button:focus{outline:none}.story-box{background:#fff;border:1px solid #E2E8F0;border-radius:24px;padding:clamp(24px,4.5vw,44px);box-shadow:0 4px 20px #0f172a0a;margin-bottom:clamp(28px,4vw,40px)}.story-lead-quote{padding:18px 24px;background:linear-gradient(135deg,#7c3aed0f,#22d3ee0f);border-left:4px solid #7C3AED;border-radius:0 16px 16px 0;margin:24px 0;font-size:clamp(15px,2vw,17px);font-weight:600;color:#0f172a;line-height:1.6}.stepper-container{display:flex;flex-direction:column;gap:18px;position:relative}.stepper-card{display:flex;gap:clamp(16px,3vw,24px);align-items:flex-start;background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:clamp(18px,3.5vw,28px);box-shadow:0 4px 16px #0f172a08;transition:all .25s ease;position:relative}.stepper-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a0f}.stepper-badge-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.stepper-badge{width:clamp(44px,6vw,54px);height:clamp(44px,6vw,54px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(15px,2vw,18px);color:#fff;box-shadow:0 4px 12px #0000001a}.stepper-content{flex:1}.stepper-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.stepper-title{font-size:clamp(16px,2.2vw,19px);font-weight:700;color:#0f172a;margin:0}.stepper-tag{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em}.stepper-desc{color:#475569;font-size:clamp(13.5px,1.8vw,15px);line-height:1.65;margin:0}.about-cta-card{background:linear-gradient(135deg,#0f1624,#161d2a);border:1px solid #1E3A5F;border-radius:24px;padding:clamp(32px,6vw,52px) clamp(20px,4vw,36px);color:#fff;text-align:center;box-shadow:0 20px 40px #0f162440}.about-cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}@media (max-width: 640px){.stepper-card{padding:16px;gap:14px}.about-cta-buttons .btn,.about-cta-buttons .btn-google-play{width:100%;justify-content:center}}