@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#142d4e;--blue:#315e91;--gold:#c9a96e;--ink:#203047;--muted:#718096;--line:#e7ebf1;--bg:#f6f8fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:23px}h3{font-size:18px}.muted,.section-head p{color:var(--muted)}.small{font-size:12px}.topbar{height:auto;min-height:76px;padding:14px max(5vw,22px);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:19px;font-weight:500}.brand b{font-weight:700}.brand-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#1d426b,#c5a36b);display:grid;place-items:center;color:white;font:700 28px 'Playfair Display';box-shadow:0 8px 20px #142d4e22}.smallmark{width:38px;height:38px;border-radius:12px;font-size:21px}.topbar nav{display:flex;gap:22px;flex-wrap:wrap}.topbar nav a,.top-user>a:not(.btn){color:#53647a;font-weight:600;font-size:13px}.top-user{display:flex;align-items:center;gap:15px;font-size:13px}.btn{border:0;border-radius:9px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;font:600 14px 'DM Sans';cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--navy);color:#fff}.outline{border:1px solid #d8e0ea;color:var(--navy);background:#fff}.sm{padding:9px 13px;font-size:12px}.full{width:100%;margin-top:8px}.page{max-width:1180px;margin:42px auto;padding:0 24px;min-height:65vh}.narrow{max-width:700px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 38px;background:linear-gradient(115deg,#142d4e,#315e91);border-radius:18px;color:#fff}.welcome p{color:#d8e4f0;margin:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--gold);display:block;margin-bottom:10px}.welcome .eyebrow{color:#e2c997}.welcome h1{font:700 32px 'Playfair Display'}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 38px}.stat,.panel,.course-card,.child-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 4px 16px #20304708}.stat span,.stat small{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:32px;display:block;margin:8px 0;color:var(--navy)}.section{margin:34px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2,.section-head h1{margin-bottom:4px}.section-head p{margin:0}.text-link{font-weight:700;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.child-card{display:flex;align-items:center;gap:15px}.child-card h3,.course-card h3{margin:8px 0}.child-card p,.course-card p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:10px}.avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:#e9eff6;color:var(--navy);display:grid;place-items:center;font:700 23px 'Playfair Display'}.photo{object-fit:cover}.course-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f1eadc;color:#8c6c37;font-weight:700;margin-bottom:17px}.course-meta{font-size:12px;color:var(--muted);margin:15px 0}.course-card .btn{margin-top:8px}.empty{text-align:center;padding:42px 20px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;color:var(--muted)}.empty h3{color:var(--ink)}.panel{padding:32px;margin-top:22px}.panel form{max-width:100%}label{display:block;font-weight:600;font-size:13px;margin:16px 0;color:#40516a}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:var(--ink);font:14px 'DM Sans';margin-top:7px;outline:none}input:focus,select:focus,textarea:focus{border-color:#7595b8;box-shadow:0 0 0 3px #315e9114}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span2{grid-column:span 2}.alert{padding:13px 15px;border-radius:9px;background:#edf3f9;margin:16px 0;color:#31506f;font-size:13px}.alert.error{background:#fff0ee;color:#a33d31}.alert.success{background:#eaf7ef;color:#246c42}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#e7edf4,transparent 36%),#f6f8fb}.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;width:min(100%,440px);box-shadow:0 20px 60px #142d4e12}.auth-card.wide{width:min(100%,620px)}.auth-card h1{text-align:center;font:700 29px 'Playfair Display';margin:18px 0 7px}.auth-card>.muted{text-align:center;margin-bottom:25px}.centered{justify-content:center}.auth-foot{text-align:center;font-size:13px;color:var(--muted);margin:23px 0 0}.footer{padding:25px 5vw;color:#8290a2;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line);background:#fff}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px;border-bottom:1px solid var(--line)}th{background:#f8fafc;color:#65758b}.classroom{min-height:310px;background:linear-gradient(135deg,#172f50,#416c9b);border-radius:14px;display:grid;place-items:center;text-align:center;color:#fff;margin:25px 0;padding:25px}.classroom p{max-width:520px;color:#dce6f0;line-height:1.7}.class-icon{width:70px;height:70px;border:1px solid #ffffff66;border-radius:22px;display:grid;place-items:center;margin:0 auto 20px;font:700 38px 'Playfair Display'}.badge{font-size:10px;letter-spacing:1px;padding:7px 10px;border:1px solid #ffffff66;border-radius:20px}.hero{max-width:1180px;margin:70px auto;padding:30px 24px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;min-height:65vh}.hero-copy h1{font:700 clamp(42px,5vw,64px)/1.12 'Playfair Display';color:var(--navy);max-width:650px}.hero-copy h1 em{color:#b18b4e}.hero-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#64758a;font-size:12px}.hero-art{height:390px;border-radius:48% 52% 50% 50%;background:linear-gradient(145deg,#e9eef4,#d8e2ed);display:grid;place-items:center;position:relative}.art-circle{width:210px;height:210px;border-radius:50%;background:linear-gradient(145deg,#1e4169,#c9a96e);display:grid;place-items:center;color:#fff;font:700 100px 'Playfair Display';box-shadow:0 20px 50px #142d4e33}.floating-card{position:absolute;bottom:55px;right:-15px;background:#fff;padding:18px 22px;border-radius:13px;box-shadow:0 10px 30px #142d4e18}.floating-card b,.floating-card small{display:block}.floating-card small{color:var(--muted);margin-top:5px}@media(max-width:760px){.topbar{align-items:flex-start}.topbar nav{order:3;width:100%;gap:15px;overflow:auto;padding:8px 0}.top-user{margin-left:auto}.welcome{align-items:flex-start;flex-direction:column;padding:26px}.stats{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;margin:30px auto;gap:25px}.hero-art{height:260px}.art-circle{width:150px;height:150px;font-size:75px}.floating-card{right:0;bottom:20px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.footer{gap:10px;flex-direction:column}.page{margin:28px auto;padding:0 16px}.panel{padding:23px}.auth-card{padding:28px 22px}}