:root{
  --ink:#183d30;
  --forest:#2f6f4e;
  --olive:#789047;
  --gold:#d4a737;
  --sand:#f6f0e6;
  --paper:#fffdf8;
  --muted:#6e7d73;
  --line:#e9dfcd;
  --navy:#163e63;
  --danger:#b74842;
  --soft-green:#e7f2ea;
  --soft-gold:#fff5d9;
  --soft-blue:#eaf3f8;
  --shadow:0 16px 40px rgba(66,56,31,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;line-height:1.65}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1240px,calc(100% - 44px));margin-inline:auto}
.site-header{background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:20px;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--forest),var(--olive));color:#fff;font-size:20px}
.nav{display:flex;gap:26px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:800;font-size:15px}
.nav a.active{color:var(--forest)}
.nav-cta{background:var(--ink);color:#fff!important;padding:10px 15px;border-radius:999px}
.home-hero{padding:48px 0 34px;background:linear-gradient(180deg,#f6f0e6,#fbf8f2)}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--forest);background:#e8f0e9;padding:7px 12px;border-radius:999px;font-size:14px;font-weight:900}
.hero-copy h1{font-size:clamp(42px,5.6vw,72px);line-height:1.04;letter-spacing:-1.8px;margin:18px 0}
.hero-copy p{font-size:20px;color:#48564d;margin:0 0 24px;max-width:580px}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.hero-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-weight:800;color:#4d5f53}
.hero-actions,.actions-cell{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-primary{background:var(--forest);color:#fff}.btn-gold{background:var(--gold);color:#382b08}.btn-danger{background:#f9e7e6;color:var(--danger)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-outline-light{background:#fff;color:var(--ink)}.btn-small{padding:8px 11px;font-size:13px}
.media-slider{min-height:510px;position:relative;border-radius:30px;overflow:hidden;background:#0e261d;box-shadow:var(--shadow)}
.slider-track{height:510px;position:relative}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.4s}.slide.active{opacity:1;visibility:visible}.slide-image{position:absolute;inset:0;background-size:cover;background-position:center}.slide video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.slide-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,22,.08),rgba(10,30,22,.72))}.slide-caption{position:absolute;right:28px;left:28px;bottom:30px;color:#fff;font-weight:900;font-size:28px;z-index:2}.slider-top{position:absolute;z-index:5;top:20px;right:20px;left:20px;display:flex;justify-content:space-between;color:#fff}.slider-top span,.slider-top small{background:rgba(18,39,29,.54);padding:8px 12px;border-radius:999px;backdrop-filter:blur(6px);font-weight:900}.slider-controls{position:absolute;left:20px;bottom:20px;z-index:6;display:flex;gap:8px;direction:ltr}.slider-controls button{border:0;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--ink);font-size:20px;font-weight:900}.slider-dots{position:absolute;right:28px;bottom:26px;z-index:6;display:flex;gap:7px}.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.45)}.slider-dots button.active{width:25px;background:#fff}
.stat-section{padding:0 0 56px}.stat-grid,.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-box,.admin-stat{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:21px 20px;box-shadow:0 8px 20px rgba(70,60,35,.07)}.stat-box strong,.admin-stat strong{display:block;font-size:32px;color:var(--ink);line-height:1}.stat-box span,.admin-stat span{color:var(--muted);font-weight:800;font-size:14px;display:block;margin-top:8px}
.section{padding:74px 0}.section-paper{background:var(--paper);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{font-size:36px;line-height:1.15;margin:0}.section-heading p,.muted{color:var(--muted);margin:8px 0 0}.announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.announcement-card{background:#fff;border:1px solid var(--line);padding:21px;border-radius:20px;box-shadow:0 8px 20px rgba(70,60,35,.06)}.announcement-card h3{margin:0 0 10px}.announcement-card p{margin:0;color:#536057}
.activity-list{display:grid;gap:14px}.activity-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 9px 20px rgba(70,60,35,.06)}.activity-toggle{width:100%;border:0;background:transparent;text-align:right;cursor:pointer;padding:20px 22px;display:flex;align-items:center;gap:16px;color:var(--ink)}.activity-icon,.schedule-icon,.role-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--soft-blue);font-size:22px;flex:0 0 auto}.activity-title{font-size:21px;font-weight:900;flex:1}.activity-meta{font-size:14px;color:var(--muted);font-weight:800}.chevron{font-size:20px;transition:.2s}.activity-card.open .chevron{transform:rotate(180deg)}.activity-content{display:none;padding:0 22px 22px;border-top:1px solid var(--line);background:#fffdf9}.activity-card.open .activity-content{display:block}.activity-content p{color:#536057}.inline-form{display:inline}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;margin-top:16px}.data-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff}.data-table th{background:#f4efe5;color:var(--ink);padding:12px;text-align:right;font-size:13px}.data-table td{padding:12px;border-top:1px solid var(--line);font-size:14px}.data-table tr:hover td{background:#fffdf8}.data-table small{color:var(--muted)}.pill{display:inline-block;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900}.pill-green{background:var(--soft-green);color:var(--forest)}.pill-gold{background:var(--soft-gold);color:#88620c}.pill-red{background:#f9e7e6;color:var(--danger)}.pill-gray{background:#edf0f2;color:#657177}.empty-row{text-align:center;color:var(--muted);padding:20px!important}
.axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.axis-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 11px 24px rgba(70,60,35,.07)}.axis-visual{height:220px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.axis-visual span{font-size:54px;margin-bottom:auto}.axis-visual h3{font-size:28px;margin:0 0 6px}.axis-visual p{margin:0;font-size:15px}.axis-torah{background:linear-gradient(135deg,#173b2f,#94722b)}.axis-doing{background:linear-gradient(135deg,#2f6f4e,#b38a31)}.axis-fun{background:linear-gradient(135deg,#173e63,#2f6f4e)}.axis-body{padding:20px;color:#556259}.axis-body p{margin:0}
.personal-cta{background:linear-gradient(135deg,var(--ink),var(--forest));color:#fff;border-radius:28px;padding:42px;text-align:center}.personal-cta h2{font-size:36px;margin:0 0 10px}.personal-cta p{margin:0 auto 23px;max-width:680px;font-size:18px;color:rgba(255,255,255,.88)}
.site-footer{background:#102f24;color:#fff;padding:28px 0;text-align:center;font-size:14px}
.auth-section,.setup-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:42px 20px;background:linear-gradient(145deg,#f6f0e6,#eaf0e8)}.auth-card,.setup-card{width:min(570px,100%);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:32px}.auth-card h1,.setup-card h1{margin:0 0 10px}.auth-card p,.setup-card p{color:var(--muted)}.auth-icon,.setup-logo{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;font-size:27px;background:#e8f0e9;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-stack{display:grid;gap:13px;margin-top:18px}.form-grid label,.form-stack label{display:grid;gap:6px;font-size:13px;font-weight:900}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;color:var(--ink)}.form-grid textarea,.form-stack textarea{min-height:96px;resize:vertical}.form-grid .full{grid-column:1/-1}.auth-switch{text-align:center;margin-top:20px!important}.auth-switch a{color:var(--forest);font-weight:900}.alert{padding:13px 16px;border-radius:14px;margin:14px 0;font-weight:800}.alert-success{background:var(--soft-green);color:var(--forest);border:1px solid #cfe4d2}.alert-error{background:#f9e7e6;color:var(--danger);border:1px solid #efc8c5}
.dashboard-section{padding:36px 0 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.page-heading h1{margin:0;font-size:38px;line-height:1.12}.page-heading p{color:var(--muted);margin:10px 0 0;font-size:17px}.eligibility-badge{padding:9px 13px;border-radius:999px;font-weight:900;font-size:14px;background:var(--soft-gold);color:#88620c;border:1px solid #f1dc9e}.eligibility-badge.eligible{background:var(--soft-green);color:var(--forest);border-color:#cfe4d2}.dashboard-grid,.admin-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px}.panel h2{margin:0;font-size:24px}.profile-row{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.big-avatar{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#d7b152,#557f4f);color:#fff;font-size:31px;font-weight:900}.profile-row h2{font-size:29px}.profile-row p{margin:5px 0;color:var(--muted);font-weight:800}.progress-layout{display:grid;grid-template-columns:auto 1fr;gap:21px;align-items:center;border-top:1px solid var(--line);margin-top:23px;padding-top:23px}.progress-circle{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--forest) calc(var(--percent)*3.6deg),#e6e6df 0);display:grid;place-items:center;position:relative}.progress-circle:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--paper)}.progress-circle span{position:relative;z-index:1;font-size:29px;font-weight:900}.progress-layout h3{margin:0;font-size:21px}.progress-layout p{color:var(--muted);margin:7px 0 14px}.progress-track{height:10px;background:#e9e8df;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--forest),var(--olive));border-radius:99px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.metric-grid>div{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.metric-grid strong{font-size:27px;display:block}.metric-grid span{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-top:3px}.notice-box{margin-top:18px;padding:15px 17px;border-radius:16px;background:var(--soft-gold);border:1px solid #f1dc9e;color:#72580f;font-weight:700}.schedule-list{display:grid;gap:12px;margin-top:16px}.schedule-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.schedule-item strong{display:block}.schedule-item small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.section-gap{margin-top:22px}.role-list{display:grid;gap:12px;margin-top:15px}.role-card{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.role-card strong{display:block}.role-card p{margin:2px 0 0;color:var(--muted);font-size:13px}.admin-stat-grid{margin-bottom:20px}.minor-heading{font-size:17px;margin-top:22px!important}.mini-list{display:grid;gap:9px;margin-top:10px}.mini-list div{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.mini-list small{color:var(--muted)}.media-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.media-admin-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;padding-bottom:10px}.media-admin-card img,.media-admin-card video{display:block;width:100%;height:125px;object-fit:cover;background:#e9eceb}.media-admin-card span{display:block;padding:9px;font-size:13px;font-weight:800}.media-admin-card form{padding:0 9px}.preview-box{margin-top:16px;border:1px dashed #ccb887;border-radius:17px;padding:16px;background:#fffaf0;color:#6f5a21}
@media(max-width:1050px){.hero-grid,.dashboard-grid,.admin-grid{grid-template-columns:1fr}.stat-grid,.admin-stat-grid,.axis-grid,.announcement-grid{grid-template-columns:repeat(2,1fr)}.media-slider,.slider-track{min-height:420px}.progress-circle{margin:auto}}
@media(max-width:720px){.container{width:min(100% - 26px,1240px)}.header-inner{min-height:68px}.nav{display:none}.brand{font-size:16px}.brand-mark{width:31px;height:31px;border-radius:10px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:18px}.media-slider,.slider-track{min-height:360px;border-radius:22px}.slide-caption{font-size:22px}.stat-grid,.admin-stat-grid,.axis-grid,.announcement-grid,.form-grid,.metric-grid{grid-template-columns:1fr}.section{padding:54px 0}.section-heading h2{font-size:30px}.activity-toggle{align-items:flex-start}.activity-meta{display:none}.page-heading{display:block}.page-heading h1{font-size:31px}.eligibility-badge{display:inline-block;margin-top:12px}.progress-layout{grid-template-columns:1fr;text-align:center}.role-card{grid-template-columns:42px 1fr}.role-card form{grid-column:1/-1}.form-grid .full{grid-column:auto}.media-admin-grid{grid-template-columns:1fr 1fr}.personal-cta{padding:30px 20px}.personal-cta h2{font-size:29px}}

/* Activity editor */
.slot-editor-list{display:grid;gap:14px;margin-top:18px}
.slot-editor-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.slot-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:3px}
.add-slot-box{margin-top:22px;padding:20px;border-radius:18px;background:#f8fbf8;border:1px dashed #b7c8b7}
.add-slot-box h3{margin:0 0 14px}

.activity-meta small{display:inline-block}.recurrence-note{font-size:12px;color:var(--muted);font-weight:800}

/* שלושת כרטיסי המידע בדף הבית */
.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-box{min-height:150px;display:flex;flex-direction:column;justify-content:center}
.stat-box.stat-eligibility span{line-height:1.5;max-width:320px;margin-inline:auto}
.form-help{color:var(--muted);font-size:13px;line-height:1.55;margin-top:-4px}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.stat-grid{grid-template-columns:1fr}}


/* שיבוץ נוער מנהיג מתחלף */
.leader-period-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 8px;padding:11px 13px;border-radius:12px;background:#eef5ef;color:var(--ink)}
.leader-period-heading span{font-size:13px;color:var(--muted);font-weight:800}
.weekly-control-panel{display:grid;gap:18px}
.week-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:center}
.week-navigation h2{margin:0;font-size:26px}.week-navigation p{margin:4px 0 0;color:var(--muted);font-weight:800}
.week-jump-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.week-jump-form label{display:grid;gap:6px;font-size:13px;font-weight:900}
.week-jump-form input,.data-table select{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;color:var(--ink)}
.weekly-info-box{padding:18px;border-radius:18px;background:#eef5ef;border:1px solid #cfe4d2;color:#365b40}
.weekly-info-box p{margin:8px 0 16px;color:#4d7055}
.soft-divider{border:0;border-top:1px solid var(--line);margin:23px 0}
@media(max-width:720px){.week-navigation{display:grid;grid-template-columns:1fr}.week-navigation .btn{width:100%}.leader-period-heading{align-items:flex-start;flex-direction:column}}


/* ============ Home rebuild: real components, no image collage ============ */
:root{
  --home-navy:#163d7e;
  --home-teal:#119a9b;
  --home-orange:#ff8a25;
  --home-gold:#ffc33b;
  --home-cream:#fffaf1;
  --home-sky:#e9f7ff;
  --home-ink:#15345f;
}
.page-home{background:var(--home-cream);color:var(--home-ink)}
.page-home .site-header{background:rgba(255,255,255,.96);border-color:#e7eef4;box-shadow:0 9px 28px rgba(20,56,93,.08)}
.page-home .header-inner{min-height:78px;gap:22px}
.page-home .brand{gap:10px;color:var(--home-navy)}
.page-home .brand-mark{width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,#8bc65c,#2c8758);box-shadow:0 8px 16px rgba(44,135,88,.2)}
.page-home .brand-copy{display:grid;line-height:1}
.page-home .brand-copy strong{font-size:22px;letter-spacing:-.5px}
.page-home .brand-copy small{font-size:10px;margin-top:5px;color:#5f796f;font-weight:900}
.page-home .nav{gap:21px}.page-home .nav a{font-size:14px;color:#1d3c68;white-space:nowrap}
.page-home .nav-main .active{color:var(--home-orange);position:relative}
.page-home .nav-main .active:after{content:"";position:absolute;height:3px;background:var(--home-orange);right:0;left:0;bottom:-14px;border-radius:99px}
.page-home .nav-account{margin-right:auto}
.page-home .nav-cta{background:#fff;border:2px solid var(--home-teal);color:#047e87!important;padding:9px 15px;border-radius:14px;box-shadow:none}
.page-home .nav-login{color:var(--home-navy)!important}.page-home .nav-admin,.page-home .nav-logout{font-size:12px!important}

.youth-hero{position:relative;isolation:isolate;overflow:hidden;min-height:545px;padding:72px 0 54px;background:linear-gradient(180deg,#e8f5ff 0%,#fffaf2 86%)}
.hero-cloud{position:absolute;border-radius:50%;filter:blur(4px);z-index:-3}
.hero-cloud-one{width:360px;height:170px;background:rgba(255,255,255,.72);left:8%;top:9%}
.hero-cloud-two{width:430px;height:190px;background:rgba(255,255,255,.66);right:8%;top:16%}
.hero-doodle{position:absolute;z-index:-1;font-family:Arial,sans-serif;font-weight:900}
.hero-doodle.sun{top:94px;right:25%;font-size:54px;color:#ffa42d}
.hero-doodle.star-one{top:175px;left:20%;font-size:32px;color:#16a7a5}.hero-doodle.star-two{bottom:95px;right:15%;font-size:28px;color:#f29e27}
.hero-people{position:absolute;bottom:0;width:min(31vw,370px);height:320px;overflow:hidden;z-index:-1}
.hero-people img{width:100%;height:100%;object-fit:cover;object-position:top}
.hero-boys{left:0;mask-image:linear-gradient(90deg,black 0%,black 69%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,black 0%,black 69%,transparent 100%)}
.hero-girls{right:0;mask-image:linear-gradient(-90deg,black 0%,black 69%,transparent 100%);-webkit-mask-image:linear-gradient(-90deg,black 0%,black 69%,transparent 100%)}
.hero-centered{min-height:405px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.hero-eyebrow{padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid #d7e8ef;color:#16838d;font-size:13px;font-weight:1000;box-shadow:0 7px 18px rgba(33,93,115,.08)}
.youth-hero h1{margin:14px 0 8px;font-size:clamp(55px,7.1vw,96px);letter-spacing:-4px;line-height:.9;color:#164883;text-shadow:0 3px 0 #fff,0 9px 18px rgba(18,71,120,.12)}
.youth-hero p{max-width:650px;margin:13px auto 22px;color:#147f89;font-size:clamp(19px,2vw,24px);font-weight:900;line-height:1.4}
.hero-actions-modern{justify-content:center;gap:10px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;text-decoration:none;border-radius:14px;font-weight:1000;border:0;transition:.18s transform,.18s box-shadow}
.button:hover{transform:translateY(-2px)}
.button-orange{background:linear-gradient(135deg,#ff9d33,#ff7621);color:#fff;box-shadow:0 10px 22px rgba(255,123,31,.28)}
.button-outline{background:rgba(255,255,255,.88);border:2px solid #5fc6d1;color:#07808d}
.button-blue{background:linear-gradient(135deg,#1b5fca,#103a89);color:#fff;box-shadow:0 9px 20px rgba(16,58,137,.24)}

.impact-strip{position:relative;z-index:3;margin-top:-34px;padding-bottom:30px}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.impact-card{min-height:142px;border-radius:24px;background:#fff;padding:23px;display:flex;align-items:center;gap:16px;border:1px solid #e4edf3;box-shadow:0 17px 35px rgba(22,62,110,.14)}
.impact-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:28px;color:#fff;font-weight:1000;background:linear-gradient(145deg,#2ea5d9,#1a75c9);box-shadow:0 9px 17px rgba(26,117,201,.2)}
.icon-people{background:linear-gradient(145deg,#25b5ae,#087f89)}
.impact-card strong{display:block;color:#0e9194;font-size:42px;line-height:.9}.impact-card span{display:block;margin-top:7px;color:#173960;font-weight:1000;font-size:17px}.impact-card small{display:block;margin-top:3px;color:#7a92a3;font-size:12px;font-weight:800}
.impact-card-gold{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff0b7,#ffd77b);border-color:#f1cd6e}.impact-card-gold strong{color:#d57600;font-size:45px}.impact-card-gold span{color:#865000;line-height:1.28}.impact-card-gold:after{content:"✦ ✦";position:absolute;left:17px;bottom:10px;color:#f0a013;font-size:20px;letter-spacing:5px}.trophy{font-size:50px;filter:drop-shadow(0 7px 8px rgba(132,87,0,.18))}

.rewards-section{position:relative;overflow:hidden;padding:54px 0 58px;background:radial-gradient(circle at 50% -5%,#406798,#153d7b 47%,#0e2e62 100%);color:#fff}
.rewards-glow{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(15px);opacity:.28}.glow-right{right:2%;top:-132px;background:#ffb135}.glow-left{left:3%;bottom:-170px;background:#8b50de}
.rewards-inner{position:relative;z-index:1}.rewards-heading{display:flex;justify-content:center;align-items:center;gap:16px;text-align:center}.rewards-heading span{color:#ffd15d;font-size:34px}.rewards-heading p{margin:0;color:#ffd15d;font-size:17px;font-weight:1000}.rewards-heading h2{margin:5px 0 0;font-size:clamp(26px,3vw,40px);line-height:1.15}
.rewards-rosette{position:absolute;left:1%;top:58px;width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#6e3d00;background:radial-gradient(circle at 34% 27%,#fff7bd,#ffc43d 64%,#f39e08);border:6px solid #fff8d5;box-shadow:0 13px 27px rgba(0,0,0,.25);transform:rotate(-8deg)}.rewards-rosette:after{content:"";position:absolute;inset:-10px;border:2px dashed rgba(255,223,110,.75);border-radius:50%}.rewards-rosette span{font-size:12px;font-weight:1000}.rewards-rosette strong{font-size:39px;line-height:.95}.rewards-rosette b{font-size:13px}
.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-inline:76px;margin-top:32px}
.reward-tile{min-height:300px;overflow:hidden;border-radius:24px;position:relative;background:#fff;color:#fff;box-shadow:0 16px 29px rgba(4,20,57,.28);transition:.2s transform}.reward-tile:hover{transform:translateY(-7px)}
.reward-photo-frame{height:100%;position:absolute;inset:0;background:#1a4664}.reward-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,21,51,.02) 28%,rgba(7,22,58,.91) 96%)}.reward-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.reward-tile-copy{position:absolute;z-index:1;right:20px;left:20px;bottom:18px}.tile-icon{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#fff;color:#1a5fa9;font-size:17px;margin-bottom:7px}.reward-tile-copy h3{margin:0;font-size:23px;line-height:1.1}.reward-tile-copy p{margin:7px 0 0;font-size:13px;font-weight:800;color:rgba(255,255,255,.88)}
.reward-tile-gifts{background:linear-gradient(145deg,#5526bf,#2b6bd9);padding:19px}.reward-tile-gifts:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 17%,rgba(255,255,255,.17),transparent 29%),radial-gradient(circle at 89% 8%,rgba(255,213,78,.18),transparent 25%)}.gift-visual{position:absolute;z-index:1;top:32px;left:0;right:0;height:125px}.gift{position:absolute;border-radius:9px;background:linear-gradient(135deg,#ffcf4c,#f69b36);box-shadow:0 14px 20px rgba(20,5,75,.24)}.gift:before,.gift:after{content:"";position:absolute;background:#fff0aa}.gift:before{width:20%;top:0;bottom:0;left:40%}.gift:after{height:18%;left:0;right:0;top:37%}.gift i{position:absolute;top:-17px;left:37%;width:26%;height:27px;border:5px solid #fff0aa;border-bottom:0;border-radius:15px 15px 0 0}.gift-large{width:112px;height:82px;right:26px;top:21px}.gift-small{width:70px;height:57px;left:33px;top:54px;background:linear-gradient(135deg,#e56fd1,#9466ff)}.gift-small i{top:-14px}.spark{position:absolute;color:#ffe767;font-size:20px}.s1{top:2px;left:50px}.s2{right:18px;top:1px}.s3{left:124px;top:22px;font-size:13px}.reward-tile-gifts .reward-tile-copy{bottom:20px}.reward-tile-gifts .tile-icon{color:#7042d0}
.rewards-cta-bar{margin:29px auto 0;max-width:880px;padding:13px 18px;border-radius:16px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.23)}.rewards-cta-bar a{color:#ffdc6c;text-decoration:none;font-weight:1000}
.updates-ticker{background:#fff0b3;border-block:1px solid #eed377}.updates-inner{display:flex;gap:14px;align-items:center;padding:12px 0}.updates-inner>strong{background:#ffd45e;color:#845600;padding:5px 10px;border-radius:9px;flex:0 0 auto}.updates-inner>div{display:flex;gap:20px;overflow:auto;white-space:nowrap;color:#714e00;font-weight:800;font-size:14px}.updates-inner span{padding-left:20px;border-left:1px solid rgba(110,75,0,.18)}
.activity-leadership-section{padding:68px 0;background:linear-gradient(180deg,#fffaf1,#eaf8ff)}.activity-leadership-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.upcoming-panel{padding:26px;background:#fff;border-radius:27px;border:1px solid #e1edf5;box-shadow:0 15px 32px rgba(23,65,104,.1)}.section-heading-new h2{margin:0;color:#173f7c;font-size:34px;line-height:1.1}.section-heading-new span{display:block;margin-top:7px;color:#60819a;font-weight:700}.section-kicker{margin:0 0 6px;color:#178fa0;font-weight:1000;font-size:13px}.activity-list-new{gap:10px;margin-top:20px}.activity-list-new .activity-card{box-shadow:none;border:1px solid #dceaf4;border-radius:15px}.activity-list-new .activity-toggle{padding:14px 15px;gap:10px}.activity-list-new .activity-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#e6f8ff,#e0f5ed)}.activity-list-new .activity-title{font-size:16px;color:#183d74}.activity-list-new .activity-meta{font-size:12px;color:#63829b}.leader-badge{font-size:11px;padding:5px 8px;border-radius:99px;background:#e9f7e9;color:#2f8a4f;font-weight:1000}.activity-list-new .activity-content{background:#f8fcff}.activity-list-new .leader-period-heading{background:#eef6ff;color:#235ca3}.activity-list-new .data-table{font-size:13px}
.leadership-panel{position:relative;overflow:hidden;min-height:540px;border-radius:27px;background:linear-gradient(150deg,#eaf8ff,#bde5f5);border:1px solid #d6eaf3;box-shadow:0 15px 32px rgba(23,65,104,.1)}.leadership-text{position:relative;z-index:1;padding:32px 27px;max-width:460px}.leadership-kicker{display:inline-block;padding:6px 10px;border-radius:99px;background:#fff;color:#1495a1;font-size:12px;font-weight:1000}.leadership-text h2{margin:13px 0 8px;color:#0d6e7e;font-size:37px;line-height:1.05}.leadership-text p{margin:0;color:#3f677c;font-size:17px;font-weight:700;line-height:1.5}.leadership-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.leadership-points div{min-height:82px;padding:8px;display:grid;place-items:center;text-align:center;gap:3px;border-radius:15px;background:rgba(255,255,255,.83);border:1px solid rgba(82,167,197,.27);box-shadow:0 6px 13px rgba(22,83,111,.06)}.leadership-points span{font-size:21px}.leadership-points b{color:#21526c;font-size:12px}.leadership-image{position:absolute;left:0;bottom:0;width:74%;height:45%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 44%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 44%)}.leadership-image img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.media-section{padding:62px 0;background:#fff}.media-heading{margin-bottom:20px}.media-slider-new{position:relative;overflow:hidden;border-radius:26px;min-height:395px;background:#e6f4fa;box-shadow:0 15px 29px rgba(23,65,104,.1)}.media-track-new{position:relative;height:395px}.media-slide-new{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.4s opacity}.media-slide-new.active{opacity:1;visibility:visible}.media-slide-new img,.media-slide-new video{display:block;width:100%;height:100%;object-fit:cover}.media-caption-new{position:absolute;right:21px;left:21px;bottom:20px;padding:10px 13px;border-radius:13px;background:rgba(11,33,66,.68);backdrop-filter:blur(5px);color:#fff;font-weight:1000}.media-slider-controls{position:absolute;z-index:2;left:15px;bottom:15px;display:flex;gap:7px;direction:ltr}.media-slider-controls button{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#14447e;font-size:22px;font-weight:1000}.media-slider-dots{position:absolute;z-index:2;right:22px;bottom:23px;display:flex;gap:6px}.media-slider-dots button{border:0;padding:0;width:8px;height:8px;border-radius:9px;background:rgba(255,255,255,.52)}.media-slider-dots button.active{width:24px;background:#fff}
.tracks-section{padding:65px 0;background:linear-gradient(180deg,#effaff,#fffaf1)}.tracks-title{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px}.tracks-title i{width:105px;height:3px;background:linear-gradient(90deg,transparent,#57c5e7);border-radius:99px}.tracks-title i:last-child{transform:scaleX(-1)}.tracks-title h2{margin:0;color:#163f7c;font-size:39px}.tracks-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.track-new{min-height:252px;position:relative;overflow:hidden;border-radius:24px;background:#fff;border:1px solid #dcecf4;box-shadow:0 13px 27px rgba(21,62,98,.11)}.track-new img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.track-new>div:last-child{position:absolute;right:14px;left:14px;bottom:14px;padding:12px;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(5px)}.track-new>div:last-child>span{font-size:20px}.track-new h3{display:inline;margin:0 7px;color:#17599a;font-size:21px}.track-new p{margin:6px 0 0;color:#587590;font-size:13px;font-weight:800}.track-art{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#fff;font-size:66px}.track-art span{font-size:18px;font-weight:1000}.track-art-doing{background:radial-gradient(circle at 26% 15%,#76d89c,transparent 26%),linear-gradient(140deg,#17866d,#1d7194)}.track-art-fun{background:radial-gradient(circle at 77% 20%,#ffcf50,transparent 23%),linear-gradient(140deg,#3e74d0,#1d9e88)}
.final-cta{padding:45px 0;background:linear-gradient(135deg,#173d80,#117286);color:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.final-cta-inner>div>span{color:#ffd25a;font-size:27px}.final-cta h2{margin:0;font-size:31px;line-height:1.15}.final-cta p{margin:7px 0 0;color:rgba(255,255,255,.84);font-weight:700}.page-home .site-footer{padding:32px 0;background:#102e60}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:24px;align-items:center}.footer-brand strong{font-size:21px}.footer-brand p{margin:6px 0 0;color:rgba(255,255,255,.74);font-size:13px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#dcecff;text-decoration:none;font-size:13px;font-weight:800}.footer-note{color:#ffdc72;font-size:17px;font-weight:1000;text-align:left}

@media(max-width:1120px){.page-home .nav-main{gap:12px}.page-home .nav-main a{font-size:12px}.rewards-grid{padding-inline:44px}.hero-people{opacity:.8}}
@media(max-width:920px){.page-home .header-inner{flex-wrap:wrap;padding-block:10px}.page-home .nav-main{order:3;width:100%;overflow:auto;padding-bottom:4px}.page-home .nav-account{margin-right:0}.hero-people{width:44vw;opacity:.38}.impact-grid{grid-template-columns:1fr}.rewards-rosette{left:12px;top:92px;transform:scale(.84) rotate(-8deg)}.rewards-grid{padding-inline:0}.activity-leadership-grid{grid-template-columns:1fr}.leadership-panel{min-height:465px}}
@media(max-width:720px){.page-home .brand-copy strong{font-size:19px}.page-home .nav-login,.page-home .nav-admin,.page-home .nav-logout{display:none}.page-home .nav-account{display:flex}.youth-hero{padding:60px 0 50px;min-height:555px}.hero-people{width:57vw;height:290px;opacity:.27}.hero-boys{left:-35px}.hero-girls{right:-35px}.youth-hero h1{font-size:55px;letter-spacing:-2.5px}.youth-hero p{font-size:18px;padding-inline:10px}.impact-strip{margin-top:-22px}.impact-card{min-height:105px;padding:16px 18px;border-radius:18px}.impact-card strong{font-size:35px}.rewards-section{padding:45px 0}.rewards-heading{padding-inline:12px}.rewards-heading h2{font-size:27px}.rewards-rosette{position:relative;left:auto;top:auto;margin:20px auto -3px;transform:scale(.86) rotate(-7deg)}.rewards-grid{grid-template-columns:1fr;margin-top:24px}.reward-tile{min-height:270px}.updates-inner{align-items:flex-start}.updates-inner>div{display:grid;gap:5px;white-space:normal}.updates-inner span{border:0;padding:0}.activity-leadership-section{padding:45px 0}.upcoming-panel{padding:17px;border-radius:20px}.section-heading-new h2{font-size:28px}.activity-list-new .activity-meta,.leader-badge{display:none}.leadership-text{padding:26px 20px}.leadership-text h2{font-size:31px}.media-section,.tracks-section{padding:45px 0}.media-slider-new,.media-track-new{min-height:270px;height:270px}.tracks-title h2{font-size:29px;text-align:center}.tracks-title i{width:33px}.tracks-grid-new{grid-template-columns:1fr;gap:14px}.track-new{min-height:220px}.final-cta-inner{display:block;text-align:center}.final-cta .button{margin-top:18px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}.footer-note{text-align:center}}
