@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#252a27;background:#f7f5f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app-shell{max-width:1160px;margin:0 auto;padding:0 42px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e5de}.brand{display:flex;align-items:center;gap:11px;color:#28352f;text-decoration:none;font-weight:700;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#dce9df;color:#37634b;font-family:Playfair Display,serif;font-size:25px}.text-button{border:0;background:transparent;color:#58645d;font-weight:600;cursor:pointer}.welcome{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding:75px 0 70px}.teacher-card{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#e6eee6,#d5e2d8)}.teacher-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#f8f4e9;top:42px;left:50%;transform:translate(-50%)}.teacher-avatar{position:relative;width:230px;height:300px;margin-top:70px}.avatar-hair{position:absolute;z-index:2;left:48px;top:0;width:138px;height:160px;border-radius:68px 68px 46px 46px;background:#59463e}.avatar-face{position:absolute;z-index:3;left:64px;top:35px;width:106px;height:125px;border-radius:48% 48% 45% 45%;background:#e9b99d}.eye{position:absolute;top:55px;width:7px;height:8px;border-radius:50%;background:#493c35}.eye-left{left:28px}.eye-right{right:28px}.smile{position:absolute;left:42px;top:82px;width:23px;height:11px;border-bottom:2px solid #9b5f59;border-radius:0 0 20px 20px}.avatar-neck{position:absolute;z-index:2;left:101px;top:145px;width:34px;height:43px;background:#dfa98d}.avatar-shirt{position:absolute;left:24px;top:172px;width:185px;height:160px;border-radius:85px 85px 15px 15px;background:#789b83}.online-dot{position:absolute;right:30px;bottom:28px;width:14px;height:14px;border-radius:50%;background:#5f9d70;border:3px solid #e3ede3}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#66816e}.intro h1{font-family:Playfair Display,serif;font-size:clamp(38px,5vw,58px);line-height:1.12;letter-spacing:-1.5px;margin:17px 0 20px;font-weight:600}.intro h1 em{font-weight:600;color:#62816b}.intro p{max-width:480px;color:#707872;line-height:1.8;font-size:16px}.actions{display:flex;align-items:center;gap:17px;margin-top:28px;flex-wrap:wrap}.primary-button{border:0;border-radius:13px;padding:15px 20px;background:#456d53;color:#fff;font-weight:700;display:flex;gap:24px;align-items:center;opacity:.65}.coming-soon{font-size:12px;color:#89918b}.setup-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;padding:32px;border:1px solid #e8e5de;border-radius:22px;background:#fffefa}.setup-panel h2{font-family:Playfair Display,serif;font-size:27px;margin:9px 0}.setup-panel p{font-size:13px;color:#7b837d;line-height:1.6;max-width:310px}.language-options{display:grid;gap:9px}.language-option{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 14px;border:1px solid #e9e8e1;border-radius:13px;background:#fffefa;color:#303a33}.language-option:disabled{opacity:.55}.language-option.selected{border-color:#9bb49f;background:#f4f8f3}.language-option strong,.language-option small{display:block}.language-option strong{font-size:13px}.language-option small{font-size:11px;color:#879088;margin-top:3px}.language-option .flag{font-size:23px}.language-option .check{margin-left:auto;color:#4e7b5a;font-weight:700}.language-option>small:last-child{margin-left:auto}footer{display:flex;gap:18px;justify-content:space-between;padding:25px 0 32px;color:#929991;font-size:11px}.status.good{color:#54805e}.language-count{color:#929991}@media(max-width:760px){.app-shell{padding:0 20px}.welcome{grid-template-columns:1fr;gap:35px;padding:38px 0}.teacher-card{height:290px}.teacher-avatar{transform:scale(.8);margin-top:75px}.intro h1{font-size:42px}.setup-panel{grid-template-columns:1fr;gap:20px;padding:23px}.topbar{height:68px}footer{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}}
