:root{--navy:#174a7e;--navy-deep:#0d3159;--ink:#173f64;--muted:#637989;--paper:#f5faf7;--white:#fff;--yellow:#55c786;--yellow-soft:#e4f7eb;--teal:#23996d;--teal-soft:#ddf4e7;--coral:#3f7fbd;--line:#d7e6de;--red:#d65c5c;--brand-blue:#1d62a2;--brand-green:#17b96b;--brand-mint:#74e3a5;--brand-gradient:linear-gradient(135deg,#174a7e 0%,#2477ad 44%,#19a96d 100%);--shadow:0 20px 60px rgba(23,74,126,.14);--radius:22px;--display:'Noto Kufi Arabic','Alexandria',Tahoma,sans-serif;--body:'Alexandria',Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.section-shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,249,246,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,227,223,.8)}.nav-shell{height:82px;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;white-space:nowrap}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.35}.brand b{font-size:18px;letter-spacing:-.02em}.brand small{font-size:9px;color:var(--muted)}.brand-mark{position:relative;width:38px;height:38px;display:inline-block;transform:rotate(-3deg)}.brand-mark span{position:absolute;border:6px solid var(--yellow);border-radius:50%;width:23px;height:23px;top:3px}.brand-mark span:first-child{right:3px;border-bottom-color:transparent}.brand-mark span:last-child{left:3px;top:12px;border-top-color:transparent;border-color:var(--teal);border-top-color:transparent}.brand-mark.small{transform:scale(.8)}.desktop-nav{display:flex;align-items:center;gap:4px}.nav-link,.mobile-nav button{border:0;background:transparent;color:#536775;padding:10px 13px;border-radius:10px;font-size:13px}.nav-link:hover,.nav-link.active{color:var(--navy);background:#ebf0ed}.nav-actions{display:flex;align-items:center;gap:10px}.text-btn{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:12px}.text-btn svg{width:16px}.btn{border:0;border-radius:12px;padding:11px 19px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(244,200,75,.5);outline-offset:2px}.btn-primary{background:var(--navy);color:white;box-shadow:0 8px 22px rgba(18,50,74,.18)}.btn-primary:hover{background:var(--navy-deep)}.btn-large{padding:14px 24px}.btn-ghost{background:transparent;border:1px solid #bfcac5;color:var(--navy)}.btn-light{background:white;color:var(--navy)}.btn-outline-light{border:1px solid rgba(255,255,255,.5);background:transparent;color:white}.btn-card{width:100%;background:#edf2ef;color:var(--navy)}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent}.menu-btn{display:none}.mobile-nav{display:none}.page{display:none}.page.active{display:block;animation:pageIn .35s ease}.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;padding-block:64px 76px}.trust-note{display:inline-flex;align-items:center;gap:8px;background:var(--teal-soft);color:#176b61;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600}.trust-note svg{width:17px}.hero h1{font:800 clamp(42px,5.5vw,75px)/1.27 var(--display);letter-spacing:-.055em;margin:24px 0;color:var(--navy)}.hero h1 span{position:relative;z-index:1}.hero h1 span:after{content:"";position:absolute;height:16px;background:var(--yellow);opacity:.72;bottom:8px;right:-2px;left:-4px;z-index:-1;transform:rotate(-1deg);border-radius:10px}.hero-copy>p{font-size:18px;line-height:1.9;color:#526673;max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:42px}.hero-proof p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.hero-proof b{color:var(--ink);font-size:13px}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:34px;height:34px;border:3px solid var(--paper);border-radius:50%;display:grid;place-items:center;margin-left:-9px;background:#c6ddd7;color:var(--navy);font-weight:700}.avatar-stack span:nth-child(2){background:#f7d8b3}.avatar-stack span:nth-child(3){background:#d6d7ef}.avatar-stack span:nth-child(4){background:#efb8ad}.time-stage{position:relative;height:530px;display:grid;place-items:center}.time-stage:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,#fff 0,#edf4f0 60%,transparent 61%);box-shadow:inset 0 0 50px rgba(43,139,127,.08)}.orbit{position:absolute;border:1px dashed #aebdb7;border-radius:50%;animation:spin 30s linear infinite}.orbit-one{width:350px;height:350px}.orbit-two{width:490px;height:490px;animation-direction:reverse;animation-duration:40s}.time-core{position:relative;width:190px;height:190px;background:var(--navy);color:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;box-shadow:0 30px 55px rgba(18,50,74,.25)}.time-core svg{color:var(--yellow);width:36px;height:36px;margin-bottom:8px}.time-core strong{font:700 26px var(--display)}.time-core span{color:#bed0d7;font-size:11px}.orbit-person{position:absolute;background:white;box-shadow:var(--shadow);border:1px solid #edf1ef;border-radius:16px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;min-width:130px;z-index:3}.orbit-person .person-avatar{grid-row:1/3}.orbit-person b{font-size:12px}.orbit-person small{font-size:10px;color:var(--muted)}.person-a{top:70px;right:15px}.person-b{left:2px;top:218px}.person-c{bottom:40px;right:64px}.person-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700}.person-avatar.coral{background:#f6d2cb;color:#984836}.person-avatar.teal{background:#cbe9e4;color:#176b61}.person-avatar.navy{background:#d6e0e8;color:var(--navy)}.person-avatar.yellow{background:var(--yellow-soft);color:#7c641c}.person-avatar.mini{width:29px;height:29px;font-size:11px;display:inline-grid}.person-avatar.large{width:58px;height:58px;margin:auto}.credit-pop{position:absolute;left:55px;bottom:55px;background:var(--yellow);color:var(--navy);font-weight:800;padding:9px 14px;border-radius:10px;z-index:4;box-shadow:0 14px 30px rgba(107,87,25,.17);transform:rotate(-3deg)}.credit-pop span{display:block;font-size:8px;font-weight:500}.welcome-strip{background:var(--navy);color:white}.welcome-inner{min-height:142px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.gift-badge{width:62px;height:62px;background:var(--yellow);color:var(--navy);border-radius:18px;display:grid;place-items:center;transform:rotate(4deg)}.gift-badge svg{width:30px;height:30px}.welcome-inner h2{font:700 21px var(--display);margin:0 0 5px}.welcome-inner p{margin:0;color:#bcd0d8;font-size:13px}.starter-flow{display:flex;align-items:center;direction:rtl}.starter-flow span{width:59px;height:59px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:11px;border:1px solid rgba(255,255,255,.15)}.starter-flow span:first-child{background:var(--yellow);color:var(--navy);border:0;font-weight:700}.starter-flow i{display:block;width:25px;height:1px;background:rgba(255,255,255,.25)}.how{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading h2,.safety h2{font:700 clamp(28px,4vw,40px)/1.4 var(--display);margin:0 0 8px;color:var(--navy);letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);max-width:600px}.micro-badge{font-size:11px;border:1px solid var(--line);padding:8px 12px;border-radius:999px;color:var(--teal);white-space:nowrap}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{position:relative;background:white;padding:28px;border:1px solid var(--line);border-radius:var(--radius);min-height:250px}.step-card.featured{background:var(--yellow-soft);border-color:#ecd476}.step-number{position:absolute;top:24px;left:25px;color:#9cadb7;font-weight:700}.step-icon{width:50px;height:50px;border-radius:15px;background:#eef4f1;color:var(--teal);display:grid;place-items:center;margin-bottom:28px}.featured .step-icon{background:var(--yellow);color:var(--navy)}.step-card h3{font:700 18px var(--display);margin:0 0 8px;color:var(--navy)}.step-card p{margin:0;color:var(--muted);font-size:13px}.five-star{position:absolute;bottom:20px;left:22px;right:22px;padding:8px 10px;border-top:1px solid #ebd985;color:#796112;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.five-star svg{width:16px}.discover-home{background:#edf2ef;padding-block:90px}.text-link{border:0;background:transparent;color:var(--navy);font-weight:700;display:flex;align-items:center;gap:7px}.text-link svg{width:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(-4px)}.mentor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mentor-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.mentor-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.mentor-cover{height:150px;position:relative;display:flex;align-items:flex-end;padding:18px;overflow:hidden}.mentor-cover:before,.mentor-cover:after{content:"";position:absolute;border-radius:50%}.mentor-cover span{position:relative;font:700 19px/1.5 var(--display);max-width:210px;color:var(--navy);z-index:2}.cover-design{background:#f4d2c9}.cover-design:before{width:130px;height:130px;border:18px solid #ec9b88;left:-20px;top:-33px}.cover-design:after{width:90px;height:90px;background:#f8e3dd;left:86px;top:32px}.cover-language{background:#cde8e2}.cover-language:before{width:150px;height:80px;border:14px solid #70b4a9;transform:rotate(-30deg);left:-35px;top:15px}.cover-language:after{width:90px;height:90px;border:1px dashed #1d756b;left:100px;top:15px}.cover-code{background:#d8e2ed}.cover-code:before{width:130px;height:130px;background:#a7bed1;left:-30px;top:-30px}.cover-code:after{width:100px;height:100px;border:18px solid #bdccdb;left:75px;top:35px}.mentor-body{padding:17px}.mentor-person{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.mentor-person h3{margin:0;font-size:13px}.mentor-person p{margin:0;color:var(--muted);font-size:9px}.rating{font-size:11px;color:#8b6c0d;background:var(--yellow-soft);padding:5px 7px;border-radius:7px}.mentor-meta{display:flex;align-items:center;gap:7px;padding:16px 0}.mentor-meta span{font-size:9px;background:#f1f4f2;padding:5px 7px;border-radius:7px}.mentor-meta b{font-size:10px;margin-right:auto}.safety{padding-block:110px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.section-symbol{width:55px;height:55px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;border-radius:17px;margin-bottom:22px}.safety-copy>p{color:var(--muted);font-size:15px}.safety ul,.support-aside ul{list-style:none;padding:0;margin:25px 0}.safety li,.support-aside li{display:flex;align-items:center;gap:9px;margin:11px 0;font-size:13px}.safety li svg,.support-aside li svg{width:18px;color:var(--teal)}.parent-panel{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);transform:rotate(1deg)}.panel-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:18px}.panel-head div{display:flex;flex-direction:column}.panel-head b{font-size:13px}.panel-head small{font-size:10px;color:var(--muted)}.verified{margin-right:auto;color:#1f766c;background:var(--teal-soft);padding:5px 9px;border-radius:999px;font-size:9px;display:inline-flex;align-items:center;gap:4px}.verified svg{width:13px}.next-session{background:#f4f7f5;padding:20px;border-radius:15px;margin:18px 0}.next-session>span{font-size:9px;color:var(--muted)}.next-session h3{font:700 15px var(--display);margin:7px 0 3px}.next-session p{font-size:10px;color:var(--muted);margin:0 0 14px}.next-session>div{display:flex;align-items:center;gap:7px;font-size:10px}.next-session button{margin-right:auto;border:0;background:white;border-radius:7px;padding:6px 9px;font-size:9px}.parent-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.parent-stats div{display:flex;flex-direction:column;border-left:1px solid var(--line)}.parent-stats div:last-child{border:0}.parent-stats strong{color:var(--navy);font-size:18px}.parent-stats span{font-size:8px;color:var(--muted)}.community-cta{background:var(--teal);color:white;padding-block:64px}.community-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.community-inner p{margin:0 0 6px;color:#cce8e4}.community-inner h2{font:700 28px var(--display);margin:0}.community-inner>div:last-child{display:flex;gap:10px}.site-footer{background:var(--navy-deep);color:white;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand.inverse{color:white}.brand.inverse small{color:#aabdc6}.footer-links{display:flex;gap:18px}.footer-links button{border:0;background:transparent;color:#bed0d8;font-size:11px}.site-footer p{font-size:10px;color:#8097a3}.app-page{min-height:calc(100vh - 82px);padding:60px 0 100px}.app-shell{width:min(1240px,calc(100% - 40px));margin:auto}.app-shell.narrow{width:min(1080px,calc(100% - 40px))}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.crumb{color:var(--teal);font-size:10px}.page-title h1{font:700 36px var(--display);margin:7px 0;color:var(--navy)}.page-title p{margin:0;color:var(--muted)}.balance-chip{background:var(--navy);color:white;border-radius:16px;padding:13px 16px;display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;min-width:145px}.balance-chip svg{grid-row:1/3;color:var(--yellow)}.balance-chip span{font-size:9px;color:#c1d0d7}.balance-chip b{font-size:12px}.search-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:28px}.search-panel>label{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 4px 14px}.search-panel input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.filter-row{display:flex;gap:8px;padding-top:15px;overflow:auto}.filter{border:0;background:#f1f4f2;border-radius:9px;padding:7px 13px;color:var(--muted);white-space:nowrap}.filter.active{background:var(--navy);color:white}.results-head{display:flex;justify-content:space-between;margin-bottom:16px;font-size:11px;color:var(--muted)}.results-head b{color:var(--ink)}.mentor-grid.four{grid-template-columns:repeat(4,1fr)}.mentor-grid.four .mentor-cover{height:125px}.wallet-layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.wallet-balance{background:var(--navy);color:white;border-radius:24px;padding:30px;text-align:center;align-self:start}.wallet-balance>span{color:#bdcfd7;font-size:11px}.balance-ring{width:175px;height:175px;border:13px solid rgba(255,255,255,.12);border-top-color:var(--yellow);border-left-color:var(--yellow);border-radius:50%;margin:24px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.balance-ring strong{font:700 58px/1 var(--display);color:var(--yellow)}.balance-ring small{font-size:11px;color:#c8d6dc}.wallet-balance p{font-size:11px;color:#c0d0d7;margin:0 0 20px}.wallet-rule{background:var(--yellow-soft);border:1px solid #edd882;border-radius:17px;padding:17px 19px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:18px}.wallet-rule>svg{color:#8e6f10}.wallet-rule h3{font-size:13px;margin:0}.wallet-rule p{font-size:10px;margin:3px 0;color:#756b4a}.wallet-rule>span{font:800 24px var(--display);color:var(--navy)}.transactions{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font:700 16px var(--display);margin:0}.panel-title p{font-size:9px;color:var(--muted);margin:3px 0}.panel-title button{border:0;background:transparent;color:var(--teal);font-size:10px}.transaction{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px 0;border-bottom:1px solid #edf0ee}.transaction:last-child{border:0}.tx-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-weight:700}.tx-icon.plus{background:var(--yellow-soft);color:#81660e}.tx-icon.teach{background:var(--teal-soft);color:var(--teal)}.tx-icon.spend{background:#e9eef3;color:var(--navy)}.transaction div{display:flex;flex-direction:column}.transaction b{font-size:11px}.transaction small{font-size:8px;color:var(--muted)}.transaction strong{font-size:11px}.positive{color:var(--teal)}.rate-session{margin-top:18px;background:white;border:1px solid var(--line);border-radius:17px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between}.rate-session>div{display:flex;align-items:center;gap:11px}.rate-session b{font-size:11px}.rate-session p{font-size:9px;color:var(--muted);margin:2px 0}.certificate-count{background:var(--yellow-soft);padding:8px 13px;border-radius:999px;color:#80650f;font-size:10px}.certificate-card{display:grid;grid-template-columns:1.2fr .8fr;background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 40px rgba(18,50,74,.07)}.certificate-preview{margin:24px;background:#f8f3e4;border:8px double #d9bd65;padding:35px;text-align:center;position:relative}.certificate-preview:before{content:"";position:absolute;inset:12px;border:1px solid rgba(18,50,74,.15);pointer-events:none}.cert-logo{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:700;color:var(--navy);font-size:12px}.certificate-preview>small{display:block;color:#9a7a18;margin-top:30px}.certificate-preview h3{font:700 21px var(--display);color:var(--navy);margin:9px 0}.certificate-preview p{font-size:10px;color:#64717a}.cert-seal{width:57px;height:57px;border-radius:50%;background:var(--navy);color:var(--yellow);display:grid;place-items:center;margin:22px auto}.cert-foot{display:flex;justify-content:space-between;font-size:8px;color:#6d777d}.certificate-info{padding:38px;display:flex;flex-direction:column;justify-content:center}.certificate-info .verified{margin:0 0 17px auto}.certificate-info h2{font:700 20px/1.5 var(--display);margin:0 0 5px}.certificate-info>p{color:var(--muted);font-size:11px}.certificate-info dl{margin:22px 0}.certificate-info dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:10px}.certificate-info dt{color:var(--muted)}.certificate-info dd{margin:0;font-weight:700}.cert-actions{display:grid;gap:8px}.empty-courses{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:20px;background:#eef3f0;padding:20px 24px;border-radius:17px}.empty-courses>svg{color:var(--teal)}.empty-courses h3{font-size:12px;margin:0}.empty-courses p{font-size:9px;color:var(--muted);margin:2px 0}.support-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.form-card{background:white;border:1px solid var(--line);border-radius:22px;padding:27px}.type-toggle{display:grid;grid-template-columns:1fr 1fr;background:#eef2ef;padding:4px;border-radius:12px;margin-bottom:22px}.type-toggle button{border:0;border-radius:9px;padding:9px;background:transparent;color:var(--muted)}.type-toggle button.active{background:white;color:var(--navy);box-shadow:0 3px 10px rgba(18,50,74,.08);font-weight:700}.form-card label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;margin-bottom:16px}.form-card input,.form-card textarea,.form-card select,.small-modal textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fafcfb;padding:11px 13px;outline:0;resize:vertical;color:var(--ink)}.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.small-modal textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(43,139,127,.08)}.support-aside{background:var(--navy);color:white;border-radius:22px;padding:32px}.support-icon{width:55px;height:55px;background:rgba(255,255,255,.1);color:var(--yellow);display:grid;place-items:center;border-radius:16px}.support-aside h2{font:700 19px/1.6 var(--display);margin-top:25px}.support-aside>p{color:#bdccd3;font-size:11px}.response-time{border-block:1px solid rgba(255,255,255,.13);padding:18px 0;display:flex;flex-direction:column}.response-time span{font-size:9px;color:#9eb2bb}.response-time b{color:var(--yellow)}.support-aside li{color:#d8e3e7;font-size:11px}.volunteer-hero{background:var(--teal);color:white;padding:45px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;overflow:hidden}.volunteer-hero>div>span{font-size:11px;color:#d2ebe7}.volunteer-hero h1{font:700 30px/1.5 var(--display);max-width:650px;margin:8px 0}.volunteer-hero p{color:#d4e9e6;max-width:650px;margin:0}.volunteer-hero>svg{width:140px;height:140px;color:rgba(255,255,255,.16);stroke-width:1}.volunteer-layout{display:grid;grid-template-columns:1fr 420px;gap:28px}.volunteer-layout>div>h2,.form-card h2{font:700 18px var(--display);margin-top:0}.role-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:12px;cursor:pointer}.role-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px rgba(43,139,127,.08)}.role-icon{width:44px;height:44px;border-radius:13px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-weight:700}.role-card h3{margin:0;font-size:12px}.role-card p{margin:2px 0;font-size:9px;color:var(--muted)}.role-card div>span{font-size:8px;color:var(--teal)}.role-card>b{font-size:8px;background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:4px 7px}.form-card.compact>p{font-size:10px;color:var(--muted);margin-top:-8px;margin-bottom:19px}.admin-page{padding:0;background:#eef2f0}.admin-shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.admin-sidebar{background:var(--navy-deep);color:white;padding:26px 18px;display:flex;flex-direction:column}.admin-brand{color:white;margin:0 7px 35px}.admin-brand small{color:#8fa5af}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav button,.admin-back{border:0;background:transparent;color:#aac0c9;text-align:right;padding:11px 13px;border-radius:9px;font-size:11px}.admin-sidebar nav button.active{background:rgba(255,255,255,.1);color:white}.admin-back{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);border-radius:0;padding-top:20px}.admin-main{padding:38px;width:min(1300px,100%);margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.secure-label{display:flex;align-items:center;gap:5px;color:var(--teal);font-size:9px}.secure-label svg{width:13px}.admin-top h1{font:700 24px var(--display);margin:6px 0}.admin-top p{font-size:10px;color:var(--muted);margin:0}.admin-profile{display:flex;align-items:center;gap:10px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:white;border:1px solid var(--line);border-radius:16px;padding:19px}.stat-card.accent{background:var(--navy);color:white}.stat-card>span{font-size:9px;color:var(--muted)}.stat-card.accent>span{color:#b6c9d1}.stat-card strong{display:block;font:700 29px var(--display);margin:8px 0}.stat-card p{font-size:8px;color:var(--muted);margin:0}.stat-card b{color:var(--teal)}.stat-card.accent p{color:#aebfc7}.stat-card.accent b{color:var(--yellow)}.admin-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.chart-card,.review-card,.admin-bottom{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.panel-title select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:var(--muted);font-size:9px}.chart{display:grid;grid-template-columns:35px 1fr;height:220px;margin-top:20px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#9aa8af;font-size:8px;padding-bottom:25px}.bars{display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#edf1ef 55px);gap:12px;padding:0 10px}.bars div{height:var(--h);background:#bfd9d4;border-radius:7px 7px 0 0;flex:1;max-width:38px;position:relative}.bars div.current{background:var(--teal)}.bars span{position:absolute;bottom:-24px;right:50%;transform:translateX(50%);font-size:8px;color:var(--muted);white-space:nowrap}.review-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border:0}.review-dot{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:700}.review-dot.red{background:#f9e4e2;color:var(--red)}.review-dot.yellow{background:var(--yellow-soft);color:#8b6e12}.review-dot.teal{background:var(--teal-soft);color:var(--teal)}.review-row div{display:flex;flex-direction:column}.review-row b{font-size:10px}.review-row small{font-size:8px;color:var(--muted)}.review-row button{border:0;background:#f0f4f2;color:var(--navy);border-radius:7px;padding:6px 8px;font-size:8px}.admin-bottom{margin-top:14px}.admin-bottom table{width:100%;border-collapse:collapse;margin-top:12px;font-size:9px}.admin-bottom th{text-align:right;color:var(--muted);font-weight:500;padding:10px;border-bottom:1px solid var(--line)}.admin-bottom td{padding:12px 10px;border-bottom:1px solid #eef1ef}.admin-bottom td:first-child{display:flex;align-items:center;gap:7px}.status{border-radius:999px;padding:4px 8px}.status.success{color:var(--teal);background:var(--teal-soft)}.status.pending{color:#87690e;background:var(--yellow-soft)}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(7,26,39,.72);backdrop-filter:blur(6px)}.modal-card{position:relative;background:white;border-radius:24px;width:min(690px,100%);max-height:90vh;overflow:auto;padding:31px;box-shadow:0 30px 80px rgba(0,0,0,.28);animation:modalIn .25s ease}.modal-close{position:absolute;left:18px;top:18px;width:35px;height:35px;border:0;background:#eef2ef;border-radius:50%;display:grid;place-items:center}.modal-close svg{width:17px}.modal-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.modal-heading h2{font:700 22px var(--display);margin:0}.modal-heading p{margin:3px 0;color:var(--muted);font-size:11px}.gift-circle{width:57px;height:57px;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font:800 23px var(--display)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.minor-toggle{display:flex;align-items:center;gap:12px;background:#eff5f2;padding:12px;border-radius:13px;margin-bottom:14px}.minor-toggle b{font-size:10px}.minor-toggle p{font-size:8px;color:var(--muted);margin:0}.switch input{display:none}.switch span{display:block;width:42px;height:23px;border-radius:999px;background:#c5cfca;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:3px;right:3px;transition:.2s}.switch input:checked+span{background:var(--teal)}.switch input:checked+span:after{right:22px}.guardian-fields{display:none;grid-template-columns:1fr 1fr;gap:14px}.guardian-fields.show{display:grid}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{border:1px dashed #9fafb7!important;border-radius:13px;padding:16px!important;align-items:center!important;text-align:center;cursor:pointer}.upload-box svg{color:var(--teal)}.upload-box b{font-size:10px}.upload-box span{font-size:8px;color:var(--muted)}.upload-box input{display:none}.privacy-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.privacy-note svg{width:13px;color:var(--teal)}.full{width:100%}.small-modal{width:min(440px,100%);text-align:center}.modal-icon{width:60px;height:60px;border-radius:18px;background:var(--yellow-soft);color:#876a0d;display:grid;place-items:center;margin:5px auto 18px}.small-modal h2{font:700 18px var(--display)}.small-modal>p{font-size:11px;color:var(--muted)}.booking-balance{display:flex;justify-content:space-between;background:#f0f4f2;padding:13px;border-radius:11px;margin:20px 0;font-size:11px}.stars{display:flex;direction:ltr;justify-content:center;gap:7px;margin:18px 0}.stars button{border:0;background:transparent;color:#cbd2ce;font-size:35px;line-height:1;padding:0}.stars button.active{color:var(--yellow)}.rating-reward{background:#f1f4f2;color:var(--muted);font-size:10px;padding:9px;border-radius:9px;margin-bottom:13px}.rating-reward.bonus{background:var(--yellow-soft);color:#775d0e;font-weight:700}.small-modal textarea{margin-bottom:13px}.toast{position:fixed;left:24px;bottom:24px;z-index:150;background:var(--navy-deep);color:white;padding:13px 17px;border-radius:13px;display:flex;align-items:center;gap:10px;min-width:280px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>svg{width:25px;color:var(--yellow)}.toast div{display:flex;flex-direction:column}.toast b{font-size:11px}.toast span{font-size:8px;color:#b9c9d0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.desktop-nav,.admin-entry{display:none}.menu-btn{display:grid}.hero{grid-template-columns:1fr;gap:10px;padding-top:55px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.time-stage{height:490px}.steps-grid,.mentor-grid{grid-template-columns:repeat(2,1fr)}.mentor-grid .mentor-card:last-child{display:none}.safety{gap:35px}.mentor-grid.four{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.volunteer-layout{grid-template-columns:1fr}.site-footer .footer-links{display:none}}
@media(max-width:720px){body{font-size:14px}.section-shell,.app-shell,.app-shell.narrow{width:min(100% - 28px,1180px)}.nav-shell{height:70px;width:calc(100% - 28px)}.nav-actions>.btn{display:none}.mobile-nav{position:absolute;top:70px;left:12px;right:12px;background:white;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow);grid-template-columns:repeat(2,1fr)}.mobile-nav.open{display:grid}.hero{min-height:auto;padding-block:45px}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.time-stage{height:380px;transform:scale(.8);margin:-30px -35px}.welcome-inner{grid-template-columns:auto 1fr;padding-block:22px}.starter-flow{grid-column:1/3;margin:auto}.starter-flow span{width:52px;height:52px}.how{padding-block:70px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.micro-badge{display:none}.steps-grid,.mentor-grid,.mentor-grid.four{grid-template-columns:1fr}.mentor-grid .mentor-card:last-child{display:block}.safety{grid-template-columns:1fr;padding-block:75px}.parent-panel{transform:none}.community-inner{flex-direction:column;align-items:flex-start}.community-inner>div:last-child{flex-direction:column;width:100%}.site-footer{padding-bottom:90px}.footer-inner{flex-direction:column;align-items:flex-start}.app-page{padding-top:35px}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:28px}.balance-chip{align-self:stretch}.wallet-layout,.certificate-card,.support-grid{grid-template-columns:1fr}.wallet-balance{order:0}.certificate-preview{margin:12px;padding:27px 15px}.certificate-info{padding:26px}.empty-courses{grid-template-columns:auto 1fr}.empty-courses .text-link{grid-column:1/3}.volunteer-hero{padding:28px}.volunteer-hero h1{font-size:23px}.volunteer-hero>svg{display:none}.form-grid,.upload-grid,.guardian-fields{grid-template-columns:1fr}.admin-main{padding:22px 14px}.admin-top{align-items:flex-start}.admin-profile{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:23px}.admin-grid{grid-template-columns:1fr}.admin-bottom{overflow:auto}.admin-bottom table{min-width:580px}.modal-card{padding:24px 18px}.rate-session{align-items:flex-start;gap:12px}.rate-session>div{align-items:flex-start}.rate-session .btn{font-size:10px;padding:9px}.toast{left:14px;right:14px;min-width:0}.site-header:has(.admin-page.active),body.admin-view .site-header,body.admin-view .site-footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.orbit{animation:none}}
@media print{body *{visibility:hidden}.certificate-preview,.certificate-preview *{visibility:visible}.certificate-preview{position:fixed;inset:20px;margin:0;display:flex;flex-direction:column;justify-content:center}.site-header,.site-footer{display:none}}

