:root{color:#193e54;font-synthesis:none;background:#fafcfb;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;color:#fff;background:#235e7a;border:0;border-radius:12px;padding:13px 23px;font-weight:700;display:inline-block}button:hover,.button:hover{background:#174963}button:disabled{opacity:.5;cursor:default}header{background:#fff;border-bottom:1px solid #e2eaed;justify-content:space-between;align-items:center;gap:16px;padding:14px 6%;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.brand small{color:#84949b;margin-top:5px;font-size:10px;display:block}header img{object-fit:contain}header nav{gap:30px;margin:auto;font-size:14px;display:flex}main{max-width:1200px;margin:auto;padding:0 28px}section{padding:65px 0;scroll-margin-top:30px}h1{letter-spacing:-1.5px;margin:18px 0;font-size:47px;line-height:1.65}h2{font-size:28px}h3{line-height:1.6}p{color:#617580;line-height:1.95}em{color:#338bab;font-style:normal}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;min-height:650px;display:grid}.eyebrow{color:#378199;letter-spacing:.5px;font-size:13px;font-weight:700}.hero p{max-width:510px;font-size:17px}.hero small{color:#7c8a90;margin-top:25px;display:block}.textlink{margin:16px;font-size:14px;display:inline-block}.journey{text-align:center;background:#edf6f7;border:1px solid #dcebed;border-radius:30px;padding:36px 25px;box-shadow:0 18px 50px #245e7910}.journey h2{font-size:19px}.medal{color:#b78a30;background:#fff7df;border:8px double #d7b667;border-radius:50%;place-items:center;width:120px;height:120px;margin:30px auto 20px;font-size:70px;display:grid;box-shadow:0 9px #ddc998}.steps{justify-content:space-between;gap:8px;margin-top:35px;font-size:12px;line-height:2.2;display:flex}.steps span{border-top:4px solid #bbd8df;flex:1;padding-top:12px}.steps span:last-child{border-color:#d8b25c}.steps .unlocked{color:#997021;border-color:#d8b25c}small{line-height:1.8}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#fff;border:1px solid #e0e8eb;border-radius:18px;padding:25px}.muted{color:#748690}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.tag{color:#30746c;background:#eaf5f4;border-radius:8px;padding:6px 10px;font-size:12px}footer{color:#748690;border-top:1px solid #e2eaed;margin-top:40px;padding:35px 6%;font-size:13px}input,select,textarea{color:#193e54;background:#fff;border:1px solid #cddcdf;border-radius:9px;width:100%;padding:12px}textarea{resize:vertical;min-height:100px}label{margin:14px 0;font-size:14px;display:block}label input,label select,label textarea{margin-top:8px}input[type=checkbox]{width:auto}table{border-collapse:collapse;text-align:right;width:100%}td,th{border-bottom:1px solid #e4ecee;padding:16px;font-size:14px}th{background:#edf5f7}.tablewrap{border:1px solid #e1e9ec;border-radius:16px;overflow:auto}details{border-bottom:1px solid #dce6e8;padding:19px 0}summary{cursor:pointer;font-weight:700}.notice{color:#7c632b;background:#fff6de;border-radius:12px;padding:16px 22px;line-height:1.8}.tabs{gap:8px;max-width:100%;display:flex;overflow:auto;justify-content:flex-start!important;width:100%!important;height:auto!important;padding:22px 0!important}.tabs button{white-space:nowrap;color:#5d7481;background:0 0;border:0;flex:none;padding:12px 20px}.tabs button[data-active]{color:#fff;background:#235e7a}.panel{padding:25px 0 60px}.big{font-size:46px;font-weight:700}[data-slot=progress-track]{background:#dce9ed;border-radius:10px;width:100%;height:12px;margin:18px 0;overflow:hidden}[data-slot=progress-indicator]{background:#4093ad;border-radius:10px;height:100%}.login{max-width:570px;margin:45px auto;padding:32px}.login>small{margin-top:15px;display:block}.secondary{color:#245e79;background:#eaf2f5}.textbutton{color:#235e7a;background:0 0;padding:6px}.textbutton:hover{background:#eaf2f5}.toast{color:#fff;z-index:100;background:#193e54;border-radius:12px;max-width:90vw;padding:18px;position:fixed;bottom:25px;left:25px}.confetti{pointer-events:none;z-index:99;position:fixed;inset:0}.confetti i{background:#ddb967;width:8px;height:12px;animation:1.8s ease-in forwards fall;position:absolute;top:-10px}.confetti i:nth-child(2n){background:#5da8bb}@keyframes fall{to{opacity:0;transform:translateY(100vh)rotate(500deg)}}:focus-visible{outline-offset:4px;outline:3px solid #d0aa4c}.ribbon{color:#73838b;border-top:1px solid #e1eaed;border-bottom:1px solid #e1eaed;justify-content:space-around;padding:26px;font-size:14px;display:flex}.ribbon b{color:#285d74;margin-left:10px;font-size:25px}.sectionhead{justify-content:space-between;align-items:center;gap:40px;margin:22px 0;display:flex}.sectionhead p{max-width:520px}.icon{color:#40849b;background:#edf5f6;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:18px;font-size:26px;display:grid}.how{border-top:1px solid #e2eaed;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:55px;padding-top:30px;display:grid}.how span{color:#97b6c3;font-size:22px}.how h3{font-size:17px}.how p{font-size:13px}.social{background:#eef5f6;border-radius:24px;padding:40px}.closing{text-align:center;background:#eef5f6;border-radius:24px;padding:40px}.referralpath{margin-top:25px}.dashboard{grid-template-columns:1.7fr 1fr;gap:25px;display:grid}.dashboard .card{margin-bottom:20px}.score{background:#edf6f7}.challenge{flex-direction:column;align-items:flex-start;display:flex}.challenge h3{margin:15px 0 0;font-size:19px}.challenge p{flex:1;font-size:14px}.challenge button{color:#235e7a;background:#edf5f7;width:100%;margin-top:20px}.challenge .row{width:100%}.point{color:#987731;background:#fff8e5;border-radius:8px;padding:7px;font-size:13px}.filter{max-width:220px}.demo{color:#727960;background:#f3f5ee;border-radius:9px;margin-top:20px;padding:12px 18px;font-size:12px}.stats b{margin-top:15px;font-size:33px;display:block}.review{margin-bottom:18px}.review .row{margin-top:10px}.proof{overflow-wrap:anywhere}.evidence{object-fit:contain;max-width:100%;max-height:350px}.submission{background:#f1f7f8;margin:25px 0}.submission:before{content:"إرسال مشاركة";color:#4a8298;font-size:12px}.card+.card{margin-top:16px}.grid .card+.card{margin-top:0}@media (width<=760px){header{gap:9px;padding:10px 18px}header img{width:46px;height:46px}.brand{font-size:14px}header nav{display:none}header button{padding:10px;font-size:12px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}.hero h1{font-size:33px}.journey{padding:25px 18px}.grid,.dashboard{grid-template-columns:1fr}section{padding:40px 0}h2{font-size:24px}td,th{white-space:nowrap;padding:12px}.steps{font-size:11px}.big{font-size:38px}.sectionhead{display:block}.how{grid-template-columns:1fr 1fr}.social{padding:25px}.ribbon{gap:15px;padding:22px 0;font-size:11px}.ribbon b{font-size:23px;display:block}.login{padding:22px}.tabs button{padding:10px 14px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats .card{padding:13px}.stats small{font-size:10px}.stats b{font-size:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@media (width>=761px) and (width<=1000px){h1{font-size:34px}.hero{gap:30px}.journey{padding:25px 18px}.grid{gap:12px}.card{padding:20px}}.children-fields{border:0;margin:25px 0;padding:0}.children-fields legend{font-size:19px;font-weight:700}.children-fields>p{font-size:13px}.child-row{background:#f4f8f9;border:1px solid #dde8ec;border-radius:12px;margin-bottom:14px;padding:18px}.children-fields>small{color:#758892;margin-top:12px;display:block}.motion-icon{isolation:isolate;flex-shrink:0;position:relative}.motion-icon svg{transform-origin:50%;animation:5s ease-in-out infinite icon-breathe}.motion-grow svg{transform-origin:bottom;animation:4.8s ease-in-out infinite icon-sway}.motion-streak svg{color:#b78832;animation:3s ease-in-out infinite icon-breathe}.motion-trophy svg{animation:5s ease-in-out infinite trophy-float}.icon-glint{opacity:0;background:#dabb70;border-radius:50%;width:5px;height:5px;animation:5s ease-in-out infinite icon-twinkle;position:absolute;top:7px;right:7px}.medal .icon-glint{width:7px;height:7px;top:16px;right:16px}.card:nth-child(2) .motion-icon svg{animation-delay:.7s}.card:nth-child(3) .motion-icon svg{animation-delay:1.4s}.card:hover .motion-icon svg,.card:focus-within .motion-icon svg{animation:.65s ease-in-out icon-greet}.card:active .motion-icon{transform:scale(.94)}button,.button{transition:transform .18s,background-color .18s,box-shadow .18s}button:active,.button:active{transform:scale(.97)}button:hover:not(:disabled){box-shadow:0 4px 12px #245e7915}.challenge{transition:border-color .2s,box-shadow .2s}.challenge:hover,.challenge:focus-within{border-color:#a8ccd8;box-shadow:0 8px 20px #245e790c}.steps .unlocked{animation:.5s ease-out badge-reveal}@keyframes icon-breathe{0%,75%,to{transform:translateY(0)scale(1)}85%{transform:translateY(-3px)scale(1.06)}92%{transform:translateY(0)scale(1)}}@keyframes icon-sway{0%,65%,to{transform:rotate(0)}75%{transform:rotate(-7deg)}85%{transform:rotate(6deg)}95%{transform:rotate(-2deg)}}@keyframes trophy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes icon-twinkle{0%,70%,to{opacity:0;transform:scale(.3)}80%{opacity:.9;transform:scale(1)}90%{opacity:0;transform:scale(1.4)}}@keyframes icon-greet{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-10deg)scale(1.1)}65%{transform:rotate(8deg)scale(1.1)}}@keyframes badge-reveal{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.icon-glint{display:none}}.stage-pair{justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.stage-pair>div{text-align:center;gap:6px;display:grid}.stage-pair small{color:#67808c;font-size:11px}.stage-dot{border-radius:50%;place-items:center;width:46px;height:46px;margin:auto;font-size:24px;display:grid}.stage-dot.current{color:#a57b2e;background:#f9ebc8;border:1px solid #ddbf7e}.stage-dot.next{color:#668d9d;background:#fff;border:2px dashed #b9d2db}.stage-arrow{color:#7ca6b6;font-size:25px}.remaining{font-size:14px}.remaining b{color:#247d99;font-size:24px}.stage-cheer{font-size:13px}.family-journey [data-slot=progress-indicator]{transition:width .8s}.streak-card{text-align:center;background:#fffaf0;border-color:#efe0bc;position:relative;overflow:hidden}.streak-orbit{background:#fff0ce;border:1px dashed #e4c985;border-radius:50%;place-items:center;width:95px;height:95px;margin:0 auto 16px;display:grid}.streak-flame{color:#bf7d22;place-items:center;display:grid}.streak-flame svg{fill:#f4b94033;filter:drop-shadow(0 4px 6px #e6b04633);width:55px;height:55px}.streak-number{color:#a36a20;margin:6px 0;font-size:56px;font-weight:700;animation:.5s ease-out badge-reveal}.streak-number>span{font-size:13px;font-weight:400;display:block}.streak-card h3{margin:15px 0;font-size:19px}.streak-card p{font-size:13px}.week-trail{justify-content:space-between;gap:8px;margin:22px 0;display:flex}.week{flex:1;min-width:0}.week>span{color:#aa9463;border:1px dashed #decfa9;border-radius:50%;place-items:center;width:31px;height:31px;margin:0 auto 8px;display:grid}.week.done>span{color:#70521c;background:#ead297;border:1px solid #dfbd6e}.week small{color:#846f46;font-size:10px}.streak-footnote{color:#897a5d;margin-top:16px;font-size:11px;display:block}.streak-card button{background:#926523}.streak-card button:hover{background:#77511b}.journey-complete{text-align:center;padding:20px}.journey-complete .icon{margin:auto}.grade-notice{color:#846326;line-height:1.8;display:block}@media (width<=760px){.stage-pair{margin-top:18px}.streak-card{padding:25px}.streak-orbit{margin-top:5px}.stage-cheer{font-size:12px}}@media (prefers-reduced-motion:reduce){.family-journey [data-slot=progress-indicator]{transition:none}}.saving{color:#245d73;background:#edf7fb;border-radius:12px;margin-bottom:16px;padding:12px 20px}.secret{overflow-wrap:anywhere;background:#fff9e8;border:2px solid #d6b85b;border-radius:16px;padding:20px}.secret code{-webkit-user-select:all;user-select:all;white-space:normal;direction:ltr;display:block}.family-select{min-width:210px}.auth-switch{flex-wrap:wrap;margin:16px 0}textarea{max-width:100%;min-height:90px}
