@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');
:root{--blue:#087fc4;--deep:#0755a2;--green:#43b82c;--ink:#12345c;--soft:#eef8ff;--line:#d8eafa}*{box-sizing:border-box}body{margin:0;background:#f7fbff;color:var(--ink);font-family:Nunito,Arial,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}.shell{max-width:1040px;margin:auto;min-height:100vh;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:38px;width:auto}.brand b{font-size:20px;color:var(--deep)}.avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#70cced);color:#fff;display:grid;place-items:center;font-weight:800}.hero{background:linear-gradient(130deg,#fff 30%,#e5f6ff);border:1px solid var(--line);border-radius:28px;padding:28px;overflow:hidden;position:relative}.eyebrow{color:var(--green);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(29px,5vw,47px);line-height:1.05;margin:10px 0 13px;max-width:600px}h2{font-size:24px;margin:0 0 15px}.sub{font-size:17px;line-height:1.5;max-width:530px;color:#46617e}.week{margin:22px 0;background:#e9f8e6;border-left:5px solid var(--green);padding:14px 16px;border-radius:12px;max-width:650px}.week small{font-weight:800;color:#358f25}.week b{display:block;margin-top:3px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px}.card h3{margin:0 0 12px;font-size:16px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{background:#f7fbff;border:1px solid #cfe4f5;border-radius:12px;padding:9px 11px;color:#24476e;font-size:14px}.choice.active{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 4px 12px #087fc444}.start{width:100%;margin-top:22px;border-radius:16px;background:linear-gradient(100deg,var(--blue),#1599db);color:white;padding:17px;font-size:18px;font-weight:800;box-shadow:0 8px 20px #087fc455}.nav{position:sticky;bottom:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;justify-content:space-around;margin:24px auto 0;max-width:500px;box-shadow:0 5px 18px #1b6e9d19}.nav button{background:transparent;color:#58718c;padding:8px 14px;font-size:13px}.nav button.active{color:var(--blue);font-weight:800}.session{display:flex;min-height:78vh;flex-direction:column;align-items:center;text-align:center;padding-top:35px}.topic-pill{background:#e6f6ff;color:var(--deep);border-radius:100px;padding:8px 14px;font-weight:800}.timer{font-size:52px;font-weight:800;margin:22px}.ai{width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#77d4f3,var(--blue) 65%);box-shadow:0 0 0 11px #d9f3ff,0 0 0 19px #effaff;color:#fff;font-size:42px}.status{margin:27px 0 13px;font-weight:800}.waves{height:56px;display:flex;align-items:center;gap:4px}.waves i{width:5px;background:var(--green);border-radius:4px;animation:wave .9s ease-in-out infinite alternate}.waves i:nth-child(2n){height:36px;animation-delay:.2s}.waves i:nth-child(3n){height:20px;animation-delay:.4s}@keyframes wave{from{height:8px}to{height:48px}}.mic{width:76px;height:76px;border-radius:50%;background:var(--blue);color:#fff;font-size:29px;box-shadow:0 8px 20px #087fc477;margin:16px}.end{background:#fff0f0;color:#c63737;border:1px solid #ffd1d1;padding:12px 20px;border-radius:12px;font-weight:800}.report-head{background:linear-gradient(120deg,#057ac0,#36b928);color:white;border-radius:25px;padding:25px;margin-bottom:18px}.report-head h1{margin:7px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.metric b{font-size:21px;display:block;color:var(--blue)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.report-grid .card{padding:17px}.positive{color:#238c31}.list{padding-left:18px;margin:0}.list li{margin:7px 0}.correction{background:#fff8eb;padding:9px;border-radius:9px;margin:8px 0;font-size:14px}.from{text-decoration:line-through;color:#9b5b3f}.to{color:#298d34;font-weight:800}.progress-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history{margin-top:16px}.session-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.session-row:last-child{border:0}.session-row button{background:#e8f5ff;color:var(--blue);padding:7px 10px;border-radius:8px;font-weight:800}.bar-chart{height:110px;display:flex;align-items:end;gap:11px;margin-top:10px}.bar{flex:1;background:linear-gradient(var(--green),var(--blue));border-radius:8px 8px 0 0}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);font-size:14px}.login{max-width:430px;margin:12vh auto;background:white;padding:28px;border-radius:25px;border:1px solid var(--line);text-align:center}.login img{width:170px}.login input{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.small{font-size:13px;color:#6b829a}.hide{display:none}@media(max-width:620px){.shell{padding:13px}.top{margin-bottom:18px}.hero{padding:22px 18px;border-radius:22px}.grid{grid-template-columns:1fr;gap:11px}.card{padding:16px}.report-grid{grid-template-columns:1fr}.progress-top{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.metrics .metric:last-child{grid-column:span 2}.top .brand img{height:31px}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}}
.voice-stage{margin:9px auto 18px;width:min(340px,90vw);height:260px;border-radius:38px;background:radial-gradient(circle at 50% 42%,#d8f6ff 0 19%,#b8e7f6 20% 21%,transparent 22%),linear-gradient(145deg,#f3fbff,#e7f8ef);position:relative;display:grid;place-items:center;overflow:hidden}.voice-stage:before,.voice-stage:after{content:'';position:absolute;border:1px solid #91d7ee;border-radius:50%;animation:ripple 2.4s infinite}.voice-stage:before{width:195px;height:195px}.voice-stage:after{width:245px;height:245px;animation-delay:.7s}.voice-stage .ai{z-index:2}.live-dot{position:absolute;top:21px;right:22px;background:#fff;color:#218d34;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:800;z-index:2}.live-dot:before{content:'●';margin-right:5px}@keyframes ripple{0%{opacity:.8;transform:scale(.75)}100%{opacity:0;transform:scale(1.2)}}
.onboarding{max-width:820px;margin:3vh auto 0;background:linear-gradient(145deg,#fff,#f3fbff);border:1px solid var(--line);border-radius:30px;padding:clamp(22px,5vw,42px);min-height:580px;padding-bottom:100px}.onboarding h1{margin-top:12px}.onboard-progress{display:flex;gap:10px;align-items:center}.onboard-progress span{height:28px;width:28px;border-radius:50%;background:#e1eef6;color:#7190a7;display:grid;place-items:center;font-size:12px;font-weight:800;position:relative}.onboard-progress span:not(:last-child):after{content:'';position:absolute;left:28px;width:10px;height:2px;background:#d8e7f1}.onboard-progress .active{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #dceffc}.onboard-progress .done{background:var(--green);color:#fff}.step-count{font-size:12px;color:#6d88a1;font-weight:800;letter-spacing:.12em;margin:22px 0 0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.topic-card,.level-card,.mode-card{background:#fff;border:1px solid #d7eaf6;color:var(--ink);border-radius:18px;transition:.18s transform,.18s border,.18s box-shadow}.topic-card{min-height:118px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:9px}.topic-card i{font-style:normal;font-size:34px}.topic-card b{font-size:13px}.topic-card:hover,.level-card:hover,.mode-card:hover{transform:translateY(-2px);border-color:#74bfe5}.topic-card.selected,.level-card.selected,.mode-card.selected{border:2px solid var(--blue);background:#effaff;box-shadow:0 8px 20px #087fc41d}.step-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}.next,.back{padding:13px 20px;border-radius:13px;font-weight:800}.next{background:var(--blue);color:#fff;margin-left:auto}.back{background:#eaf5fb;color:var(--deep)}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:42px 0}.level-card{padding:22px 12px;text-align:left;display:flex;flex-direction:column;gap:8px}.level-card b{font-size:31px;color:var(--blue)}.level-card span{font-size:13px}.level-card i{font-size:13px;color:var(--green);font-style:normal;letter-spacing:2px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px 0}.mode-card{padding:26px 18px;text-align:center;display:flex;flex-direction:column;gap:9px;align-items:center;min-height:200px}.mode-card i{font-size:42px;font-style:normal}.mode-card b{font-size:18px}.mode-card span{font-size:13px;color:#637c95;line-height:1.4}.summary-hero{text-align:center;background:linear-gradient(135deg,#e1f6ff,#edf9e9);border-radius:24px;padding:28px;margin:29px 0 16px}.summary-icon{font-size:54px}.summary-hero h2{font-size:30px;margin:4px}.summary-items{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:17px}.summary-items span{background:#fff;padding:8px 11px;border-radius:99px;color:#305775;font-size:13px;font-weight:800}@media(max-width:620px){.onboarding{border:0;background:transparent;padding:5px 5px 102px;min-height:auto}.topic-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0}.topic-card{min-height:100px}.topic-card i{font-size:29px}.topic-card b{font-size:12px}.level-grid{grid-template-columns:repeat(2,1fr);margin:25px 0}.mode-grid{grid-template-columns:1fr;margin:24px 0}.mode-card{min-height:0;flex-direction:row;text-align:left}.mode-card span{flex:1}.summary-hero{margin-top:24px}}