/* Initiative brand identity */
.brand-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 9px rgba(13,49,89,.12))}.brand-logo.small{width:31px;height:31px}.brand-slogan{margin:13px 0 -12px!important;color:var(--teal)!important;font:700 13px var(--display);letter-spacing:.01em}.site-header{background:rgba(245,250,247,.93)}.btn-primary,.welcome-strip,.wallet-balance,.stat-card.accent{background:var(--brand-gradient)}.btn-primary:hover{background:linear-gradient(135deg,#0d3159,#176e9e 48%,#148758)}.community-cta,.volunteer-hero{background:linear-gradient(125deg,#11658a 0%,#15946c 62%,#36b878 100%)}.time-stage:before{background:radial-gradient(circle,#fff 0,#e6f5ed 58%,transparent 60%);box-shadow:inset 0 0 70px rgba(25,169,109,.11)}.orbit{border-color:rgba(29,98,162,.32)}.time-core{background:white;border:3px solid rgba(85,199,134,.3);box-shadow:0 30px 65px rgba(23,74,126,.2);overflow:visible}.time-logo{width:112px;height:112px;object-fit:contain;margin-top:-21px;margin-bottom:-7px;filter:drop-shadow(0 8px 14px rgba(13,49,89,.12))}.time-core strong{color:var(--navy);font-size:24px}.time-core span{color:var(--teal);font-weight:700}.hero h1 span:after{background:linear-gradient(90deg,var(--brand-mint),#4ac889)}.gift-badge,.credit-pop{background:linear-gradient(135deg,#7be6a8,#3fc878)}.welcome-inner p{color:#d9f3e7}.starter-flow span:first-child{background:#72dfa2}.support-aside{background:linear-gradient(155deg,var(--navy-deep),#155c86 58%,#17825f)}.admin-sidebar,.site-footer{background:linear-gradient(160deg,#0b2b50,#123f6b 70%,#125742)}.cover-design{background:#dceaf7}.cover-design:before{border-color:#71a6d2}.cover-design:after{background:#eef5fb}.cover-language{background:#daf4e5}.cover-language:before{border-color:#58bd84}.certificate-preview{background:#f2f8f4;border-color:#69b98a}.certificate-preview:before{border-color:rgba(23,74,126,.18)}.cert-logo{gap:8px}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:rgba(85,199,134,.48)}
@media(max-width:720px){.brand-logo{width:42px;height:42px}.brand-slogan{text-align:center}.time-logo{width:108px;height:108px}}
/* Mobile viewport guard */
html,body{overflow-x:hidden}
@media(max-width:720px){.hero-copy{min-width:0}.hero h1{font-size:34px;line-height:1.38;overflow-wrap:anywhere}.time-stage{max-width:100%;margin:-30px auto;transform:scale(.75)}}