:root{--bg:#fbf8fb;--paper:#fff;--ink:#302536;--muted:#7d7180;--line:#eadfe9;--plum:#704a70;--dark:#503450;--lilac:#eee4f0;--green:#2e7358;--greenbg:#e8f4ed;--shadow:0 16px 42px #42264212}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(1050px,calc(100% - 36px));margin:auto}.topbar{padding:18px 0;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-links{display:flex;align-items:center;gap:18px;font-size:.78rem;font-weight:700;color:var(--muted)}.nav-links a:hover{color:var(--plum)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:10px;font-size:.82rem;font-weight:800;border:1px solid var(--plum);color:var(--plum);transition:.2s}.btn.primary{background:var(--plum);color:#fff}.btn:hover{transform:translateY(-2px)}.badge-foot.static{color:var(--muted);font-weight:700}.section[id],.journey[id]{scroll-margin-top:22px}.brand{font-weight:800;letter-spacing:-.04em}.brand span{color:var(--plum)}.nav-note{font-size:.8rem;color:var(--muted)}.hero{padding:50px 0 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.eyebrow{display:inline-block;padding:6px 11px;border-radius:999px;background:var(--lilac);color:var(--dark);font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,5.3vw,4.25rem);line-height:1.02;letter-spacing:-.065em;margin:17px 0 14px}.hero h1 em{font-style:normal;color:var(--plum)}.hero p{color:var(--muted);font-size:1rem;margin:0;max-width:570px}.hero-art{width:100%;max-width:465px;justify-self:end;display:block;filter:drop-shadow(0 10px 18px #42264212)}.section{padding:26px 0}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--plum);font-weight:800}.section h2{font-size:clamp(1.55rem,3.5vw,2rem);letter-spacing:-.05em;margin:5px 0}.section-head{margin-bottom:16px}.section-head p{color:var(--muted);font-size:.9rem;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.badge{display:flex;flex-direction:column;min-height:150px;background:white;border:1px solid var(--line);border-radius:16px;padding:16px;transition:.2s}.badge.clickable{border:2px solid #d9b5d5;background:linear-gradient(135deg,#fff 0%,#fdf5fc 100%);box-shadow:0 5px 18px #704a7014;cursor:pointer;position:relative}.badge.clickable:hover{transform:translateY(-4px);border-color:var(--plum);box-shadow:0 12px 28px #704a7026}.badge.clickable:focus-visible{outline:3px solid var(--plum);outline-offset:4px}.badge.clickable .badge-foot{background:var(--plum);color:#fff;border-radius:9px;padding:10px 12px;margin-top:14px}.badge.clickable .badge-foot span:last-child{font-size:1rem}.badge.clickable .badge-img{width:76px;height:76px}.badge-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.badge-img{width:66px;height:66px;object-fit:contain;display:block;border-radius:10px}.status{font-size:.67rem;font-weight:800;border-radius:999px;padding:4px 7px;white-space:nowrap}.status.verified{background:var(--greenbg);color:var(--green)}.badge h3{font-size:.98rem;letter-spacing:-.025em;margin:10px 0 4px}.badge p{font-size:.8rem;color:var(--muted);margin:0}.badge-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px;color:var(--plum);font-size:.76rem;font-weight:800}.badge.disabled{background:#f1ecf2;border-color:#e1d7e5;border-style:dashed;min-height:132px}.badge.disabled .badge-img{filter:grayscale(1);opacity:.48}
/* Next in Line: soft lilac emphasis while preserving the existing badge images and card layout */
#nextGrid .badge.disabled{background:#f5eef8;border:1px solid #dcc9e8;border-style:solid;box-shadow:0 5px 16px #704a700c}
#nextGrid .badge.disabled .badge-img{filter:none;opacity:.4}
#nextGrid .status.progress{background:#e5d6ef;color:#503450}
#nextGrid .badge h3{color:#503450}
/* On My Radar stays quieter to signal a later learning priority */
#radarGrid .badge.disabled{background:#f1ecf2;border-color:#dcd2df}
#radarGrid .badge.disabled .badge-img{filter:grayscale(1);opacity:.48}.badge-placeholder{display:grid;place-items:center;background:#eee9ef;color:#8c7e90;font-size:1.5rem}.badge.disabled h3{font-size:.88rem;margin-top:9px}.status.progress{background:#ebe6ed;color:#817485}.journey{margin:28px 0 38px;background:var(--dark);color:white;border-radius:20px;padding:24px 27px}.journey h2{font-size:1.3rem;letter-spacing:-.035em;margin:0 0 6px}.journey p{color:#e7dce9;font-size:.9rem;margin:0;max-width:850px}footer{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:.78rem}.footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.resource-section{margin:30px 0 34px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#f2e9f8 0%,#fff 48%,#f8e8f1 100%);border:1px solid #e4d4e9;box-shadow:0 14px 34px #704a7014;position:relative;overflow:hidden}
.resource-section:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#dfc5eb;opacity:.32;right:-55px;top:-95px}.resource-section:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ccecf3;opacity:.3;left:-65px;bottom:-90px}
.resource-head{position:relative;max-width:700px;margin-bottom:19px}.resource-head .kicker{display:inline-block;background:#fff;border:1px solid #e8d6e9;padding:5px 10px;border-radius:999px}.resource-head h2{font-size:clamp(1.6rem,3.5vw,2.15rem);letter-spacing:-.05em;margin:9px 0 6px;color:#49304f}.resource-head p{color:var(--muted);font-size:.92rem;margin:0}
.resource-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.resource-card{display:flex;flex-direction:column;background:linear-gradient(155deg,#fff 0%,#fdf8ff 100%);border:1px solid #e4d7ed;border-radius:17px;padding:21px;box-shadow:0 7px 22px #5034500d;position:relative}.resource-card.bootcamp{background:linear-gradient(155deg,#fff 0%,#f2faff 100%);border-color:#d2e7f0}.resource-label{align-self:flex-start;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;font-weight:850;padding:5px 9px;border-radius:999px;background:#eee1f5;color:#633b69;border:1px solid #e1cfea}.resource-card.bootcamp .resource-label{background:#e0f2f8;color:#145b7c;border-color:#c9e6f0}.resource-card h3{font-size:1.18rem;letter-spacing:-.03em;margin:12px 0 7px}.resource-card p{font-size:.86rem;color:var(--muted);margin:0 0 14px}.resource-card ul{padding-left:18px;margin:0 0 18px;color:#514653;font-size:.8rem}.resource-card li{margin:5px 0}.resource-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--plum);color:#fff;padding:12px 14px;border-radius:10px;font-weight:800;font-size:.82rem;transition:.2s}.resource-cta:hover{background:var(--dark);transform:translateY(-2px)}.resource-card.bootcamp .resource-cta{background:#116b91}.resource-card.bootcamp .resource-cta:hover{background:#0c506d}.resource-disclaimer{font-size:.7rem;color:#786b79;margin:13px 2px 0;position:relative}
@media(max-width:600px){.resource-section{padding:19px}.resource-grid{grid-template-columns:1fr}.resource-card{padding:18px}}

@media(max-width:760px){.brand-logo{width:92px}.nav{align-items:flex-start;flex-wrap:wrap}.nav-links{width:100%;gap:12px;flex-wrap:wrap;font-size:.74rem}.hero{grid-template-columns:1fr;padding-top:35px;gap:18px}.hero-art{max-width:350px;justify-self:center;max-height:260px;object-fit:contain}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-note{text-align:right;max-width:175px}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.grid{grid-template-columns:1fr}.badge{min-height:0}.badge.disabled{min-height:0}.hero h1{font-size:2.7rem}.badge-img{width:58px;height:58px}}

/* Certified Admin directory thumbnail */
.directory-badge-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #eee3ee;border-radius:12px;background:#fff;transition:transform .18s ease,box-shadow .18s ease;max-width:100%}
.directory-badge-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(48,25,52,.09)}
.directory-badge-link img{display:block;width:190px;max-width:55vw;height:auto;object-fit:contain}
.directory-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 20px 24px;text-align:center;border-top:1px solid #f1e9f1}
.directory-footer p{margin:0;color:#58617d;font-size:11px}
@media(max-width:600px){.directory-badge-link img{width:155px}}


/* Footer brand uses the same Certified Admin logo as the header */
.footer-logo-link{display:inline-flex;align-items:center;max-width:100%;text-decoration:none}
.footer-logo{display:block;width:118px;max-width:42vw;height:auto;object-fit:contain}
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-inner .footer-logo{width:118px}
@media(max-width:600px){.footer-logo,.footer-inner .footer-logo{width:92px;max-width:60vw}}


/* Match the Calendar Builds page header */
.site-header{min-height:66px;border-bottom:1px solid #f0e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));background:rgba(255,255,255,.96);gap:20px}
.site-header .brand{display:inline-flex;align-items:center;flex:0 0 auto}
.site-header .brand-logo{display:block;width:118px;max-width:38vw;height:auto;object-fit:contain}
.site-header .nav{display:flex;align-items:center;justify-content:flex-end;gap:26px;font-size:12px;font-weight:650}
.site-header .nav a:hover{color:var(--plum)}
.site-header .nav .nav-cta{color:#fff;background:var(--plum);border-radius:8px;padding:9px 16px}
@media(max-width:600px){.site-header{padding:12px 18px;gap:12px}.site-header .nav{gap:12px;font-size:11px}.site-header .brand-logo{width:108px;max-width:35vw}.site-header .nav .nav-cta{padding:8px 10px}}

/* Consistent compact brand logo in header and footer */
.site-header .brand-logo, .brand-logo, .footer-logo, .footer-inner .footer-logo { width:118px; max-width:38vw; height:auto; object-fit:contain; }
@media (max-width:600px) {
  .site-header .brand-logo, .brand-logo, .footer-logo, .footer-inner .footer-logo { width:92px; max-width:35vw; }
}


/* --- merged system additions --- */
.site-header .nav .login{font:inherit;font-weight:650;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.site-header .nav .login:hover{color:var(--plum)}
.site-header .brand-logo{width:170px;max-width:46vw}
@media(max-width:600px){.site-header .brand-logo{width:130px}}
#ongoingGrid .badge.disabled{background:#f5eef8;border:1px solid #dcc9e8;box-shadow:0 5px 16px #704a700c}
#ongoingGrid .badge.disabled .badge-img{filter:none;opacity:.8}
#ongoingGrid .badge h3{color:#503450}#ongoingGrid .status.progress{background:#e5d6ef;color:#503450}
.badge-foot.static{color:var(--muted)}

.site-header{padding-top:8px;padding-bottom:8px}
.footer-logo,.footer-inner .footer-logo{width:160px}