:root{
  --q-blue:#116BFF;
  --q-blue-2:#0ea5ff;
  --q-navy:#07144C;
  --q-text:#24365f;
  --q-muted:#72809b;
  --q-bg:#eef7ff;
  --q-bg-2:#f7fbff;
  --q-line:#c9ddf5;
  --q-card:#ffffff;
  --q-orange:#ff7900;
  --q-orange-2:#ff5b00;
  --q-green:#16b85e;
  --q-shadow:0 18px 48px rgba(15,56,122,.10);
  --q-soft-shadow:0 10px 30px rgba(15,56,122,.08);
  --q-radius:22px;
  --q-radius-lg:30px;
  --sidebar:206px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{min-height:100%;background:linear-gradient(180deg,#f6fbff 0%,#edf6ff 100%)}
body{margin:0;min-height:100%;color:var(--q-navy);background:radial-gradient(circle at 7% 17%,rgba(147,200,255,.35) 0 80px,transparent 82px),linear-gradient(180deg,#f7fbff 0%,#eff7ff 100%);font-weight:650}
button,input,select{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}.hidden{display:none!important}
.q-shell{min-height:100vh}.q-public{max-width:1448px;min-height:100vh;margin:0 auto;background:rgba(255,255,255,.72);border:1px solid rgba(163,196,237,.48);border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 20px 80px rgba(18,71,132,.08)}
.public-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 105px 0 124px;border-bottom:1px solid #d8e6f5;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
.logo-img{width:106px;height:auto}.desktop-menu{display:flex;align-items:center;gap:40px;font-size:14px;font-weight:800}.login-btn{border:1.5px solid var(--q-blue);color:var(--q-blue);background:#fff;border-radius:8px;padding:12px 20px;font-weight:850}.hamb{display:none;border:0;background:#fff;border-radius:14px;color:var(--q-navy);font-size:28px;padding:8px 12px;box-shadow:var(--q-soft-shadow)}
.hero{position:relative;padding:34px 132px 16px 132px;overflow:hidden}.hero:before{content:"";position:absolute;left:-52px;top:30px;width:192px;height:192px;background:rgba(206,230,255,.70);border-radius:50%;z-index:0}.hero:after{content:"";position:absolute;right:70px;top:70px;width:112px;height:112px;background:rgba(255,229,211,.45);border-radius:50%;z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:380px}.mascot-wrap{position:relative;display:flex;justify-content:center;align-items:center}.spark{position:absolute;border-radius:50%;background:#d0e7ff}.spark.s1{width:16px;height:16px;left:90px;top:80px}.spark.s2{width:26px;height:26px;left:55px;top:230px}.spark.s3{width:10px;height:10px;right:62px;top:38px}.mascot-main{width:430px;margin-top:-8px;filter:drop-shadow(0 20px 40px rgba(10,93,171,.15))}.hero-form{padding:10px 0 0 12px}.hero-title{display:flex;align-items:flex-end;gap:18px;margin:0 0 8px}.hero-title img{width:168px;margin-bottom:4px}.hero-title h1{font-size:50px;line-height:.95;margin:0;color:var(--q-navy);letter-spacing:-1.6px;font-weight:950}.hero-sub{font-size:21px;line-height:1.25;margin:10px 0 8px;color:#26396a}.hero-sub b{color:var(--q-blue)}.hero-micro{font-size:16px;color:#273760;margin:0 0 24px;font-weight:650}.field{position:relative;margin:14px 0}.field label{position:absolute;top:-8px;left:16px;background:#fbfdff;color:#2b3b64;font-size:13px;padding:0 5px;font-weight:800}.field input,.field select{width:100%;height:48px;border:1.5px solid #c4d3e7;border-radius:8px;padding:0 15px;font-size:15px;color:#657394;background:#fff;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.cta{height:58px;border:0;border-radius:8px;background:linear-gradient(180deg,var(--q-orange) 0%,var(--q-orange-2) 100%);color:#fff;font-size:21px;font-weight:900;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 8px 0 rgba(225,76,0,.45),0 18px 32px rgba(255,103,0,.25)}.cta .arr{background:#fff;color:#ff6c00;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:24px;line-height:1}.sample-link{margin-top:17px;text-align:center;color:var(--q-blue);font-size:15px;font-weight:850}.sample-link span{font-size:17px;margin-right:8px}.trust{margin:18px auto 14px;width:calc(100% - 264px);display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border-radius:15px;box-shadow:var(--q-soft-shadow);border:1px solid rgba(203,220,241,.55);overflow:hidden}.trust-item{min-height:86px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:16px 34px}.trust-item:not(:last-child){border-right:1px solid #dce8f6}.bubble{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:var(--q-blue);font-size:24px;font-weight:950}.bubble.blue{background:var(--q-blue);color:#fff}.trust-title{font-size:17px;font-weight:950}.trust-sub{font-size:13px;color:#5f6e8e;margin-top:3px}.impact{margin:0 auto 10px;width:calc(100% - 264px);min-height:121px;border:1.4px solid #ffd196;border-radius:16px;background:linear-gradient(90deg,#fff5e4 0%,#fffdf9 56%,#fff5e8 100%);display:grid;grid-template-columns:360px 1fr 260px;align-items:center;padding:0 32px;gap:16px}.impact-graphic{display:flex;align-items:center;justify-content:center;gap:28px;font-size:58px}.impact-title{font-size:31px;font-weight:950;color:var(--q-navy);letter-spacing:-.4px}.impact-title b{color:#08aeea}.impact-sub{font-size:17px;color:#263a64;margin-top:5px}.counter{background:#fff;border:1.4px solid #ffd196;border-radius:14px;padding:18px 24px;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}.counter-num{font-size:33px;font-weight:950;line-height:1;color:#13205d}.counter-lbl{font-size:13px;color:#516282}.stories{width:calc(100% - 264px);margin:4px auto 16px}.section-title{text-align:center;font-size:24px;font-weight:950;margin:0 0 10px;color:var(--q-navy)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-card{height:180px;border-radius:11px;overflow:hidden;position:relative;background:#d8e7f4;box-shadow:var(--q-soft-shadow)}.story-card img{width:100%;height:100%;object-fit:cover}.play-dot{position:absolute;right:15px;top:20px;width:47px;height:47px;border-radius:50%;background:#fff;color:var(--q-navy);display:grid;place-items:center;font-size:18px}.quote{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 17px 78px;background:linear-gradient(90deg,rgba(9,19,47,.80),rgba(9,19,47,.58));color:#fff;font-size:15px;line-height:1.25}.quote:before{content:"";position:absolute;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;background:#fff url('assets/qira-app-icon.png') center/90% no-repeat}.quote small{display:block;margin-top:3px;color:#eaf2ff;font-weight:650}.share-cta{width:calc(100% - 264px);margin:0 auto 18px;border:1.5px solid #bddcff;border-radius:14px;background:linear-gradient(90deg,#f1f8ff 0%,#fff 100%);display:grid;grid-template-columns:270px 1fr 280px;align-items:center;padding:0 28px;min-height:107px;overflow:hidden}.share-mascot img{width:180px;margin-top:34px}.share-copy h3{font-size:22px;margin:0 0 5px;font-weight:950}.share-copy p{margin:0;color:#59698a;font-size:14px}.secondary{height:56px;border:1.5px solid #acd0ff;background:#fff;color:var(--q-blue);border-radius:10px;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}.secondary svg{width:21px;height:21px}
.app-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;background:linear-gradient(180deg,#f8fcff 0%,#eef7ff 100%)}.sidebar{background:rgba(255,255,255,.86);border-right:1px solid #dbe9f7;padding:30px 18px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.sidebar .logo-img{width:122px;margin:0 auto 18px}.side-nav{display:flex;flex-direction:column;gap:14px}.side-link{height:72px;border-radius:11px;display:grid;grid-template-columns:48px 1fr;align-items:center;padding:0 17px;color:#132456;font-size:17px;font-weight:850}.side-link.active{background:#eef6ff;color:var(--q-blue)}.side-icon{font-size:29px;text-align:center}.main{min-width:0}.topbar{height:80px;background:rgba(255,255,255,.72);border-bottom:1px solid #dbe9f7;display:flex;align-items:center;justify-content:flex-end;padding:0 46px;gap:25px}.bell{font-size:28px;position:relative}.bell:after{content:"";position:absolute;right:0;top:2px;width:9px;height:9px;border-radius:50%;background:#ff3838}.account{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:850}.avatar{width:38px;height:38px;border-radius:50%;background:var(--q-blue);color:white;display:grid;place-items:center}.content{padding:36px 68px 52px}.hello{font-size:29px;line-height:1.1;margin:0 0 20px;font-weight:950;letter-spacing:-.5px}.hello b{color:var(--q-blue)}.dash-hero{min-height:324px;border:1.5px solid #bddcff;border-radius:20px;background:linear-gradient(115deg,#eef8ff,#fff);display:grid;grid-template-columns:1fr 430px;overflow:hidden;position:relative}.dash-copy{padding:40px 58px}.eyebrow{font-size:17px;color:var(--q-blue);font-weight:950;margin-bottom:8px}.dash-copy h1{font-size:44px;margin:0 0 20px;letter-spacing:-1px;line-height:1}.big-progress{font-size:40px;font-weight:950;color:var(--q-blue);display:flex;align-items:end;gap:10px;margin-bottom:12px}.big-progress small{font-size:16px;color:#7a89a5;margin-bottom:8px}.bar{width:340px;height:9px;border-radius:999px;background:#d9e2ef;overflow:hidden}.bar i{display:block;height:100%;background:var(--q-blue);border-radius:999px}.dash-mascot{display:flex;align-items:flex-end;justify-content:center}.dash-mascot img{height:330px;object-fit:contain;filter:drop-shadow(0 20px 36px rgba(0,102,199,.15))}.green-strip{margin:17px 0 23px;min-height:59px;border:1.5px solid #b8e7c9;background:linear-gradient(90deg,#f1fff6,#ecfff2);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 19px;color:#078a37;font-size:17px;font-weight:900}.green-strip b{display:inline-grid;place-items:center;background:#1cc863;color:#fff;width:38px;height:38px;border-radius:50%;margin-right:16px}.pill{border-radius:999px;background:#d8f7df;color:#078a37;padding:9px 16px;font-weight:950}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card,.rec-card,.quick-card,.panel,.topic-card,.price-card{background:#fff;border:1px solid #d7e6f6;border-radius:14px;box-shadow:var(--q-soft-shadow)}.stat-card{min-height:140px;display:grid;grid-template-columns:82px 1fr;align-items:center;padding:22px}.stat-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:#eaf4ff}.stat-title{font-size:13px;color:#56668a}.stat-value{font-size:29px;font-weight:950;margin-top:5px}.orange{color:#ff7800}.purple{color:#7139d8}.cyan{color:#0db9c8}.stat-sub{font-size:12px;color:#7886a2;margin-top:5px}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.rec-card{min-height:130px;display:grid;grid-template-columns:100px 1fr 44px;align-items:center;padding:18px}.rec-emoji{font-size:58px;text-align:center}.rec-card h3{font-size:17px;margin:0 0 6px;color:var(--q-blue)}.rec-card p{margin:0;color:#5f6f8f;font-size:14px}.circle-go{width:42px;height:42px;border-radius:50%;border:1px solid #d7e4f3;display:grid;place-items:center;color:#53627e;background:#fff}.quick-title{font-size:20px;font-weight:950;margin:0 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.quick-card{min-height:83px;display:flex;align-items:center;justify-content:center;gap:18px;color:#213363}.quick-card b{font-size:36px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-head h1{margin:0;font-size:38px;line-height:1;font-weight:950;letter-spacing:-.7px}.page-head p{margin:8px 0 0;color:#60708f;font-size:16px}.page-actions{display:flex;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.panel{padding:28px}.panel h2{margin:0 0 9px;font-size:27px}.panel p{margin:0 0 20px;color:#64728d;line-height:1.45}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{min-height:170px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.topic-emoji{font-size:45px}.topic-card h3{font-size:22px;margin:0}.topic-card p{font-size:14px;color:#697894;margin:0}.quiz-wrap{max-width:820px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quiz-pill{background:#e9f3ff;color:var(--q-blue);border-radius:999px;padding:10px 18px;font-weight:950}.question-card{background:#fff;border:1px solid #d7e6f7;border-radius:26px;box-shadow:var(--q-shadow);padding:38px}.question-card h1{font-size:44px;text-align:center;margin:15px 0 30px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.answer{min-height:72px;border:2px solid #d8e6f6;background:#fff;border-radius:16px;font-size:25px;font-weight:950;color:#21325c}.answer.active{border-color:var(--q-blue);background:#eaf4ff;color:var(--q-blue)}.result-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #d7e6f7;border-radius:28px;box-shadow:var(--q-shadow);padding:42px;text-align:center}.score{font-size:68px;font-weight:950;color:var(--q-blue);line-height:1}.stars{font-size:36px;margin:12px 0}.focus-box{margin:26px 0;background:#f2f8ff;border:1px solid #d7e7f8;border-radius:18px;padding:20px;text-align:left}.lms-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.lesson-card{display:grid;grid-template-columns:120px 1fr 48px;gap:20px;align-items:center;padding:20px;border:1px solid #d8e7f6;border-radius:18px;background:#fff;margin-top:16px}.video-thumb{height:74px;border-radius:14px;background:linear-gradient(135deg,#dff0ff,#fff1e6);display:grid;place-items:center;font-size:34px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:28px;position:relative}.tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef6ff;color:var(--q-blue);font-size:12px;font-weight:950}.price{font-size:44px;margin:18px 0 5px;font-weight:950;color:var(--q-navy)}.price-card ul{margin:18px 0 26px;padding-left:20px;color:#596982;line-height:1.8}.more-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.more-item{background:#fff;border:1px solid #d8e7f6;border-radius:16px;padding:20px;display:flex;align-items:center;gap:18px;box-shadow:var(--q-soft-shadow)}.more-item b:first-child{font-size:32px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:60px;max-width:1120px;margin:0 auto;padding:50px}.auth-brand{display:flex;justify-content:center}.auth-brand img{max-width:480px}.auth-card{background:#fff;border:1px solid #d8e7f6;border-radius:26px;box-shadow:var(--q-shadow);padding:34px}.auth-card .logo-img{margin-bottom:16px}.auth-card h1{font-size:32px;margin:0 0 8px}.auth-card p{margin:0 0 24px;color:#667591}.mock-ref{margin-top:28px;background:#07144C;color:#fff;border-radius:18px;padding:22px}.mock-ref h3{margin:0 0 10px}.mock-ref a{display:inline-flex;margin:5px 8px 5px 0;background:#fff;color:#07144C;border-radius:999px;padding:9px 13px;font-size:13px}.mobile-bottom{display:none}.mobile-drawer{display:none}
@media(max-width:900px){body{background:#f1f8ff}.q-public{border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#f8fcff 0,#edf7ff 100%)}.public-header{height:70px;padding:0 22px}.desktop-menu{display:none}.hamb{display:block}.logo-img{width:104px}.hero{padding:18px 24px 10px}.hero:before{width:140px;height:140px;left:-62px;top:110px}.hero-grid{display:flex;flex-direction:column;min-height:0}.mascot-main{width:min(88vw,360px);margin:5px auto 0}.hero-form{width:100%;padding:0}.hero-title{display:block;text-align:left;margin-top:5px}.hero-title img{width:150px}.hero-title h1{font-size:42px;line-height:1.05;margin-top:6px}.hero-sub{font-size:19px;margin-top:8px}.hero-micro{font-size:14px}.field input,.field select{height:55px;border-radius:14px}.cta{height:58px;border-radius:14px;font-size:18px;box-shadow:0 7px 0 rgba(225,76,0,.45),0 14px 26px rgba(255,103,0,.23)}.trust{width:100%;grid-template-columns:1fr;margin:20px 0}.trust-item{min-height:66px;padding:12px 18px}.trust-item:not(:last-child){border-right:0;border-bottom:1px solid #dce8f6}.impact{width:100%;grid-template-columns:1fr;min-height:auto;padding:20px;margin:16px 0;text-align:left}.impact-graphic{font-size:42px;justify-content:flex-start}.impact-title{font-size:27px}.counter{grid-template-columns:44px 1fr}.stories{width:100%;margin:18px 0}.section-title{text-align:left;font-size:22px}.story-grid{grid-template-columns:1fr;gap:14px}.story-card{height:205px}.share-cta{width:100%;grid-template-columns:1fr;margin:16px 0 24px;padding:18px;text-align:left}.share-mascot{display:none}.secondary{height:52px}.app-layout{display:block;padding-bottom:92px}.sidebar,.topbar{display:none}.content{padding:22px 18px 28px}.hello{font-size:27px;margin-top:8px}.dash-hero{grid-template-columns:1fr;min-height:0;border-radius:22px}.dash-copy{padding:26px}.dash-copy h1{font-size:34px}.dash-mascot{display:none}.bar{width:100%}.green-strip{font-size:14px;align-items:flex-start;gap:10px;flex-direction:column;padding:14px 16px}.green-strip b{margin-right:8px}.stat-grid,.rec-grid,.quick-grid,.grid-2,.grid-3,.topic-grid,.lms-grid,.package-grid,.more-list{grid-template-columns:1fr}.stat-card{min-height:118px}.rec-card{grid-template-columns:76px 1fr 42px}.quick-card{justify-content:flex-start;padding:0 22px}.page-head{display:block}.page-head h1{font-size:32px}.page-actions{margin-top:14px}.panel{padding:22px;border-radius:20px}.answers{grid-template-columns:1fr}.question-card{padding:24px;border-radius:22px}.question-card h1{font-size:36px}.auth-screen{grid-template-columns:1fr;padding:22px}.auth-brand{display:none}.auth-card{padding:24px}.mobile-bottom{position:fixed;left:12px;right:12px;bottom:12px;height:70px;border-radius:24px;background:#fff;border:1px solid #d7e6f6;box-shadow:0 18px 48px rgba(12,50,110,.18);display:grid;grid-template-columns:repeat(5,1fr);z-index:50}.mb-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#566789;font-size:11px;font-weight:900}.mb-item b{font-size:22px}.mb-item.active{color:var(--q-blue)}.public .mobile-bottom{display:none}.mobile-drawer.open{display:block;position:fixed;inset:0;background:rgba(7,20,76,.32);z-index:80}.drawer-card{position:absolute;right:14px;top:78px;width:min(330px,calc(100vw - 28px));background:#fff;border-radius:24px;padding:18px;border:1px solid #d7e6f6;box-shadow:var(--q-shadow)}.drawer-card a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;font-weight:900}.drawer-card a:hover{background:#eef6ff}}