:root{--blue:#2f80ed;--blue2:#56b8ff;--green:#35c68b;--ink:#17324d;--muted:#6f8194;--bg:#f5fbff;--card:#fff;--line:#e6f0f7;--shadow:0 18px 50px rgba(43,104,153,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(255,255,255,.9);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,240,247,.8)}.brand{font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px}.brand span span{color:var(--green)}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e4fff4}.nav-links{display:flex;align-items:center;gap:28px;font-weight:800;color:#47647e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:14px 22px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(47,128,237,.25);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:9px 16px;border-radius:12px}.btn-light{background:#fff;color:var(--blue);box-shadow:none;border:1px solid var(--line)}.full{width:100%}.hero{min-height:570px;padding:70px 8%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f3fbff 0,#edfff8 100%)}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;background:#fff;border:1px solid #dff3eb;border-radius:999px;padding:9px 15px;color:#25855f;font-weight:800}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.06;margin:22px 0 18px;font-weight:900;letter-spacing:-2px}.hero h1 span{color:var(--blue)}.hero p{font-size:19px;line-height:1.8;color:var(--muted);max-width:650px}.hero-art{height:430px;position:relative;display:grid;place-items:center}.kid-card{width:330px;height:360px;border-radius:48% 48% 28% 28%;background:linear-gradient(180deg,#dff5ff,#cffff0);display:grid;place-items:end center;position:relative;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.kid{font-size:180px;filter:drop-shadow(0 15px 15px rgba(0,0,0,.08))}.float-card{position:absolute;background:#fff;padding:13px 16px;border-radius:18px;box-shadow:var(--shadow);display:grid;font-size:20px}.float-card b{font-size:14px}.float-card span{font-size:11px;color:var(--muted)}.fc1{left:-70px;top:70px;transform:rotate(-5deg)}.fc2{right:-65px;bottom:70px;transform:rotate(4deg)}.sun{position:absolute;top:10px;right:40px;font-size:56px;animation:spin 12s linear infinite}.cloud{position:absolute;font-size:50px;opacity:.8}.c1{left:15px;top:25px}.c2{right:0;bottom:30px}.bubble{position:absolute;border-radius:50%;opacity:.4}.b1{width:230px;height:230px;background:#c8eeff;left:-80px;bottom:-80px}.b2{width:180px;height:180px;background:#c9ffe9;right:36%;top:-70px}.section{padding:90px 8%}.section-title{display:flex;align-items:center;gap:16px;margin-bottom:36px}.section-title>span{font-size:32px;background:#fff;width:66px;height:66px;border-radius:20px;display:grid;place-items:center;box-shadow:var(--shadow)}small{font-weight:900;letter-spacing:1.5px;color:var(--green)}h1,h2,h3,p{margin-top:0}h2{font-size:36px;margin-bottom:8px}.section-title p,.sample p{color:var(--muted)}.calc-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px}.card{background:var(--card);border:1px solid rgba(230,240,247,.9);border-radius:26px;box-shadow:var(--shadow)}.form-card{padding:30px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;font-weight:800;color:#45627b;margin-bottom:18px}input,select,textarea{width:100%;border:1.5px solid #dfeaf2;border-radius:13px;padding:13px 14px;background:#fbfdff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 4px #e8f6ff}.result-card{padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.result-card strong{font-size:70px;line-height:1;color:var(--blue)}.result-card>span{color:var(--muted)}.result-icon,.mascot{font-size:55px}.status{margin:18px 0 10px;padding:8px 15px;border-radius:999px;font-weight:900}.status.success{background:#dffbed;color:#16875d}.status.warning{background:#fff2ce;color:#9d6b00}.notice{background:#eff8ff;border-left:4px solid var(--blue);padding:12px 14px;border-radius:10px;font-size:13px;color:#547089;text-align:left}.notice.large{margin-top:30px;font-size:15px}.growth-section{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:26px;border-radius:23px;background:linear-gradient(180deg,#f8fcff,#fff);border:1px solid var(--line);transition:.2s}.feature:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature i{font-style:normal;font-size:38px}.feature h3{margin:17px 0 8px}.feature p{color:var(--muted);line-height:1.65}.sample{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.mini-chart{padding:28px}.growth-page{min-height:100vh}.page-head,.admin-top,.card-head{display:flex;justify-content:space-between;align-items:center}.page-head h1,.admin-top h1{font-size:42px;margin-bottom:5px}.chart-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart-card{padding:25px;min-height:360px}.chart-card.wide{grid-column:1/-1}footer{text-align:center;padding:35px;background:#17324d;color:#d8e9f5}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf7ff,#eafff5)}.login-card{width:min(430px,92vw);padding:35px;text-align:center}.login-logo{font-size:55px}.login-card label{text-align:left}.alert{background:#ffe8e8;color:#a33;padding:11px;border-radius:10px;margin-bottom:15px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-shell aside{background:#17324d;color:#fff;padding:28px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-shell aside .brand{margin-bottom:40px}.admin-shell aside nav{display:grid;gap:8px}.admin-shell aside nav a{padding:13px;border-radius:12px;color:#cfe2ef;font-weight:800}.admin-shell aside nav a:hover,.admin-shell aside nav a.active{background:#24445f;color:#fff}.side-logout{margin-top:auto;width:100%;padding:12px;background:#24445f;color:#fff;border:0;border-radius:12px;font-weight:800}.admin-main{padding:36px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stat{background:#fff;border-radius:20px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.stat i{font-style:normal;font-size:35px}.stat strong{font-size:30px;display:block}.stat span{color:var(--muted)}.table-card{overflow:hidden}.card-head{padding:20px 24px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#70879a;font-size:12px;text-transform:uppercase}td small{display:block;color:var(--muted);letter-spacing:0}.pill{background:#edf8ff;padding:6px 10px;border-radius:999px;font-size:12px}.table-link{color:var(--blue);font-weight:900}.max-form{max-width:800px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.danger-btn,.icon-btn{border:0;border-radius:10px;padding:10px;background:#ffe9e9;color:#b33;cursor:pointer}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.hero,.calc-grid,.sample,.detail-grid{grid-template-columns:1fr}.hero-art{height:390px}.feature-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:relative;height:auto}.admin-shell aside nav{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:1fr}.chart-cards{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}}@media(max-width:600px){.nav-links a:not(.btn){display:none}.hero,.section{padding:55px 5%}.hero h1{font-size:42px}.hero-art{transform:scale(.8);margin:-20px}.grid-2,.feature-grid{grid-template-columns:1fr}.admin-main{padding:20px}.admin-shell aside nav{grid-template-columns:1fr}.admin-top{align-items:flex-start;gap:15px}.admin-top h1{font-size:30px}}