/* ============================================================
   NextSense — single shared stylesheet (site.css)
   1) tokens + reset (global)
   2) nav base + dropdowns + mega + mobile drawer (global, shared)
   3) page-specific rules, each scoped under body.p-<page>
   ============================================================ */

/* ---- 1. tokens + reset ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#F3F1EC;
  --teal:#00C9C8;
  --lime:#C8FF00;
  --green-s:#50E878;
  --green-btn:#4AE254;
  --pink:#FF3399;
  --yellow:#FFE500;
  --black:#0A0A0A;
  --white:#FFFFFF;
  --err:#c43030;
  --fn:'DM Sans',sans-serif;
  --grey:#E9E6DF;
  --pink-soft:#FF86B6;
}
html{scroll-behavior:smooth}

/* ---- 2. nav base (identical across pages, single copy) ---- */
.main-nav{background:var(--black);padding:0 48px;display:flex;align-items:center;min-height:68px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:32px}
.nav-links{display:flex;list-style:none;gap:0}
.nav-links li a{color:white;font-size:13.5px;font-weight:500;padding:22px 14px;display:block;white-space:nowrap;transition:opacity .15s,color .15s}
/* keep top-level nav links white — beats each page's `body.p-X a{color:inherit}` reset
   without touching the deeper submenu/mega links (governed by the dropdown rules) */
.main-nav .nav-links > li > a{color:#fff}
.nav-links li a:hover{opacity:.75}
.nav-links li a.active{color:var(--teal);font-weight:700}
.nav-logo-text{font-size:17px;font-weight:800;line-height:1.1;color:white}

/* ---- nav dropdowns / mega / mobile drawer ---- */
/* ============================================================
   NextSense — shared nav dropdowns + mega menu.
   Linked by every page that uses .nav-links so submenus are
   consistent site-wide. Rules are scoped under .nav-links and
   carry enough specificity to override base .nav-links li a.
   ============================================================ */

/* ── NAV DROPDOWNS + MEGA MENU ── */
.nav-links li{position:relative}
.nav-links li.has-menu>a{display:inline-flex;align-items:center;gap:6px}
.nav-links li.has-menu>a::after{
  content:"";width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .2s;flex-shrink:0;
}
.nav-links li.has-menu:hover>a::after,
.nav-links li.has-menu:focus-within>a::after{transform:translateY(1px) rotate(-135deg)}

/* shared panel chrome */
.nav-panel{
  position:absolute;top:100%;left:0;z-index:60;background:#fff;color:var(--black);
  border-top:3px solid var(--teal);border-radius:0 0 14px 14px;
  box-shadow:0 26px 50px -12px rgba(0,0,0,.32);
  opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.nav-links li.has-menu:hover>.nav-panel,
.nav-links li.has-menu:focus-within>.nav-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}

/* simple submenu — selectors scoped under .nav-links to beat `.nav-links li a` */
.nav-links .submenu{min-width:280px;padding:10px}
/* right-align the submenus on the right-side nav items so they don't overflow the viewport */
.nav-links li.has-menu:nth-last-child(-n+4)>.submenu{left:auto;right:0}
.nav-links .submenu a{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  padding:10px 14px;border-radius:10px;white-space:normal;text-align:left;
  color:var(--black);font-size:14px;font-weight:700;line-height:1.25;
  border-left:3px solid transparent;transition:background .14s,border-color .14s;opacity:1;
}
.nav-links .submenu a:hover,
.nav-links .submenu a:focus-visible{background:var(--cream);border-left-color:var(--teal);opacity:1}
.nav-links .submenu a small{font-size:12px;font-weight:500;color:#6b6860;line-height:1.35}

/* mega menu */
.nav-links .mega{display:grid;grid-template-columns:1.05fr 1.05fr 1fr;gap:0;width:740px;padding:0}
.nav-links .mega-col{padding:22px 24px;border-right:1px solid #ececec}
.nav-links .mega-col:last-child{border-right:none}
.nav-links .mega-col.mega-feature{background:var(--cream);border-radius:0 0 11px 0}
.nav-links .mega h5{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9a978f;font-weight:700;margin-bottom:12px;padding:0}
.nav-links .mega-link{
  display:flex;align-items:flex-start;gap:12px;padding:9px 8px;margin:0 -8px;border-radius:10px;
  white-space:normal;text-align:left;opacity:1;transition:background .14s;
}
.nav-links .mega-link:hover,
.nav-links .mega-link:focus-visible{background:rgba(0,201,200,.12);opacity:1}
.nav-links .mega-link svg{width:20px;height:20px;color:var(--teal);flex-shrink:0;margin-top:2px}
.nav-links .mega-link .ml-t{display:block;font-size:14px;font-weight:700;color:var(--black);line-height:1.2}
.nav-links .mega-link .ml-d{display:block;font-size:12px;font-weight:500;color:#6b6860;line-height:1.35;margin-top:2px}
.nav-links .mega-feature .feat-card{display:block;padding:0;white-space:normal;opacity:1}
.nav-links .mega-feature .ph{height:112px;border-radius:10px;margin-bottom:12px}
.nav-links .mega-feature h6{font-size:15px;font-weight:700;margin-bottom:5px;line-height:1.25;color:var(--black)}
.nav-links .mega-feature p{font-size:12.5px;font-weight:500;color:#6b6860;line-height:1.45;margin-bottom:12px}
.nav-links .mega-feature .feat-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--black);border-bottom:2px solid var(--teal);padding:0 0 1px;border-radius:0}
.nav-links .mega-feature .feat-link svg{width:14px;height:14px}

/* ── MOBILE NAV: hamburger + drawer (shared across all pages) ── */
.nav-toggle{
  display:none;margin-left:auto;flex-shrink:0;
  width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav-toggle-bar{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.main-nav.nav-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.main-nav.nav-open .nav-toggle-bar:nth-child(2){opacity:0}
.main-nav.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:720px){
  .nav-toggle{display:flex}
  .main-nav{flex-wrap:wrap;padding-left:20px;padding-right:20px}
  /* closed state on every page */
  .main-nav .nav-links{display:none}
  /* open drawer */
  .main-nav.nav-open .nav-links{
    display:flex !important;flex-direction:column;gap:0;order:3;
    width:calc(100% + 40px);margin:0 -20px;
    background:var(--black);border-top:1px solid rgba(255,255,255,.12);
  }
  .main-nav.nav-open .nav-links>li{position:static;border-bottom:1px solid rgba(255,255,255,.1)}
  .main-nav.nav-open .nav-links>li>a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:15px 20px;font-size:15px;white-space:normal;
  }
  .nav-links li.has-menu.open>a::after{transform:translateY(1px) rotate(-135deg)}
  /* panels become static accordions, hidden until parent .open */
  .main-nav .nav-panel{
    position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;
    display:none;width:100%;background:transparent;color:#fff;
    box-shadow:none;border-top:none;border-radius:0;
  }
  .main-nav .nav-links li.has-menu.open>.nav-panel{display:block}
  /* submenu in drawer */
  .main-nav .nav-links .submenu{min-width:0;padding:2px 0 8px}
  .main-nav .nav-links li.has-menu>.submenu{left:auto;right:auto}
  .main-nav .nav-links .submenu a{color:#fff;padding:11px 20px 11px 34px;border-left:none}
  .main-nav .nav-links .submenu a:hover,
  .main-nav .nav-links .submenu a:focus-visible{background:rgba(255,255,255,.07)}
  .main-nav .nav-links .submenu a small{color:rgba(255,255,255,.5)}
  /* mega in drawer */
  .main-nav .nav-links .mega{display:block;width:100%}
  .main-nav .nav-links .mega-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 20px 14px 34px}
  .main-nav .nav-links .mega-col.mega-feature{background:rgba(255,255,255,.04);border-radius:0}
  .main-nav .nav-links .mega h5{color:rgba(255,255,255,.45)}
  .main-nav .nav-links .mega-link .ml-t,
  .main-nav .nav-links .mega-feature h6,
  .main-nav .nav-links .mega-feature .feat-link{color:#fff}
  .main-nav .nav-links .mega-link .ml-d,
  .main-nav .nav-links .mega-feature p{color:rgba(255,255,255,.55)}
  .main-nav .nav-links .mega-link:hover{background:rgba(255,255,255,.07)}
  .main-nav .nav-links .mega-feature .ph{height:90px}
}


/* ---- 3. page-specific (scoped) ---- */
/* ===== styles.css → body.p-base ===== */
body{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-base a{text-decoration:none;color:inherit}
body.p-base a:focus-visible, body.p-base button:focus-visible, body.p-base input:focus-visible, body.p-base select:focus-visible, body.p-base textarea:focus-visible, body.p-base [role="button"]:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:4px;}
body.p-base .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-base .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-base .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black);transition:opacity .15s}
body.p-base .top-bar-nav a:hover{opacity:.7}
body.p-base .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-base .top-bar-nav a.active{font-weight:700;color:var(--teal)}
body.p-base .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-base .btn-account{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-base .btn-account svg{width:16px;height:16px}
body.p-base .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-base .btn-donate svg{width:15px;height:15px}
body.p-base .crumb{display:flex;align-items:center;gap:10px;padding:14px 48px;background:var(--cream);border-bottom:1px solid #e0ddd6;font-size:13px;font-weight:500;color:#6b6860}
body.p-base .crumb a{display:inline-flex;align-items:center;gap:6px;color:#6b6860}
body.p-base .crumb a:hover{color:var(--black)}
body.p-base .crumb a svg{width:14px;height:14px}
body.p-base .crumb .here{color:var(--black);font-weight:600}
body.p-base .crumb-sep{color:#bdb9b0}
body.p-base .page-head{background:var(--cream);border-bottom:1px solid var(--black);padding:56px 0 60px;position:relative;overflow:hidden}
body.p-base .wrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-base .page-head h1{font-size:50px;font-weight:800;letter-spacing:-.6px;line-height:1.04}
body.p-base .page-head .lead{font-size:17px;font-weight:500;line-height:1.55;color:#4a4843;margin-top:14px;max-width:620px}
body.p-base .page-head .lead b{font-weight:700;color:var(--black)}
body.p-base .head-wave{position:absolute;right:-20px;bottom:-12px;opacity:.5;pointer-events:none}
body.p-base .shell{max-width:1240px;margin:0 auto;padding:48px 48px 96px}
body.p-base .card{border:1px solid var(--black);background:#fff}
body.p-base .card-head{display:flex;align-items:center;gap:12px;padding:20px 26px;border-bottom:1px solid var(--black)}
body.p-base .card-head h2{font-size:19px;font-weight:800}
body.p-base .card-head .num{width:28px;height:28px;border-radius:50%;background:var(--black);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-base .card-head .hic{width:30px;height:30px;border-radius:50%;background:var(--cream);border:1px solid var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-base .card-head .hic svg{width:16px;height:16px;stroke:var(--black)}
body.p-base .card-body{padding:26px 26px 30px}
body.p-base .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
body.p-base .field{display:flex;flex-direction:column;gap:7px;min-width:0}
body.p-base .field.full{grid-column:1 / -1}
body.p-base .field label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}
body.p-base .field label .opt{font-weight:500;color:#8a877e}
body.p-base .req{color:var(--pink);font-weight:800}
body.p-base .field input, body.p-base .field select, body.p-base .field textarea{width:100%;border:1.5px solid #cfcbc2;border-radius:10px;padding:13px 15px;font-family:var(--fn);font-size:14.5px;background:#fff;color:var(--black);transition:border-color .15s}
body.p-base .field input::placeholder, body.p-base .field textarea::placeholder{color:#aaa}
body.p-base .field input:focus, body.p-base .field select:focus, body.p-base .field textarea:focus{border-color:var(--black);outline:none;box-shadow:none}
body.p-base .field textarea{resize:vertical;min-height:130px;line-height:1.5}
body.p-base .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a968d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px;cursor:pointer}
body.p-base .field.error input, body.p-base .field.error select, body.p-base .field.error textarea{border-color:var(--err);background:#fff6f6}
body.p-base .err-msg{font-size:12px;color:var(--err);font-weight:600;display:none;align-items:center;gap:5px}
body.p-base .field.error .err-msg{display:flex}
body.p-base .err-msg svg{width:13px;height:13px;stroke:var(--err);flex-shrink:0}
body.p-base .field-consent{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.5;color:#4a4843}
body.p-base .field-consent input{margin-top:2px;width:17px;height:17px;accent-color:var(--black);flex-shrink:0;cursor:pointer}
body.p-base .field-consent a{font-weight:700;text-decoration:underline;text-underline-offset:2px}
body.p-base .field.error.field-consent{color:var(--err)}
body.p-base .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:50px;font-size:15.5px;font-weight:800;cursor:pointer;font-family:var(--fn);border:1.5px solid var(--black);transition:.15s;text-decoration:none}
body.p-base .btn svg{width:17px;height:17px;flex-shrink:0}
body.p-base .btn-dark{background:var(--black);color:#fff}
body.p-base .btn-dark:hover{background:#222}
body.p-base .btn-teal{background:var(--teal);color:var(--black)}
body.p-base .btn-teal:hover{background:#00b3b2}
body.p-base .btn-pink{background:var(--pink);color:var(--black)}
body.p-base .btn-pink:hover{filter:brightness(.95)}
body.p-base .btn-ghost{background:#fff;color:var(--black)}
body.p-base .btn-ghost:hover{background:rgba(0,0,0,.05)}
body.p-base .btn-block{display:flex;width:100%}
body.p-base .pill{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--black);background:transparent;padding:11px 22px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black);transition:.15s}
body.p-base .pill:hover{background:rgba(0,0,0,.06)}
body.p-base .pill svg{width:16px;height:16px}
body.p-base .ph{display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:12px;color:rgba(255,255,255,.6);background:linear-gradient(rgba(30,50,60,.35),rgba(30,50,60,.35)),repeating-linear-gradient(45deg,#5a6e7a,#5a6e7a 3px,#4a5e6a 3px,#4a5e6a 18px);text-align:center;padding:16px}
body.p-base .ph-map{background:linear-gradient(rgba(20,45,55,.35),rgba(20,45,55,.35)),repeating-linear-gradient(0deg,#6a7e8a,#6a7e8a 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,#6a7e8a,#6a7e8a 1px,#52646e 1px,#52646e 28px)}
body.p-base .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-base .toast.show{opacity:1;translate:-50% 0}
body.p-base .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-base .success{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 30px}
body.p-base .success.show{display:flex}
body.p-base .success .tick{width:72px;height:72px;border-radius:50%;background:var(--green-btn);border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
body.p-base .success .tick svg{width:36px;height:36px;stroke:var(--black)}
body.p-base .success h2{font-size:28px;font-weight:800;letter-spacing:-.3px}
body.p-base .success p{font-size:15px;font-weight:500;color:#4a4843;line-height:1.6;max-width:460px}
body.p-base .success p b{font-weight:700;color:var(--black)}
body.p-base footer{background:var(--black);color:white;padding:60px 0 0}
body.p-base .fwrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-base .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;padding-bottom:56px}
body.p-base .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-base .f-subscribe{display:inline-flex;align-items:center;gap:10px;border:1.5px solid white;background:transparent;padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;color:white;margin-bottom:28px;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-base .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-base .f-socials{display:flex;gap:10px}
body.p-base .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;transition:.15s}
body.p-base .f-socials a:hover{border-color:white}
body.p-base .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-base .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-base .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-base .f-nav ul li a:hover{color:white}
body.p-base .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-base .f-badge{display:flex;align-items:center;gap:14px}
body.p-base .f-badge-circle{width:60px;height:60px;border-radius:50%;border:1px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:8px}
body.p-base .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-base .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-base .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-base .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666;flex-wrap:wrap}
body.p-base .f-legal a{color:#666}
body.p-base .f-legal a:hover{color:#aaa}
body.p-base .f-sep{color:#444}
@media (max-width:1080px){
body.p-base .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body.p-base .nav-links, body.p-base .top-bar-nav{display:none}
body.p-base .grid2{grid-template-columns:1fr}
body.p-base .page-head h1{font-size:34px}
body.p-base .footer-top{grid-template-columns:1fr}
body.p-base .top-bar, body.p-base .main-nav, body.p-base .crumb, body.p-base .wrap, body.p-base .shell, body.p-base .fwrap{padding-left:22px;padding-right:22px}
}
@media (prefers-reduced-motion: reduce){
body.p-base .toast{transition:none}
}
body.p-base[data-screen-label="Contact"] .shell{display:grid;grid-template-columns:1fr 384px;gap:40px;align-items:start}
body.p-base[data-screen-label="Contact"] .col-main{min-width:0}
@media (max-width:1000px){
body.p-base[data-screen-label="Contact"] .shell{grid-template-columns:1fr}
}
body.p-base[data-screen-label="Contact"] .req-note{font-size:13px;color:#6b6860;margin-bottom:20px}
body.p-base[data-screen-label="Contact"] .req-note .req{color:var(--pink)}
body.p-base[data-screen-label="Contact"] .radio-row{display:flex;flex-wrap:wrap;gap:10px}
body.p-base[data-screen-label="Contact"] .radio-pill{position:relative;display:inline-flex;align-items:center;gap:8px;border:1.5px solid #cfcbc2;border-radius:50px;padding:10px 18px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s;user-select:none}
body.p-base[data-screen-label="Contact"] .radio-pill:hover{border-color:var(--black)}
body.p-base[data-screen-label="Contact"] .radio-pill input{position:absolute;opacity:0;pointer-events:none}
body.p-base[data-screen-label="Contact"] .radio-pill .dot{width:15px;height:15px;border-radius:50%;border:1.5px solid #b4b0a7;flex-shrink:0;transition:.15s}
body.p-base[data-screen-label="Contact"] .radio-pill:has(input:checked){border-color:var(--black);background:var(--black);color:#fff}
body.p-base[data-screen-label="Contact"] .radio-pill:has(input:checked) .dot{border-color:#fff;background:var(--teal);box-shadow:inset 0 0 0 3px var(--black)}
body.p-base[data-screen-label="Contact"] .form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid #e6e3db}
body.p-base[data-screen-label="Contact"] .priv-line{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#4a4843;max-width:340px;line-height:1.45}
body.p-base[data-screen-label="Contact"] .priv-line svg{width:17px;height:17px;stroke:var(--teal);flex-shrink:0}
body.p-base[data-screen-label="Contact"] .side{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
body.p-base[data-screen-label="Contact"] .info-card{border:1px solid var(--black);background:#fff;padding:24px 24px 26px}
body.p-base[data-screen-label="Contact"] .info-card h3{font-size:16px;font-weight:800;margin-bottom:18px}
body.p-base[data-screen-label="Contact"] .info-row{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:13px 0;border-top:1px solid #ececec}
body.p-base[data-screen-label="Contact"] .info-row:first-of-type{border-top:none;padding-top:0}
body.p-base[data-screen-label="Contact"] .info-ic{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-base[data-screen-label="Contact"] .info-ic svg{width:18px;height:18px;stroke:var(--black)}
body.p-base[data-screen-label="Contact"] .info-row .lbl{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8a877e;margin-bottom:3px}
body.p-base[data-screen-label="Contact"] .info-row .val{font-size:14.5px;font-weight:600;line-height:1.45}
body.p-base[data-screen-label="Contact"] .info-row .val a{text-decoration:underline;text-underline-offset:2px}
body.p-base[data-screen-label="Contact"] .info-row .val span{display:block;font-size:13px;font-weight:500;color:#6b6860;margin-top:2px}
body.p-base[data-screen-label="Contact"] .access-card{border:1px solid var(--black);background:var(--teal);padding:22px 24px}
body.p-base[data-screen-label="Contact"] .access-card h3{font-size:16px;font-weight:800;margin-bottom:8px}
body.p-base[data-screen-label="Contact"] .access-card p{font-size:13.5px;font-weight:500;line-height:1.55;color:#08302f}
body.p-base[data-screen-label="Contact"] .access-card p b{font-weight:800}
body.p-base[data-screen-label="Contact"] .access-card .a-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:14px}
body.p-base[data-screen-label="Contact"] .access-card .a-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;font-weight:600;line-height:1.4}
body.p-base[data-screen-label="Contact"] .access-card .a-list li svg{width:17px;height:17px;stroke:var(--black);flex-shrink:0;margin-top:1px}
body.p-base[data-screen-label="Contact"] .map-card{border:1px solid var(--black);background:#fff;overflow:hidden}
body.p-base[data-screen-label="Contact"] .map-ph{height:200px}
body.p-base[data-screen-label="Contact"] .map-foot{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--black)}
body.p-base[data-screen-label="Contact"] .map-foot .m-addr{font-size:13px;font-weight:600;line-height:1.4}
body.p-base[data-screen-label="Contact"] .map-foot .m-addr span{display:block;font-size:12px;font-weight:500;color:#6b6860}
body.p-base[data-screen-label="Contact"] .map-dir{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--black);border-radius:50px;padding:8px 15px;font-size:12.5px;font-weight:700;white-space:nowrap;transition:.15s}
body.p-base[data-screen-label="Contact"] .map-dir:hover{background:rgba(0,0,0,.06)}
body.p-base[data-screen-label="Contact"] .map-dir svg{width:14px;height:14px}
body.p-base[data-screen-label="Find a centre"] .finder{max-width:1240px;margin:0 auto;padding:36px 48px 0}
body.p-base[data-screen-label="Find a centre"] .filter-bar{border:1px solid var(--black);background:#fff;padding:18px 20px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
body.p-base[data-screen-label="Find a centre"] .search-field{flex:1 1 320px;position:relative;display:flex;align-items:center;min-width:240px}
body.p-base[data-screen-label="Find a centre"] .search-field svg{position:absolute;left:18px;width:18px;height:18px;stroke:#888;pointer-events:none}
body.p-base[data-screen-label="Find a centre"] .search-field input{width:100%;border:1.5px solid var(--black);border-radius:50px;padding:13px 20px 13px 46px;font-family:var(--fn);font-size:14.5px}
body.p-base[data-screen-label="Find a centre"] .search-field input::placeholder{color:#999}
body.p-base[data-screen-label="Find a centre"] .state-select{position:relative;min-width:170px}
body.p-base[data-screen-label="Find a centre"] .state-select select{width:100%;border:1.5px solid var(--black);border-radius:50px;padding:13px 42px 13px 18px;font-family:var(--fn);font-size:14px;font-weight:600;background:#fff;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:17px}
body.p-base[data-screen-label="Find a centre"] .svc-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:1240px;margin:18px auto 0;padding:0 48px}
body.p-base[data-screen-label="Find a centre"] .svc-label{font-size:11.5px;font-weight:800;letter-spacing:1px;color:#888;text-transform:uppercase;white-space:nowrap}
body.p-base[data-screen-label="Find a centre"] .chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:transparent;padding:8px 16px;border-radius:50px;font-size:13.5px;font-weight:600;color:var(--black);cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-base[data-screen-label="Find a centre"] .chip:hover{background:rgba(0,0,0,.05)}
body.p-base[data-screen-label="Find a centre"] .chip.active{background:var(--black);color:#fff}
body.p-base[data-screen-label="Find a centre"] .shell{display:grid;grid-template-columns:1fr 400px;gap:36px;align-items:start;padding-top:30px}
body.p-base[data-screen-label="Find a centre"] .results-col{min-width:0}
body.p-base[data-screen-label="Find a centre"] .results-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
body.p-base[data-screen-label="Find a centre"] .results-count{font-size:15px;font-weight:600;color:#4a4843}
body.p-base[data-screen-label="Find a centre"] .results-count b{color:var(--black)}
body.p-base[data-screen-label="Find a centre"] .btn-reset{border:none;background:none;font-family:var(--fn);font-size:13.5px;font-weight:700;color:var(--black);cursor:pointer;text-decoration:underline;text-underline-offset:3px;display:none}
body.p-base[data-screen-label="Find a centre"] .btn-reset.show{display:inline-block}
body.p-base[data-screen-label="Find a centre"] .centre-list{display:flex;flex-direction:column;gap:16px}
body.p-base[data-screen-label="Find a centre"] .centre{border:1px solid var(--black);background:#fff;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;transition:box-shadow .15s,transform .15s}
body.p-base[data-screen-label="Find a centre"] .centre:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px)}
body.p-base[data-screen-label="Find a centre"] .c-name{font-size:19px;font-weight:800;line-height:1.2}
body.p-base[data-screen-label="Find a centre"] .c-flag{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--black);border-radius:50px;padding:4px 11px;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;height:fit-content}
body.p-base[data-screen-label="Find a centre"] .c-addr{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:500;color:#4a4843;line-height:1.45;margin-top:2px}
body.p-base[data-screen-label="Find a centre"] .c-addr svg{width:16px;height:16px;stroke:#8a877e;flex-shrink:0;margin-top:2px}
body.p-base[data-screen-label="Find a centre"] .c-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.p-base[data-screen-label="Find a centre"] .c-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8d4cb;border-radius:50px;padding:5px 12px;font-size:12px;font-weight:600;color:#4a4843}
body.p-base[data-screen-label="Find a centre"] .c-tag .swatch{width:9px;height:9px;border-radius:50%;flex-shrink:0}
body.p-base[data-screen-label="Find a centre"] .c-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #ececec}
body.p-base[data-screen-label="Find a centre"] .c-phone{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
body.p-base[data-screen-label="Find a centre"] .c-phone svg{width:16px;height:16px;stroke:var(--black)}
body.p-base[data-screen-label="Find a centre"] .c-actions{display:flex;gap:10px;flex-wrap:wrap}
body.p-base[data-screen-label="Find a centre"] .c-btn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--black);border-radius:50px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--fn);transition:.15s;background:#fff;color:var(--black)}
body.p-base[data-screen-label="Find a centre"] .c-btn svg{width:14px;height:14px}
body.p-base[data-screen-label="Find a centre"] .c-btn:hover{background:rgba(0,0,0,.06)}
body.p-base[data-screen-label="Find a centre"] .c-btn.primary{background:var(--teal);border-color:var(--black)}
body.p-base[data-screen-label="Find a centre"] .c-btn.primary:hover{background:#00b3b2}
body.p-base[data-screen-label="Find a centre"] .empty{border:1px dashed #c2bdb2;background:var(--cream);padding:48px 30px;text-align:center;display:none}
body.p-base[data-screen-label="Find a centre"] .empty.show{display:block}
body.p-base[data-screen-label="Find a centre"] .empty svg{width:40px;height:40px;stroke:#9a968d;margin-bottom:14px}
body.p-base[data-screen-label="Find a centre"] .empty h3{font-size:19px;font-weight:800;margin-bottom:8px}
body.p-base[data-screen-label="Find a centre"] .empty p{font-size:14px;color:#6b6860;line-height:1.55;max-width:380px;margin:0 auto}
body.p-base[data-screen-label="Find a centre"] .map-aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
body.p-base[data-screen-label="Find a centre"] .map-box{border:1px solid var(--black);background:#fff}
body.p-base[data-screen-label="Find a centre"] .map-ph{height:340px;position:relative}
body.p-base[data-screen-label="Find a centre"] .map-pin{position:absolute;width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--pink);border:2px solid var(--black);transform:rotate(-45deg);box-shadow:0 3px 6px rgba(0,0,0,.3)}
body.p-base[data-screen-label="Find a centre"] .map-pin::after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}
body.p-base[data-screen-label="Find a centre"] .map-cap{padding:14px 18px;border-top:1px solid var(--black);font-size:12.5px;font-weight:600;color:#4a4843;display:flex;align-items:center;gap:8px}
body.p-base[data-screen-label="Find a centre"] .map-cap svg{width:15px;height:15px;stroke:var(--teal)}
body.p-base[data-screen-label="Find a centre"] .help-box{border:1px solid #e0ddd6;background:var(--cream);padding:22px}
body.p-base[data-screen-label="Find a centre"] .help-box h3{font-size:15.5px;font-weight:800;margin-bottom:7px}
body.p-base[data-screen-label="Find a centre"] .help-box p{font-size:13.5px;font-weight:500;color:#4a4843;line-height:1.55;margin-bottom:14px}
@media (max-width:1000px){
body.p-base[data-screen-label="Find a centre"] .shell{grid-template-columns:1fr}
body.p-base[data-screen-label="Find a centre"] .map-aside{position:static;order:-1}
}
body.p-base[data-screen-label="Donate"] .page-head{background:var(--pink)}
body.p-base[data-screen-label="Donate"] .page-head h1{color:var(--black)}
body.p-base[data-screen-label="Donate"] .page-head .lead{color:#3a0a23}
body.p-base[data-screen-label="Donate"] .head-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--black);color:#fff;border-radius:50px;padding:6px 14px;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
body.p-base[data-screen-label="Donate"] .head-eyebrow svg{width:13px;height:13px;fill:var(--pink)}
body.p-base[data-screen-label="Donate"] .shell{display:grid;grid-template-columns:1fr 388px;gap:40px;align-items:start}
body.p-base[data-screen-label="Donate"] .col-main{min-width:0}
@media (max-width:1000px){
body.p-base[data-screen-label="Donate"] .shell{grid-template-columns:1fr}
}
body.p-base[data-screen-label="Donate"] .freq{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1.5px solid var(--black);border-radius:50px;overflow:hidden;margin-bottom:26px}
body.p-base[data-screen-label="Donate"] .freq button{padding:14px;background:#fff;border:none;font-family:var(--fn);font-size:15px;font-weight:700;cursor:pointer;color:var(--black);transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px}
body.p-base[data-screen-label="Donate"] .freq button .tag{font-size:10.5px;font-weight:800;background:var(--lime);border:1px solid var(--black);border-radius:50px;padding:2px 8px;white-space:nowrap}
body.p-base[data-screen-label="Donate"] .freq button.active{background:var(--black);color:#fff}
body.p-base[data-screen-label="Donate"] .freq button.active .tag{background:var(--lime);color:var(--black)}
body.p-base[data-screen-label="Donate"] .section-label{font-size:13px;font-weight:800;margin-bottom:12px}
body.p-base[data-screen-label="Donate"] .amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
body.p-base[data-screen-label="Donate"] .amt{padding:16px 8px;border:1.5px solid #cfcbc2;border-radius:12px;background:#fff;font-family:var(--fn);font-size:19px;font-weight:800;cursor:pointer;transition:.15s;color:var(--black)}
body.p-base[data-screen-label="Donate"] .amt:hover{border-color:var(--black)}
body.p-base[data-screen-label="Donate"] .amt.active{border-color:var(--black);background:var(--black);color:#fff;box-shadow:inset 0 0 0 1.5px var(--black)}
body.p-base[data-screen-label="Donate"] .custom-amt{position:relative;margin-bottom:8px}
body.p-base[data-screen-label="Donate"] .custom-amt .sign{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:800;color:#4a4843;pointer-events:none}
body.p-base[data-screen-label="Donate"] .custom-amt input{width:100%;border:1.5px solid #cfcbc2;border-radius:12px;padding:16px 18px 16px 38px;font-family:var(--fn);font-size:22px;font-weight:800;color:var(--black)}
body.p-base[data-screen-label="Donate"] .custom-amt input:focus{border-color:var(--black);outline:none}
body.p-base[data-screen-label="Donate"] .custom-amt.error input{border-color:var(--err);background:#fff6f6}
body.p-base[data-screen-label="Donate"] .custom-amt .cur{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#8a877e}
body.p-base[data-screen-label="Donate"] .amt-err{font-size:12px;color:var(--err);font-weight:600;display:none;align-items:center;gap:5px;margin-bottom:8px}
body.p-base[data-screen-label="Donate"] .amt-err.show{display:flex}
body.p-base[data-screen-label="Donate"] .amt-err svg{width:13px;height:13px;stroke:var(--err)}
body.p-base[data-screen-label="Donate"] .impact-line{display:flex;align-items:flex-start;gap:10px;background:var(--cream);border:1px solid #e0ddd6;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.5;color:#4a4843;margin-bottom:30px}
body.p-base[data-screen-label="Donate"] .impact-line svg{width:18px;height:18px;stroke:var(--pink);flex-shrink:0;margin-top:1px}
body.p-base[data-screen-label="Donate"] .impact-line b{font-weight:800;color:var(--black)}
body.p-base[data-screen-label="Donate"] .divider-line{height:1px;background:#e6e3db;margin:6px 0 26px}
body.p-base[data-screen-label="Donate"] .pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 20px}
body.p-base[data-screen-label="Donate"] .pay-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 10px;border:1.5px solid #cfcbc2;border-radius:12px;background:#fff;cursor:pointer;font-family:var(--fn);font-size:14px;font-weight:700;transition:.15s}
body.p-base[data-screen-label="Donate"] .pay-tab:hover{border-color:var(--black)}
body.p-base[data-screen-label="Donate"] .pay-tab.active{border-color:var(--black);box-shadow:inset 0 0 0 1.5px var(--black)}
body.p-base[data-screen-label="Donate"] .pay-tab .pic{width:36px;height:24px;display:flex;align-items:center;justify-content:center}
body.p-base[data-screen-label="Donate"] .pay-tab .pic svg{width:100%;height:100%}
body.p-base[data-screen-label="Donate"] .pay-panel{display:none}
body.p-base[data-screen-label="Donate"] .pay-panel.active{display:block}
body.p-base[data-screen-label="Donate"] .card-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
body.p-base[data-screen-label="Donate"] .pay-note{display:flex;align-items:flex-start;gap:11px;background:var(--cream);border:1px solid #e0ddd6;border-radius:12px;padding:16px 18px;font-size:13.5px;line-height:1.55;color:#4a4843}
body.p-base[data-screen-label="Donate"] .pay-note svg{width:19px;height:19px;stroke:var(--teal);flex-shrink:0;margin-top:1px}
body.p-base[data-screen-label="Donate"] .form-foot{margin-top:26px;padding-top:24px;border-top:1px solid #e6e3db}
body.p-base[data-screen-label="Donate"] .side{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
body.p-base[data-screen-label="Donate"] .don-card{border:1px solid var(--black);background:#fff}
body.p-base[data-screen-label="Donate"] .don-head{background:var(--lime);border-bottom:1px solid var(--black);padding:22px 24px}
body.p-base[data-screen-label="Donate"] .don-head .dl{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#3a4a00}
body.p-base[data-screen-label="Donate"] .don-amt{font-size:42px;font-weight:800;line-height:1;margin-top:8px;display:flex;align-items:baseline;gap:8px}
body.p-base[data-screen-label="Donate"] .don-amt .freqtag{font-size:14px;font-weight:700;color:#3a4a00}
body.p-base[data-screen-label="Donate"] .don-body{padding:22px 24px}
body.p-base[data-screen-label="Donate"] .don-body h4{font-size:13px;font-weight:800;margin-bottom:14px}
body.p-base[data-screen-label="Donate"] .impact-list{list-style:none;display:flex;flex-direction:column;gap:13px}
body.p-base[data-screen-label="Donate"] .impact-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-size:13.5px;line-height:1.45;color:#2b2a26}
body.p-base[data-screen-label="Donate"] .impact-list li .ii{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-base[data-screen-label="Donate"] .impact-list li .ii svg{width:16px;height:16px;stroke:var(--black)}
body.p-base[data-screen-label="Donate"] .impact-list li b{font-weight:800}
body.p-base[data-screen-label="Donate"] .tax-note{display:flex;align-items:flex-start;gap:9px;background:#eafaf0;border:1px solid #bfe6cd;border-radius:10px;padding:12px 14px;font-size:12.5px;font-weight:600;color:#1f7a4c;line-height:1.45;margin-top:18px}
body.p-base[data-screen-label="Donate"] .tax-note svg{width:16px;height:16px;stroke:#1f8a4c;flex-shrink:0;margin-top:1px}
body.p-base[data-screen-label="Donate"] .quote-card{border:1px solid var(--black);background:var(--teal);padding:24px}
body.p-base[data-screen-label="Donate"] .quote-card p{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:10px}
body.p-base[data-screen-label="Donate"] .quote-card .by{font-size:13px;font-weight:600;color:#08302f}
body.p-base[data-screen-label="Search"] .search-head{background:var(--cream);border-bottom:1px solid var(--black);padding:44px 0 40px}
body.p-base[data-screen-label="Search"] .big-search{position:relative;display:flex;align-items:center;max-width:760px;margin-top:6px}
body.p-base[data-screen-label="Search"] .big-search svg{position:absolute;left:22px;width:22px;height:22px;stroke:#777;pointer-events:none}
body.p-base[data-screen-label="Search"] .big-search input{width:100%;border:1.5px solid var(--black);border-radius:50px;padding:18px 130px 18px 56px;font-family:var(--fn);font-size:17px;font-weight:500;background:#fff}
body.p-base[data-screen-label="Search"] .big-search input::placeholder{color:#9a968d}
body.p-base[data-screen-label="Search"] .big-search .go{position:absolute;right:8px;top:8px;bottom:8px;border:none;background:var(--black);color:#fff;border-radius:50px;padding:0 26px;font-family:var(--fn);font-size:14.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}
body.p-base[data-screen-label="Search"] .big-search .go svg{position:static;width:16px;height:16px;stroke:#fff}
body.p-base[data-screen-label="Search"] .head-h1{font-size:34px;font-weight:800;letter-spacing:-.4px}
body.p-base[data-screen-label="Search"] .shell{padding-top:30px}
body.p-base[data-screen-label="Search"] .result-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
body.p-base[data-screen-label="Search"] .tabs{display:flex;gap:10px;flex-wrap:wrap}
body.p-base[data-screen-label="Search"] .tab{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:transparent;padding:9px 17px;border-radius:50px;font-size:13.5px;font-weight:600;color:var(--black);cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-base[data-screen-label="Search"] .tab:hover{background:rgba(0,0,0,.05)}
body.p-base[data-screen-label="Search"] .tab.active{background:var(--black);color:#fff}
body.p-base[data-screen-label="Search"] .tab .n{min-width:20px;height:20px;padding:0 6px;border-radius:50px;background:rgba(0,0,0,.08);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-base[data-screen-label="Search"] .tab.active .n{background:rgba(255,255,255,.22);color:#fff}
body.p-base[data-screen-label="Search"] .result-summary{font-size:14px;font-weight:500;color:#6b6860}
body.p-base[data-screen-label="Search"] .result-summary b{color:var(--black)}
body.p-base[data-screen-label="Search"] .results{display:flex;flex-direction:column;border-top:1px solid var(--black)}
body.p-base[data-screen-label="Search"] .result{display:block;padding:24px 4px;border-bottom:1px solid #e0ddd6;transition:background .12s}
body.p-base[data-screen-label="Search"] .result:hover{background:var(--cream)}
body.p-base[data-screen-label="Search"] .result .r-type{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 11px;border-radius:50px;border:1px solid var(--black);margin-bottom:10px}
body.p-base[data-screen-label="Search"] .r-type .swatch{width:8px;height:8px;border-radius:50%}
body.p-base[data-screen-label="Search"] .result .r-path{font-size:12.5px;font-weight:600;color:#1f7a4c;margin-bottom:6px;display:flex;align-items:center;gap:6px}
body.p-base[data-screen-label="Search"] .result .r-path svg{width:12px;height:12px;stroke:#1f7a4c}
body.p-base[data-screen-label="Search"] .result h3{font-size:21px;font-weight:800;line-height:1.2;margin-bottom:8px}
body.p-base[data-screen-label="Search"] .result:hover h3{text-decoration:underline;text-underline-offset:3px}
body.p-base[data-screen-label="Search"] .result p{font-size:14.5px;line-height:1.6;color:#4a4843;max-width:760px}
body.p-base[data-screen-label="Search"] .result mark{background:var(--yellow);color:var(--black);padding:0 2px;border-radius:2px}
body.p-base[data-screen-label="Search"] .empty{border:1px dashed #c2bdb2;background:var(--cream);padding:48px 30px;text-align:center;display:none}
body.p-base[data-screen-label="Search"] .empty.show{display:block}
body.p-base[data-screen-label="Search"] .empty svg{width:40px;height:40px;stroke:#9a968d;margin-bottom:14px}
body.p-base[data-screen-label="Search"] .empty h3{font-size:20px;font-weight:800;margin-bottom:8px}
body.p-base[data-screen-label="Search"] .empty p{font-size:14px;color:#6b6860;line-height:1.55;max-width:420px;margin:0 auto 8px}
body.p-base[data-screen-label="Search"] .empty .sugg{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
body.p-base[data-screen-label="Search"] .empty .sugg button{border:1.5px solid var(--black);background:#fff;border-radius:50px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-base[data-screen-label="Search"] .empty .sugg button:hover{background:rgba(0,0,0,.05)}
body.p-base[data-screen-label="Search"] .pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:36px}
body.p-base[data-screen-label="Search"] .pager button{min-width:42px;height:42px;border:1.5px solid var(--black);background:#fff;border-radius:50%;font-family:var(--fn);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
body.p-base[data-screen-label="Search"] .pager button:hover:not(:disabled){background:rgba(0,0,0,.06)}
body.p-base[data-screen-label="Search"] .pager button.active{background:var(--black);color:#fff}
body.p-base[data-screen-label="Search"] .pager button:disabled{opacity:.35;cursor:default}
body.p-base[data-screen-label="Search"] .pager button svg{width:16px;height:16px}
body.p-base[data-screen-label="Careers"] .values{border-bottom:1px solid var(--black);background:#fff}
body.p-base[data-screen-label="Careers"] .values-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
body.p-base[data-screen-label="Careers"] .value{padding:34px 28px;border-right:1px solid var(--black)}
body.p-base[data-screen-label="Careers"] .value:last-child{border-right:none}
body.p-base[data-screen-label="Careers"] .value .vi{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
body.p-base[data-screen-label="Careers"] .value .vi svg{width:22px;height:22px;stroke:var(--black)}
body.p-base[data-screen-label="Careers"] .value h3{font-size:16px;font-weight:800;margin-bottom:7px}
body.p-base[data-screen-label="Careers"] .value p{font-size:13.5px;line-height:1.55;color:#4a4843}
@media (max-width:900px){
body.p-base[data-screen-label="Careers"] .values-grid{grid-template-columns:1fr 1fr}
body.p-base[data-screen-label="Careers"] .value:nth-child(2){border-right:none}
body.p-base[data-screen-label="Careers"] .value{border-bottom:1px solid var(--black)}
}
@media (max-width:560px){
body.p-base[data-screen-label="Careers"] .values-grid{grid-template-columns:1fr}
body.p-base[data-screen-label="Careers"] .value{border-right:none}
}
body.p-base[data-screen-label="Careers"] .jobs-head{max-width:1240px;margin:0 auto;padding:52px 48px 0}
body.p-base[data-screen-label="Careers"] .jobs-head h2{font-size:34px;font-weight:800;letter-spacing:-.3px}
body.p-base[data-screen-label="Careers"] .jobs-head p{font-size:15px;color:#4a4843;margin-top:8px}
body.p-base[data-screen-label="Careers"] .filter-bar{max-width:1240px;margin:24px auto 0;padding:0 48px;display:flex;gap:14px;flex-wrap:wrap}
body.p-base[data-screen-label="Careers"] .search-field{flex:1 1 280px;position:relative;display:flex;align-items:center;min-width:220px}
body.p-base[data-screen-label="Careers"] .search-field svg{position:absolute;left:18px;width:18px;height:18px;stroke:#888;pointer-events:none}
body.p-base[data-screen-label="Careers"] .search-field input{width:100%;border:1.5px solid var(--black);border-radius:50px;padding:13px 20px 13px 46px;font-family:var(--fn);font-size:14.5px}
body.p-base[data-screen-label="Careers"] .sel{position:relative;min-width:180px}
body.p-base[data-screen-label="Careers"] .sel select{width:100%;border:1.5px solid var(--black);border-radius:50px;padding:13px 42px 13px 18px;font-family:var(--fn);font-size:14px;font-weight:600;background:#fff;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:17px}
body.p-base[data-screen-label="Careers"] .shell{padding-top:26px}
body.p-base[data-screen-label="Careers"] .results-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
body.p-base[data-screen-label="Careers"] .results-count{font-size:15px;font-weight:600;color:#4a4843}
body.p-base[data-screen-label="Careers"] .results-count b{color:var(--black)}
body.p-base[data-screen-label="Careers"] .btn-reset{border:none;background:none;font-family:var(--fn);font-size:13.5px;font-weight:700;color:var(--black);cursor:pointer;text-decoration:underline;text-underline-offset:3px;display:none}
body.p-base[data-screen-label="Careers"] .btn-reset.show{display:inline-block}
body.p-base[data-screen-label="Careers"] .job-list{display:flex;flex-direction:column;border-top:1px solid var(--black)}
body.p-base[data-screen-label="Careers"] .job{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;padding:24px 4px;border-bottom:1px solid #e0ddd6;transition:background .12s}
body.p-base[data-screen-label="Careers"] .job:hover{background:var(--cream)}
body.p-base[data-screen-label="Careers"] .job h3{font-size:20px;font-weight:800;line-height:1.2}
body.p-base[data-screen-label="Careers"] .job-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
body.p-base[data-screen-label="Careers"] .j-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8d4cb;border-radius:50px;padding:5px 12px;font-size:12px;font-weight:600;color:#4a4843}
body.p-base[data-screen-label="Careers"] .j-tag svg{width:13px;height:13px;stroke:#6b6860}
body.p-base[data-screen-label="Careers"] .j-tag.cat{border-color:var(--black);background:var(--cream);font-weight:700}
body.p-base[data-screen-label="Careers"] .job-right{grid-row:1/3;grid-column:2;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
body.p-base[data-screen-label="Careers"] .j-close{font-size:12px;font-weight:600;color:#8a5a14;display:flex;align-items:center;gap:6px;white-space:nowrap}
body.p-base[data-screen-label="Careers"] .j-close svg{width:14px;height:14px;stroke:#c98a14}
body.p-base[data-screen-label="Careers"] .j-view{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:var(--teal);border-radius:50px;padding:10px 20px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);white-space:nowrap;transition:.15s;color:var(--black)}
body.p-base[data-screen-label="Careers"] .j-view:hover{background:#00b3b2}
body.p-base[data-screen-label="Careers"] .j-view svg{width:14px;height:14px}
@media (max-width:620px){
body.p-base[data-screen-label="Careers"] .job{grid-template-columns:1fr}
body.p-base[data-screen-label="Careers"] .job-right{grid-row:auto;grid-column:1;align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%;margin-top:6px}
}
body.p-base[data-screen-label="Careers"] .empty{border:1px dashed #c2bdb2;background:var(--cream);padding:44px 30px;text-align:center;display:none}
body.p-base[data-screen-label="Careers"] .empty.show{display:block}
body.p-base[data-screen-label="Careers"] .empty svg{width:38px;height:38px;stroke:#9a968d;margin-bottom:12px}
body.p-base[data-screen-label="Careers"] .empty h3{font-size:19px;font-weight:800;margin-bottom:7px}
body.p-base[data-screen-label="Careers"] .empty p{font-size:14px;color:#6b6860;line-height:1.55;max-width:400px;margin:0 auto}
body.p-base[data-screen-label="Careers"] .cta{background:var(--lime);border-top:1px solid var(--black);border-bottom:1px solid var(--black)}
body.p-base[data-screen-label="Careers"] .cta-inner{max-width:1240px;margin:0 auto;padding:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
body.p-base[data-screen-label="Careers"] .cta-inner h2{font-size:32px;font-weight:800;letter-spacing:-.3px;max-width:560px;line-height:1.12}
body.p-base[data-screen-label="Careers"] .cta-inner p{font-size:15px;color:#2a3a00;margin-top:10px;max-width:520px;line-height:1.55}
body.p-base[data-screen-label="Login"] *, body.p-base[data-screen-label="Login"] *::before, body.p-base[data-screen-label="Login"] *::after{box-sizing:border-box;margin:0;padding:0}
body.p-base[data-screen-label="Login"]{font-family:var(--fn);color:var(--black);background:var(--cream);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
body.p-base[data-screen-label="Login"] a{text-decoration:none;color:inherit}
body.p-base[data-screen-label="Login"] a:focus-visible, body.p-base[data-screen-label="Login"] button:focus-visible, body.p-base[data-screen-label="Login"] input:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:6px}
body.p-base[data-screen-label="Login"] .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-base[data-screen-label="Login"] .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-base[data-screen-label="Login"] .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-base[data-screen-label="Login"] .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-base[data-screen-label="Login"] .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-base[data-screen-label="Login"] .btn-account{border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-base[data-screen-label="Login"] .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-base[data-screen-label="Login"] .btn-donate svg{width:15px;height:15px}
body.p-base[data-screen-label="Login"] .main-nav{background:var(--black);padding:0 48px;display:flex;align-items:center;min-height:68px}
body.p-base[data-screen-label="Login"] .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:32px}
body.p-base[data-screen-label="Login"] .nav-links{display:flex;list-style:none;gap:0}
body.p-base[data-screen-label="Login"] .nav-links li a{color:white;font-size:13.5px;font-weight:500;padding:22px 14px;display:block;white-space:nowrap;transition:opacity .15s}
body.p-base[data-screen-label="Login"] .nav-links li a:hover{opacity:.75}
body.p-base[data-screen-label="Login"] .crumb{display:flex;align-items:center;gap:10px;padding:14px 48px;background:var(--cream);border-bottom:1px solid #e0ddd6;font-size:13px;font-weight:500;color:#6b6860}
body.p-base[data-screen-label="Login"] .crumb a{display:inline-flex;align-items:center;gap:6px;color:#6b6860}
body.p-base[data-screen-label="Login"] .crumb a:hover{color:var(--black)}
body.p-base[data-screen-label="Login"] .crumb a svg{width:14px;height:14px}
body.p-base[data-screen-label="Login"] .crumb .here{color:var(--black);font-weight:600}
body.p-base[data-screen-label="Login"] .crumb-sep{color:#bdb9b0}
body.p-base[data-screen-label="Login"] .auth-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 48px 72px}
body.p-base[data-screen-label="Login"] .auth-card{width:min(960px,100%);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--black);background:#fff;box-shadow:0 24px 70px rgba(10,10,10,.10)}
body.p-base[data-screen-label="Login"] .auth-brand{position:relative;overflow:hidden;background:var(--teal);padding:52px 44px;display:flex;flex-direction:column;gap:26px;border-right:1px solid var(--black)}
body.p-base[data-screen-label="Login"] .auth-brand h2{font-size:38px;font-weight:800;line-height:1.06;letter-spacing:-.5px}
body.p-base[data-screen-label="Login"] .auth-brand .lead{font-size:15px;font-weight:500;line-height:1.55;color:#0a2b2b;max-width:330px}
body.p-base[data-screen-label="Login"] .benefits{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:4px}
body.p-base[data-screen-label="Login"] .benefits li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:600;line-height:1.4}
body.p-base[data-screen-label="Login"] .benefits li .bi{width:28px;height:28px;border-radius:50%;background:var(--black);flex-shrink:0;display:flex;align-items:center;justify-content:center}
body.p-base[data-screen-label="Login"] .benefits li .bi svg{width:15px;height:15px;stroke:var(--teal)}
body.p-base[data-screen-label="Login"] .auth-brand .wave{position:absolute;left:-10px;bottom:-6px;pointer-events:none;opacity:.9}
body.p-base[data-screen-label="Login"] .auth-form{padding:48px 46px 44px;display:flex;flex-direction:column}
body.p-base[data-screen-label="Login"] .form-head{margin-bottom:24px}
body.p-base[data-screen-label="Login"] .form-head h1{font-size:27px;font-weight:800;letter-spacing:-.3px}
body.p-base[data-screen-label="Login"] .form-head p{font-size:14px;font-weight:500;color:#6b6860;margin-top:7px}
body.p-base[data-screen-label="Login"] .sso{display:flex;flex-direction:column;gap:12px}
body.p-base[data-screen-label="Login"] .sso-btn{display:flex;align-items:center;justify-content:center;gap:11px;border:1.5px solid var(--black);background:#fff;padding:12px 16px;border-radius:50px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black);transition:background .15s}
body.p-base[data-screen-label="Login"] .sso-btn:hover{background:rgba(0,0,0,.05)}
body.p-base[data-screen-label="Login"] .sso-btn svg, body.p-base[data-screen-label="Login"] .sso-btn .ms{width:19px;height:19px;flex-shrink:0}
body.p-base[data-screen-label="Login"] .ms{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
body.p-base[data-screen-label="Login"] .ms span{display:block}
body.p-base[data-screen-label="Login"] .ms span:nth-child(1){background:#f25022}
body.p-base[data-screen-label="Login"] .ms span:nth-child(2){background:#7fba00}
body.p-base[data-screen-label="Login"] .ms span:nth-child(3){background:#00a4ef}
body.p-base[data-screen-label="Login"] .ms span:nth-child(4){background:#ffb900}
body.p-base[data-screen-label="Login"] .divider{display:flex;align-items:center;gap:14px;margin:24px 0}
body.p-base[data-screen-label="Login"] .divider::before, body.p-base[data-screen-label="Login"] .divider::after{content:"";flex:1;height:1px;background:#ddd9d1}
body.p-base[data-screen-label="Login"] .divider span{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#9a968d;text-transform:uppercase}
body.p-base[data-screen-label="Login"] .field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
body.p-base[data-screen-label="Login"] .field label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}
body.p-base[data-screen-label="Login"] .req{color:var(--pink);font-weight:800}
body.p-base[data-screen-label="Login"] .input-wrap{position:relative}
body.p-base[data-screen-label="Login"] .input-wrap input{width:100%;border:1.5px solid #cfcbc2;border-radius:10px;padding:13px 44px 13px 15px;font-family:var(--fn);font-size:14.5px;background:#fff;color:var(--black);transition:border-color .15s}
body.p-base[data-screen-label="Login"] .input-wrap input::placeholder{color:#aaa}
body.p-base[data-screen-label="Login"] .input-wrap input:focus{border-color:var(--black);outline:none;box-shadow:none}
body.p-base[data-screen-label="Login"] .input-wrap .ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#9a968d;pointer-events:none}
body.p-base[data-screen-label="Login"] .input-wrap .eye{pointer-events:auto;background:none;border:none;cursor:pointer;padding:0;display:flex}
body.p-base[data-screen-label="Login"] .field.error input{border-color:var(--err);background:#fff6f6}
body.p-base[data-screen-label="Login"] .field.error .ic{stroke:var(--err)}
body.p-base[data-screen-label="Login"] .err-msg{font-size:12px;color:var(--err);font-weight:600;display:none;align-items:center;gap:5px}
body.p-base[data-screen-label="Login"] .field.error .err-msg{display:flex}
body.p-base[data-screen-label="Login"] .err-msg svg{width:13px;height:13px;stroke:var(--err);flex-shrink:0}
body.p-base[data-screen-label="Login"] .form-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-2px 0 22px}
body.p-base[data-screen-label="Login"] .remember{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#4a4843;cursor:pointer}
body.p-base[data-screen-label="Login"] .remember input{width:17px;height:17px;accent-color:var(--black);cursor:pointer}
body.p-base[data-screen-label="Login"] .forgot{font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.p-base[data-screen-label="Login"] .btn-login{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--black);color:#fff;border:1.5px solid var(--black);padding:16px;border-radius:50px;font-size:15.5px;font-weight:800;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-base[data-screen-label="Login"] .btn-login:hover{background:#222}
body.p-base[data-screen-label="Login"] .btn-login svg{width:17px;height:17px}
body.p-base[data-screen-label="Login"] .signup-line{text-align:center;font-size:14px;font-weight:500;color:#4a4843;margin-top:22px}
body.p-base[data-screen-label="Login"] .signup-line a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
body.p-base[data-screen-label="Login"] .secure-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:#8a877e;margin-top:18px}
body.p-base[data-screen-label="Login"] .secure-note svg{width:15px;height:15px;stroke:var(--teal)}
body.p-base[data-screen-label="Login"] .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-base[data-screen-label="Login"] .toast.show{opacity:1;translate:-50% 0}
body.p-base[data-screen-label="Login"] .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-base[data-screen-label="Login"] footer{background:var(--black);color:white;padding:30px 0}
body.p-base[data-screen-label="Login"] .fwrap{max-width:1240px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
body.p-base[data-screen-label="Login"] .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#888}
body.p-base[data-screen-label="Login"] .f-legal a{color:#888}
body.p-base[data-screen-label="Login"] .f-legal a:hover{color:#ccc}
body.p-base[data-screen-label="Login"] .f-sep{color:#444}
body.p-base[data-screen-label="Login"] .f-mini-logo img{display:block;opacity:.9}
@media (max-width:820px){
body.p-base[data-screen-label="Login"] .auth-card{grid-template-columns:1fr}
body.p-base[data-screen-label="Login"] .auth-brand{display:none}
body.p-base[data-screen-label="Login"] .nav-links, body.p-base[data-screen-label="Login"] .top-bar-nav{display:none}
body.p-base[data-screen-label="Login"] .top-bar, body.p-base[data-screen-label="Login"] .main-nav, body.p-base[data-screen-label="Login"] .crumb, body.p-base[data-screen-label="Login"] .auth-wrap, body.p-base[data-screen-label="Login"] .fwrap{padding-left:20px;padding-right:20px}
}
@media (prefers-reduced-motion: reduce){
body.p-base[data-screen-label="Login"] .toast{transition:none}
}
body.p-base[data-screen-label="Order Confirmation"] *, body.p-base[data-screen-label="Order Confirmation"] *::before, body.p-base[data-screen-label="Order Confirmation"] *::after{box-sizing:border-box;margin:0;padding:0}
body.p-base[data-screen-label="Order Confirmation"]{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-base[data-screen-label="Order Confirmation"] a{text-decoration:none;color:inherit}
body.p-base[data-screen-label="Order Confirmation"] a:focus-visible, body.p-base[data-screen-label="Order Confirmation"] button:focus-visible, body.p-base[data-screen-label="Order Confirmation"] [role="button"]:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:4px}
body.p-base[data-screen-label="Order Confirmation"] .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-base[data-screen-label="Order Confirmation"] .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-base[data-screen-label="Order Confirmation"] .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-base[data-screen-label="Order Confirmation"] .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-base[data-screen-label="Order Confirmation"] .btn-account{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-base[data-screen-label="Order Confirmation"] .btn-account svg{width:16px;height:16px}
body.p-base[data-screen-label="Order Confirmation"] .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .btn-donate svg{width:15px;height:15px}
body.p-base[data-screen-label="Order Confirmation"] .main-nav{background:var(--black);padding:0 48px;display:flex;align-items:center;min-height:68px}
body.p-base[data-screen-label="Order Confirmation"] .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:32px}
body.p-base[data-screen-label="Order Confirmation"] .nav-links{display:flex;list-style:none;gap:0}
body.p-base[data-screen-label="Order Confirmation"] .nav-links li a{color:white;font-size:13.5px;font-weight:500;padding:22px 14px;display:block;white-space:nowrap;transition:opacity .15s}
body.p-base[data-screen-label="Order Confirmation"] .nav-links li a:hover{opacity:.75}
body.p-base[data-screen-label="Order Confirmation"] .crumb{display:flex;align-items:center;gap:10px;padding:14px 48px;background:var(--cream);border-bottom:1px solid #e0ddd6;font-size:13px;font-weight:500;color:#6b6860}
body.p-base[data-screen-label="Order Confirmation"] .crumb a{display:inline-flex;align-items:center;gap:6px;color:#6b6860}
body.p-base[data-screen-label="Order Confirmation"] .crumb a:hover{color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .crumb a svg{width:14px;height:14px}
body.p-base[data-screen-label="Order Confirmation"] .crumb .here{color:var(--black);font-weight:600}
body.p-base[data-screen-label="Order Confirmation"] .crumb-sep{color:#bdb9b0}
body.p-base[data-screen-label="Order Confirmation"] .hero{background:var(--cream);border-bottom:1px solid var(--black);padding:54px 0 58px;position:relative;overflow:hidden}
body.p-base[data-screen-label="Order Confirmation"] .wrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-base[data-screen-label="Order Confirmation"] .hero-inner{display:flex;align-items:flex-start;gap:26px;position:relative;z-index:2}
body.p-base[data-screen-label="Order Confirmation"] .tick{width:72px;height:72px;border-radius:50%;background:var(--green-btn);border:1.5px solid var(--black);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 0 rgba(10,10,10,.08)}
body.p-base[data-screen-label="Order Confirmation"] .tick svg{width:36px;height:36px;stroke:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .hero-txt{min-width:0}
body.p-base[data-screen-label="Order Confirmation"] .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--black);border-radius:50px;padding:6px 14px;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
body.p-base[data-screen-label="Order Confirmation"] .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green-s)}
body.p-base[data-screen-label="Order Confirmation"] .hero-txt h1{font-size:46px;font-weight:800;letter-spacing:-.6px;line-height:1.04}
body.p-base[data-screen-label="Order Confirmation"] .hero-txt .sub{font-size:16.5px;font-weight:500;color:#4a4843;margin-top:14px;line-height:1.55;max-width:620px}
body.p-base[data-screen-label="Order Confirmation"] .hero-txt .sub b{font-weight:700;color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .order-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
body.p-base[data-screen-label="Order Confirmation"] .meta-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--black);border-radius:50px;padding:10px 18px;font-size:13.5px;font-weight:600}
body.p-base[data-screen-label="Order Confirmation"] .meta-pill svg{width:16px;height:16px;stroke:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .meta-pill b{font-weight:800}
body.p-base[data-screen-label="Order Confirmation"] .hero-wave{position:absolute;right:-20px;bottom:-10px;opacity:.5;pointer-events:none;z-index:1}
body.p-base[data-screen-label="Order Confirmation"] .shell{max-width:1240px;margin:0 auto;padding:44px 48px 96px;display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:start}
body.p-base[data-screen-label="Order Confirmation"] .col-left{display:flex;flex-direction:column;gap:28px;min-width:0}
body.p-base[data-screen-label="Order Confirmation"] .card{border:1px solid var(--black);background:#fff}
body.p-base[data-screen-label="Order Confirmation"] .card-head{display:flex;align-items:center;gap:12px;padding:20px 26px;border-bottom:1px solid var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .card-head h2{font-size:18px;font-weight:800}
body.p-base[data-screen-label="Order Confirmation"] .card-head .hic{width:30px;height:30px;border-radius:50%;background:var(--cream);border:1px solid var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-base[data-screen-label="Order Confirmation"] .card-head .hic svg{width:16px;height:16px;stroke:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .card-body{padding:24px 26px 26px}
body.p-base[data-screen-label="Order Confirmation"] .steps{display:flex;flex-direction:column}
body.p-base[data-screen-label="Order Confirmation"] .step{display:grid;grid-template-columns:42px 1fr;gap:16px;padding-bottom:24px;position:relative}
body.p-base[data-screen-label="Order Confirmation"] .step:last-child{padding-bottom:0}
body.p-base[data-screen-label="Order Confirmation"] .step::before{content:"";position:absolute;left:20.5px;top:42px;bottom:0;width:2px;background:#e0ddd6}
body.p-base[data-screen-label="Order Confirmation"] .step:last-child::before{display:none}
body.p-base[data-screen-label="Order Confirmation"] .step-ic{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
body.p-base[data-screen-label="Order Confirmation"] .step-ic svg{width:20px;height:20px;stroke:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .step-1 .step-ic{background:var(--teal)}
body.p-base[data-screen-label="Order Confirmation"] .step-2 .step-ic{background:var(--yellow)}
body.p-base[data-screen-label="Order Confirmation"] .step-3 .step-ic{background:var(--pink)}
body.p-base[data-screen-label="Order Confirmation"] .step-txt h3{font-size:15.5px;font-weight:800;margin-bottom:5px;margin-top:9px}
body.p-base[data-screen-label="Order Confirmation"] .step-txt p{font-size:13.5px;font-weight:500;color:#4a4843;line-height:1.55}
body.p-base[data-screen-label="Order Confirmation"] .step-txt p b{font-weight:700;color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .items{display:flex;flex-direction:column}
body.p-base[data-screen-label="Order Confirmation"] .oi{padding:22px 0;border-bottom:1px solid #e6e3db}
body.p-base[data-screen-label="Order Confirmation"] .oi:first-child{padding-top:0}
body.p-base[data-screen-label="Order Confirmation"] .oi:last-child{border-bottom:none;padding-bottom:0}
body.p-base[data-screen-label="Order Confirmation"] .oi-top{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:start}
body.p-base[data-screen-label="Order Confirmation"] .oi-thumb{width:64px;height:64px;border:1px solid var(--black);display:flex;align-items:flex-end;padding:5px;font-family:monospace;font-size:7px;color:rgba(255,255,255,.7);overflow:hidden;line-height:1.1}
body.p-base[data-screen-label="Order Confirmation"] .oi-title{font-size:16px;font-weight:800;line-height:1.25}
body.p-base[data-screen-label="Order Confirmation"] .oi-cat{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8a877e;margin-bottom:6px}
body.p-base[data-screen-label="Order Confirmation"] .oi-price{font-size:16px;font-weight:800;text-align:right;white-space:nowrap}
body.p-base[data-screen-label="Order Confirmation"] .oi-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.p-base[data-screen-label="Order Confirmation"] .tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8d4cb;border-radius:50px;padding:5px 12px;font-size:12px;font-weight:600;color:#4a4843}
body.p-base[data-screen-label="Order Confirmation"] .tag svg{width:13px;height:13px;stroke:#6b6860}
body.p-base[data-screen-label="Order Confirmation"] .tag.access{background:var(--green-btn);border-color:var(--black);color:var(--black);font-weight:800;text-transform:uppercase;font-size:10.5px;letter-spacing:.4px}
body.p-base[data-screen-label="Order Confirmation"] .attlist{margin-top:14px;display:flex;flex-direction:column;gap:8px}
body.p-base[data-screen-label="Order Confirmation"] .att{display:flex;align-items:center;gap:11px;background:var(--cream);border:1px solid #e0ddd6;border-radius:10px;padding:10px 14px}
body.p-base[data-screen-label="Order Confirmation"] .att-av{width:30px;height:30px;border-radius:50%;background:var(--black);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-base[data-screen-label="Order Confirmation"] .att-meta{display:flex;flex-direction:column;gap:1px;min-width:0}
body.p-base[data-screen-label="Order Confirmation"] .att-name{font-size:13px;font-weight:700}
body.p-base[data-screen-label="Order Confirmation"] .att-email{font-size:12px;font-weight:500;color:#6b6860;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.p-base[data-screen-label="Order Confirmation"] .att-ok{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#1f8a4c;flex-shrink:0}
body.p-base[data-screen-label="Order Confirmation"] .att-ok svg{width:13px;height:13px;stroke:#1f8a4c}
body.p-base[data-screen-label="Order Confirmation"] .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
body.p-base[data-screen-label="Order Confirmation"] .detail h4{font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a877e;margin-bottom:10px}
body.p-base[data-screen-label="Order Confirmation"] .detail p{font-size:14px;font-weight:500;line-height:1.6;color:#2b2a26}
body.p-base[data-screen-label="Order Confirmation"] .detail p b{font-weight:700;color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .pay-badge{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--black);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:700;margin-bottom:8px}
body.p-base[data-screen-label="Order Confirmation"] .pay-badge .pic{width:34px;height:24px;display:flex;align-items:center;justify-content:center}
body.p-base[data-screen-label="Order Confirmation"] .pay-badge .pic svg{width:100%;height:100%}
body.p-base[data-screen-label="Order Confirmation"] .pay-terms{font-size:12.5px;font-weight:500;color:#6b6860;line-height:1.5}
body.p-base[data-screen-label="Order Confirmation"] .summary{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
body.p-base[data-screen-label="Order Confirmation"] .sum-card{border:1px solid var(--black);background:#fff}
body.p-base[data-screen-label="Order Confirmation"] .sum-head{padding:20px 24px;border-bottom:1px solid var(--black);display:flex;align-items:center;justify-content:space-between}
body.p-base[data-screen-label="Order Confirmation"] .sum-head h2{font-size:18px;font-weight:800}
body.p-base[data-screen-label="Order Confirmation"] .sum-head .num{font-size:12.5px;font-weight:700;color:#6b6860}
body.p-base[data-screen-label="Order Confirmation"] .sum-rows{padding:22px 24px 6px}
body.p-base[data-screen-label="Order Confirmation"] .sum-row{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:500;color:#2b2a26;margin-bottom:13px}
body.p-base[data-screen-label="Order Confirmation"] .sum-row .lbl{display:flex;align-items:center;gap:8px}
body.p-base[data-screen-label="Order Confirmation"] .sum-row .lbl svg{width:15px;height:15px;stroke:#8a877e}
body.p-base[data-screen-label="Order Confirmation"] .sum-row .v{font-weight:700}
body.p-base[data-screen-label="Order Confirmation"] .sum-divider{height:1px;background:var(--black);margin:4px 24px 16px}
body.p-base[data-screen-label="Order Confirmation"] .sum-total{display:flex;align-items:baseline;justify-content:space-between;padding:0 24px 6px}
body.p-base[data-screen-label="Order Confirmation"] .sum-total .l{font-size:17px;font-weight:800}
body.p-base[data-screen-label="Order Confirmation"] .sum-total .t{font-size:30px;font-weight:800}
body.p-base[data-screen-label="Order Confirmation"] .sum-paid{margin:14px 24px 0;display:flex;align-items:center;gap:8px;background:#eafaf0;border:1px solid #bfe6cd;border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:700;color:#1f8a4c}
body.p-base[data-screen-label="Order Confirmation"] .sum-paid.invoice{background:#fff7ed;border-color:#f0c98a;color:#8a5a14}
body.p-base[data-screen-label="Order Confirmation"] .sum-paid svg{width:16px;height:16px;flex-shrink:0}
body.p-base[data-screen-label="Order Confirmation"] .sum-gst{font-size:12px;color:#8a877e;padding:14px 24px 22px;line-height:1.5}
body.p-base[data-screen-label="Order Confirmation"] .actions{display:flex;flex-direction:column;gap:12px}
body.p-base[data-screen-label="Order Confirmation"] .btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:50px;font-size:15px;font-weight:800;cursor:pointer;font-family:var(--fn);border:1.5px solid var(--black);transition:.15s;text-align:center}
body.p-base[data-screen-label="Order Confirmation"] .btn svg{width:17px;height:17px;flex-shrink:0}
body.p-base[data-screen-label="Order Confirmation"] .btn-primary{background:var(--teal);color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .btn-primary:hover{background:#00b3b2}
body.p-base[data-screen-label="Order Confirmation"] .btn-dark{background:var(--black);color:#fff}
body.p-base[data-screen-label="Order Confirmation"] .btn-dark:hover{background:#222}
body.p-base[data-screen-label="Order Confirmation"] .btn-ghost{background:#fff;color:var(--black)}
body.p-base[data-screen-label="Order Confirmation"] .btn-ghost:hover{background:rgba(0,0,0,.05)}
body.p-base[data-screen-label="Order Confirmation"] .help-card{border:1px solid #e0ddd6;background:var(--cream);padding:20px 22px}
body.p-base[data-screen-label="Order Confirmation"] .help-card h4{font-size:14.5px;font-weight:800;margin-bottom:6px}
body.p-base[data-screen-label="Order Confirmation"] .help-card p{font-size:13px;font-weight:500;color:#4a4843;line-height:1.55}
body.p-base[data-screen-label="Order Confirmation"] .help-card a{font-weight:700;text-decoration:underline;text-underline-offset:2px}
body.p-base[data-screen-label="Order Confirmation"] .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-base[data-screen-label="Order Confirmation"] .toast.show{opacity:1;translate:-50% 0}
body.p-base[data-screen-label="Order Confirmation"] .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-base[data-screen-label="Order Confirmation"] footer{background:var(--black);color:white;padding:60px 0 0}
body.p-base[data-screen-label="Order Confirmation"] .fwrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-base[data-screen-label="Order Confirmation"] .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;padding-bottom:56px}
body.p-base[data-screen-label="Order Confirmation"] .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-base[data-screen-label="Order Confirmation"] .f-subscribe{display:inline-flex;align-items:center;gap:10px;border:1.5px solid white;background:transparent;padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;color:white;margin-bottom:28px;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-base[data-screen-label="Order Confirmation"] .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-base[data-screen-label="Order Confirmation"] .f-socials{display:flex;gap:10px}
body.p-base[data-screen-label="Order Confirmation"] .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;transition:.15s}
body.p-base[data-screen-label="Order Confirmation"] .f-socials a:hover{border-color:white}
body.p-base[data-screen-label="Order Confirmation"] .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-base[data-screen-label="Order Confirmation"] .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-base[data-screen-label="Order Confirmation"] .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-base[data-screen-label="Order Confirmation"] .f-nav ul li a:hover{color:white}
body.p-base[data-screen-label="Order Confirmation"] .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-base[data-screen-label="Order Confirmation"] .f-badge{display:flex;align-items:center;gap:14px}
body.p-base[data-screen-label="Order Confirmation"] .f-badge-circle{width:60px;height:60px;border-radius:50%;border:1px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:8px}
body.p-base[data-screen-label="Order Confirmation"] .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-base[data-screen-label="Order Confirmation"] .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-base[data-screen-label="Order Confirmation"] .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-base[data-screen-label="Order Confirmation"] .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-base[data-screen-label="Order Confirmation"] .f-legal a{color:#666}
body.p-base[data-screen-label="Order Confirmation"] .f-legal a:hover{color:#aaa}
body.p-base[data-screen-label="Order Confirmation"] .f-sep{color:#444}
@media (max-width:1080px){
body.p-base[data-screen-label="Order Confirmation"] .shell{grid-template-columns:1fr}
body.p-base[data-screen-label="Order Confirmation"] .summary{position:static}
body.p-base[data-screen-label="Order Confirmation"] .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body.p-base[data-screen-label="Order Confirmation"] .nav-links, body.p-base[data-screen-label="Order Confirmation"] .top-bar-nav{display:none}
body.p-base[data-screen-label="Order Confirmation"] .detail-grid{grid-template-columns:1fr}
body.p-base[data-screen-label="Order Confirmation"] .hero-txt h1{font-size:32px}
body.p-base[data-screen-label="Order Confirmation"] .hero-inner{flex-direction:column;gap:18px}
body.p-base[data-screen-label="Order Confirmation"] .footer-top{grid-template-columns:1fr}
body.p-base[data-screen-label="Order Confirmation"] .top-bar, body.p-base[data-screen-label="Order Confirmation"] .main-nav, body.p-base[data-screen-label="Order Confirmation"] .crumb, body.p-base[data-screen-label="Order Confirmation"] .wrap, body.p-base[data-screen-label="Order Confirmation"] .shell, body.p-base[data-screen-label="Order Confirmation"] .fwrap{padding-left:22px;padding-right:22px}
}
@media (prefers-reduced-motion: reduce){
body.p-base[data-screen-label="Order Confirmation"] .toast{transition:none}
}


/* ===== home.css → body.p-home ===== */
body.p-home{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-home a{text-decoration:none;color:inherit}
body.p-home .hero-right{position:relative;overflow:hidden;min-height:530px}
body.p-home .hero-slides{display:flex;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}
body.p-home .hero-slide{flex:0 0 100%;width:100%;min-height:530px;
  display:flex;align-items:center;justify-content:center;
  font-family:monospace;font-size:12px;}
body.p-home .hero-video{width:100%;height:100%;object-fit:cover;display:block}
body.p-home .hero-slide-1{background:linear-gradient(rgba(20,45,55,.5),rgba(20,45,55,.5)),
  repeating-linear-gradient(45deg,#5a6e7a,#5a6e7a 3px,#4a5e6a 3px,#4a5e6a 18px);
  color:rgba(255,255,255,.5);}
body.p-home .hero-slide-2{background:linear-gradient(rgba(10,30,40,.4),rgba(10,30,40,.4)),
  repeating-linear-gradient(-45deg,#3a5060,#3a5060 3px,#2a4050 3px,#2a4050 18px);
  color:rgba(255,255,255,.5);}
body.p-home .hero-slide-3{background:linear-gradient(rgba(0,30,30,.45),rgba(0,30,30,.45)),
  repeating-linear-gradient(45deg,#1a4a4a,#1a4a4a 3px,#0a3a3a 3px,#0a3a3a 18px);
  color:rgba(255,255,255,.5);}
body.p-home .slider-controls{position:absolute;bottom:20px;right:24px;
  display:flex;align-items:center;gap:10px;z-index:10;}
body.p-home .slider-dot{width:10px;height:10px;border-radius:50%;
  border:2px solid rgba(255,255,255,.8);background:transparent;
  cursor:pointer;transition:.2s;}
body.p-home .slider-dot.active{background:white}
body.p-home .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.3);border:none;color:white;
  width:40px;height:40px;border-radius:50%;font-size:20px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  z-index:10;transition:.2s;}
body.p-home .slider-arrow:hover{background:rgba(0,0,0,.55)}
body.p-home .slider-prev{left:12px}
body.p-home .slider-next{right:12px}
body.p-home .svc{transition:transform .2s,box-shadow .2s;
  cursor:pointer;}
body.p-home .svc:hover{transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  z-index:1;position:relative;}
body.p-home .svc-btn{transition:filter .2s,letter-spacing .15s;}
body.p-home .svc:hover .svc-btn{filter:brightness(.92);
  letter-spacing:.3px;}
body.p-home .svc-btn .arrow{transition:transform .2s}
body.p-home .svc:hover .svc-btn .arrow{transform:translateX(4px)}
body.p-home .top-bar{display:flex;align-items:center;justify-content:flex-end;
  gap:24px;padding:10px 48px;
  background:#fff;border-bottom:1px solid #e0ddd6;}
body.p-home .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-home .top-bar-nav a{display:flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:500;color:var(--black);}
body.p-home .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-home .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-home .btn-account{border:1.5px solid var(--black);background:transparent;
  padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;
  cursor:pointer;font-family:var(--fn);color:var(--black);}
body.p-home .btn-donate{display:flex;align-items:center;gap:7px;
  background:var(--pink);border:none;
  padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;
  cursor:pointer;font-family:var(--fn);color:var(--black);}
body.p-home .btn-donate svg{width:15px;height:15px}
body.p-home .hero{display:grid;grid-template-columns:27% 73%;min-height:530px}
body.p-home .hero-left{background:var(--teal);padding:56px 40px 56px 60px;
  display:flex;flex-direction:column;justify-content:center;gap:24px;}
body.p-home .hero-left h1{font-size:46px;font-weight:800;line-height:1.08;color:var(--black)}
body.p-home .hero-left p{font-size:14.5px;font-weight:500;line-height:1.55;color:var(--black)}
body.p-home .hero-right{position:relative;overflow:hidden;min-height:530px}
body.p-home .hero-img{width:100%;height:100%;
  background:
    linear-gradient(rgba(30,50,60,.45),rgba(30,50,60,.45)),
    repeating-linear-gradient(45deg,#5a6e7a,#5a6e7a 3px,#4a5e6a 3px,#4a5e6a 18px);
  display:flex;align-items:center;justify-content:center;
  font-family:monospace;font-size:12px;color:rgba(255,255,255,.55);}
body.p-home .btn-outline-hero{display:inline-flex;align-items:center;gap:12px;
  border:1.5px solid var(--black);background:transparent;
  padding:12px 24px;border-radius:50px;font-size:14.5px;font-weight:600;
  color:var(--black);width:fit-content;transition:.15s;}
body.p-home .btn-outline-hero:hover{background:rgba(0,0,0,.07)}
body.p-home .service-cards{display:grid;grid-template-columns:repeat(6,1fr);
  border-top:1px solid var(--black);border-bottom:1px solid var(--black);}
body.p-home .svc{border-right:1px solid var(--black);
  display:flex;flex-direction:column;}
body.p-home .svc:last-child{border-right:none}
body.p-home .svc-body{padding:28px 22px 20px;flex:1;display:flex;flex-direction:column;gap:10px}
body.p-home .svc-body h3{font-size:17px;font-weight:800;line-height:1.2;flex-shrink:0}
body.p-home .svc-body p{font-size:12.5px;line-height:1.55;flex-shrink:0}
body.p-home .svc-btn{display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;font-size:14px;font-weight:700;
  border:none;cursor:pointer;font-family:var(--fn);color:var(--black);
  margin-top:auto;}
body.p-home .jump-bar{background:var(--cream);border-bottom:1px solid var(--black);
  padding:20px 60px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
body.p-home .jump-bar-label{font-size:13.5px;font-weight:500;white-space:nowrap}
body.p-home .jump-pills{display:flex;gap:10px;flex-wrap:wrap}
body.p-home .jump-pill{border:1.5px solid var(--black);background:transparent;
  padding:8px 18px;border-radius:50px;font-size:13.5px;font-weight:500;
  color:var(--black);cursor:pointer;white-space:nowrap;transition:.15s;}
body.p-home .jump-pill:hover{background:rgba(0,0,0,.06)}
body.p-home .who-section{background:var(--cream);padding:88px 60px 100px;
  display:grid;grid-template-columns:260px 1fr 1fr;gap:56px;
  position:relative;overflow:hidden;border-bottom:1px solid var(--black);}
body.p-home .who-h{font-size:66px;font-weight:800;line-height:1.0}
body.p-home .who-mid{display:flex;flex-direction:column;gap:36px}
body.p-home .who-mid p{font-size:22px;font-weight:500;line-height:1.42}
body.p-home .btn-outline-dark{display:inline-flex;align-items:center;gap:12px;
  border:1.5px solid var(--black);background:transparent;
  padding:13px 28px;border-radius:50px;font-size:15px;font-weight:600;
  color:var(--black);width:fit-content;transition:.15s;}
body.p-home .btn-outline-dark:hover{background:rgba(0,0,0,.06)}
body.p-home .who-right{display:flex;flex-direction:column;gap:20px}
body.p-home .who-right p{font-size:14.5px;line-height:1.65}
body.p-home .who-wave{position:absolute;bottom:32px;left:0;
  pointer-events:none;}
body.p-home .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--black);}
body.p-home .stat-cell{border-right:1px solid var(--black);border-bottom:1px solid var(--black);
  padding:64px 40px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:20px;text-align:center;
  min-height:220px;background:var(--white);
  transition:background .18s ease;}
body.p-home .stat-cell:nth-child(3n){border-right:none}
body.p-home .stat-cell:nth-child(4), body.p-home .stat-cell:nth-child(5), body.p-home .stat-cell:nth-child(6){border-bottom:none}
body.p-home .stat-cell svg{width:52px;height:52px}
body.p-home .stat-cell p{font-size:17px;font-weight:600;line-height:1.3;max-width:220px}
body.p-home .stat-cell:hover{background:var(--teal)}
body.p-home .stat-cell:nth-child(2):hover{background:var(--yellow)}
body.p-home .stat-cell:nth-child(3):hover{background:var(--pink)}
body.p-home .stat-cell:nth-child(4):hover{background:var(--lime)}
body.p-home .stat-cell:nth-child(5):hover{background:var(--green-s)}
body.p-home .stat-cell:nth-child(6):hover{background:var(--teal)}
body.p-home .lost-section{background:var(--lime);
  display:grid;grid-template-columns:1fr 1fr;
  border-bottom:1px solid var(--black);padding:64px 60px;gap:60px;align-items:center;}
body.p-home .lost-left{display:flex;flex-direction:column;gap:22px}
body.p-home .lost-left h2{font-size:44px;font-weight:800;line-height:1.1}
body.p-home .lost-left p{font-size:15px;line-height:1.65;max-width:560px}
body.p-home .lost-links{display:flex;flex-wrap:wrap;gap:28px 34px;border-top:1px solid var(--black);padding-top:26px;margin-top:6px}
body.p-home .lost-link{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:700;line-height:1.25;transition:opacity .15s}
body.p-home .lost-link:hover{opacity:.65}
body.p-home .ll-ic{width:38px;height:38px;flex-shrink:0;border:1.5px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center}
body.p-home .ll-ic svg{width:18px;height:18px}
body.p-home .lost-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  background:var(--white);border:1.5px solid var(--black);border-radius:50px;padding:14px 22px;
  font-size:15px;font-weight:700;margin-top:4px;transition:transform .15s ease, box-shadow .15s ease}
body.p-home .lost-cta:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--black)}
body.p-home .lost-cta svg{width:17px;height:17px}
body.p-home .lost-right{display:flex;align-items:center;justify-content:center}
body.p-home .lost-photo-wrap{position:relative;width:100%;max-width:400px;aspect-ratio:1}
body.p-home .lost-photo{
  width:100%;height:100%;border-radius:50%;overflow:hidden;
  background:repeating-linear-gradient(45deg,#fff,#fff 2px,#f0efe4 2px,#f0efe4 14px);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;
  font-family:monospace;font-size:11px;color:rgba(0,0,0,.4);border:1px solid var(--black);
}
body.p-home .lost-dot{position:absolute;border-radius:50%;background:var(--white);border:1px solid var(--black)}
body.p-home .lost-dot-1{width:36px;height:36px;top:6%;right:2%}
body.p-home .lost-dot-2{width:26px;height:26px;bottom:8%;left:0%}
body.p-home .lost-pill{border:1.5px solid var(--black);background:transparent;
  padding:10px 20px;border-radius:50px;font-size:13.5px;font-weight:600;
  color:var(--black);cursor:pointer;transition:.15s;}
body.p-home .lost-pill:hover{background:rgba(0,0,0,.08)}
body.p-home .testimonials{background:var(--white);padding:80px 60px;
  border-bottom:1px solid var(--black);}
body.p-home .testimonials>h2{font-size:50px;font-weight:800;margin-bottom:14px}
body.p-home .testimonials>.sub{font-size:15px;line-height:1.55;max-width:680px;margin-bottom:48px}
body.p-home .carousel-wrap{display:flex;align-items:center;gap:24px}
body.p-home .t-track{flex:1;display:flex;gap:24px;justify-content:center;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;padding-bottom:2px;}
body.p-home .t-track::-webkit-scrollbar{display:none}
body.p-home .t-track.is-scrollable{justify-content:flex-start}
body.p-home .carousel-arrow{background:none;border:1.5px solid var(--black);border-radius:50%;
  width:46px;height:46px;font-size:26px;cursor:pointer;
  flex-shrink:0;font-family:var(--fn);line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s,opacity .15s;}
body.p-home .carousel-arrow:hover:not(:disabled){background:rgba(0,0,0,.06)}
body.p-home .carousel-arrow:disabled{opacity:.25;cursor:default;border-color:rgba(0,0,0,.4)}
body.p-home .t-card{flex:0 0 340px;scroll-snap-align:start}
body.p-home .t-img{width:100%;height:260px;object-fit:cover;
  background:repeating-linear-gradient(45deg,#c0ccd6,#c0ccd6 2px,#b0bcc6 2px,#b0bcc6 14px);
  display:flex;align-items:center;justify-content:center;
  font-family:monospace;font-size:11px;color:rgba(0,0,0,.4);}
body.p-home .t-quote{padding:22px;font-size:17px;font-weight:600;line-height:1.45}
body.p-home .t-quote p{margin-bottom:12px}
body.p-home .t-quote .by{font-size:15px;font-weight:500}
body.p-home .news-section{background:var(--cream);padding:80px 60px;
  border-top:1px solid var(--black);border-bottom:1px solid var(--black);}
body.p-home .news-hdr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}
body.p-home .news-hdr h2{font-size:48px;font-weight:800}
body.p-home .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
body.p-home .n-card{
  display:flex;flex-direction:column;background:var(--white);
  border:1px solid var(--black);border-radius:16px;overflow:hidden;
  color:inherit;text-decoration:none;
  transition:transform .22s ease, box-shadow .22s ease;
}
body.p-home .n-card:hover,
body.p-home .n-card:focus-visible{transform:translateY(-6px);box-shadow:10px 10px 0 var(--black);outline:none}
body.p-home .n-media{position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--black)}
body.p-home .n-ph{
  position:absolute;inset:0;display:flex;align-items:flex-end;padding:14px;
  background:repeating-linear-gradient(45deg,#b8c4cc,#b8c4cc 2px,#a8b4bc 2px,#a8b4bc 14px);
  font-family:monospace;font-size:11px;color:rgba(0,0,0,.4);line-height:1.4;
  transition:transform .45s ease;
}
body.p-home .n-card:hover .n-ph{transform:scale(1.06)}
body.p-home .n-cat{
  position:absolute;top:14px;left:14px;z-index:2;
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 12px;border-radius:50px;border:1px solid var(--black);color:var(--black);
}
body.p-home .n-cat.is-teal{background:var(--teal)}
body.p-home .n-cat.is-pink{background:var(--pink);color:var(--white)}
body.p-home .n-cat.is-lime{background:var(--lime)}
body.p-home .n-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px;gap:12px}
body.p-home .n-date{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#6b6860}
body.p-home .n-date svg{width:14px;height:14px;flex-shrink:0}
body.p-home .n-title{
  font-size:18px;font-weight:700;line-height:1.32;text-wrap:pretty;color:var(--black);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .18s ease;
}
body.p-home .n-card:hover .n-title{color:var(--teal-ink,#0a8a89)}
body.p-home .n-read{
  margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;color:var(--black);padding-top:4px;
}
body.p-home .n-read svg{width:16px;height:16px;transition:transform .2s ease}
body.p-home .n-card:hover .n-read svg{transform:translateX(5px)}
body.p-home .faq-section{background:var(--white);padding:80px 60px;
  border-bottom:1px solid var(--black);}
body.p-home .faq-section h2{font-size:48px;font-weight:800;margin-bottom:40px}
body.p-home .faq-item{border-top:1px solid var(--black)}
body.p-home .faq-item:last-child{border-bottom:1px solid var(--black)}
body.p-home .faq-q{display:flex;justify-content:space-between;align-items:center;
  padding:22px 0;font-size:17px;font-weight:600;cursor:pointer;gap:24px;}
body.p-home .faq-toggle{font-size:22px;font-weight:300;flex-shrink:0;transition:.2s}
body.p-home .faq-a{font-size:14.5px;line-height:1.65;padding:0 0 22px;
  display:none;max-width:800px;}
body.p-home .faq-item.open .faq-a{display:block}
body.p-home .faq-item.open .faq-toggle{transform:rotate(45deg)}
body.p-home .socials-section{background:var(--green-s);padding:80px 60px;
  border-bottom:1px solid var(--black);}
body.p-home .socials-section h2{font-size:48px;font-weight:800;margin-bottom:14px}
body.p-home .socials-section>.sub{font-size:15px;line-height:1.55;max-width:620px;margin-bottom:40px}
body.p-home .socials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.p-home .s-post{display:flex;flex-direction:column;text-align:left;overflow:hidden;
  background:var(--white);border:1px solid var(--black);
  transition:transform .18s ease, box-shadow .18s ease;}
body.p-home .s-post:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--black)}
body.p-home .s-img{aspect-ratio:1;position:relative;
  background:repeating-linear-gradient(45deg,#c0ccd6,#c0ccd6 2px,#b0bcc6 2px,#b0bcc6 14px);
  display:flex;align-items:flex-end;padding:10px;
  font-family:monospace;font-size:10px;color:rgba(0,0,0,.4);line-height:1.3;}
body.p-home .s-plat{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;
  background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;letter-spacing:-.02em;}
body.p-home .s-meta{padding:13px 14px 15px;border-top:1px solid var(--black)}
body.p-home .s-handle{font-size:12.5px;font-weight:700}
body.p-home .s-cap{font-size:12px;line-height:1.45;margin:5px 0 10px;color:#2a2a2a}
body.p-home .s-eng{display:flex;gap:16px;font-size:11.5px;font-weight:600;color:#555}
body.p-home .s-eng span{display:inline-flex;align-items:center;gap:5px}
body.p-home .s-eng svg{width:14px;height:14px}
body.p-home footer{background:var(--black);color:white;padding:60px 60px 0}
body.p-home .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;
  gap:40px;padding-bottom:56px;}
body.p-home .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-home .f-logo-text{font-size:17px;font-weight:800;line-height:1.1;color:white}
body.p-home .f-subscribe{display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid white;background:transparent;
  padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;
  color:white;margin-bottom:28px;transition:.15s;}
body.p-home .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-home .f-socials{display:flex;gap:10px}
body.p-home .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:white;font-size:14px;transition:.15s;}
body.p-home .f-socials a:hover{border-color:white}
body.p-home .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-home .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-home .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-home .f-nav ul li a:hover{color:white}
body.p-home .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-home .f-badge{display:flex;align-items:center;gap:14px}
body.p-home .f-badge-circle{width:60px;height:60px;border-radius:50%;
  border:1px solid #555;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:8px;font-family:monospace;text-align:center;
  color:#999;line-height:1.2;padding:8px;}
body.p-home .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-home .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;
  display:flex;flex-direction:column;gap:14px;}
body.p-home .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-home .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-home .f-legal a{color:#666;transition:.15s}
body.p-home .f-legal a:hover{color:#aaa}
body.p-home .f-sep{color:#444}
body.p-home a:focus-visible, body.p-home button:focus-visible, body.p-home [role="button"]:focus-visible{outline:2px solid var(--black);outline-offset:3px;
  box-shadow:0 0 0 5px var(--teal);border-radius:4px;}
body.p-home .faq-q:focus-visible{outline-offset:-2px}
@media (max-width:1080px){
body.p-home .top-bar, body.p-home .main-nav{padding-left:28px;padding-right:28px}
body.p-home .jump-bar, body.p-home .who-section, body.p-home .testimonials, body.p-home .news-section, body.p-home .faq-section, body.p-home .socials-section, body.p-home footer{padding-left:32px;padding-right:32px}
body.p-home .hero{grid-template-columns:36% 64%}
body.p-home .hero-left{padding:48px 32px}
body.p-home .hero-left h1{font-size:38px}
body.p-home .service-cards{grid-template-columns:repeat(3,1fr)}
body.p-home .svc{border-right:1px solid var(--black);border-bottom:1px solid var(--black)}
body.p-home .svc:nth-child(3n){border-right:none}
body.p-home .svc:nth-child(n+4){border-bottom:none}
body.p-home .who-section{grid-template-columns:1fr;gap:32px;padding-top:64px;padding-bottom:72px}
body.p-home .who-h{font-size:52px}
body.p-home .who-mid p{font-size:19px}
body.p-home .stats-grid{grid-template-columns:repeat(2,1fr)}
body.p-home .stat-cell{border-right:1px solid var(--black);border-bottom:1px solid var(--black)}
body.p-home .stat-cell:nth-child(2n){border-right:none}
body.p-home .stat-cell:nth-child(5), body.p-home .stat-cell:nth-child(6){border-bottom:none}
body.p-home .news-grid{grid-template-columns:repeat(2,1fr)}
body.p-home .socials-grid{grid-template-columns:repeat(2,1fr)}
body.p-home .footer-top{grid-template-columns:1fr 1fr}
body.p-home .testimonials>h2, body.p-home .news-hdr h2, body.p-home .faq-section h2, body.p-home .socials-section h2{font-size:40px}
}
@media (max-width:720px){
body.p-home .top-bar-nav{display:none}
}
@media (max-width:600px){
body.p-home .top-bar{flex-wrap:wrap;gap:12px;padding:10px 20px;justify-content:center}
body.p-home .jump-bar, body.p-home .who-section, body.p-home .testimonials, body.p-home .news-section, body.p-home .faq-section, body.p-home .socials-section, body.p-home footer{padding-left:20px;padding-right:20px}
body.p-home .jump-bar{padding-top:16px;padding-bottom:16px}
body.p-home .hero{grid-template-columns:1fr}
body.p-home .hero-left{padding:44px 24px;gap:18px}
body.p-home .hero-left h1{font-size:34px}
body.p-home .hero, body.p-home .hero-right, body.p-home .hero-slide, body.p-home .hero-slides, body.p-home .hero-left{min-height:0}
body.p-home .hero-right{min-height:300px}
body.p-home .service-cards{grid-template-columns:1fr 1fr}
body.p-home .svc{border-right:1px solid var(--black);border-bottom:1px solid var(--black)}
body.p-home .svc:nth-child(2n){border-right:none}
body.p-home .svc:nth-child(n+5){border-bottom:none}
body.p-home .svc-body{padding:22px 18px 16px}
body.p-home .who-section{padding:56px 20px 64px}
body.p-home .who-h{font-size:40px}
body.p-home .who-mid{gap:26px}
body.p-home .who-mid p{font-size:17px}
body.p-home .stats-grid{grid-template-columns:1fr}
body.p-home .stat-cell{border-right:none;min-height:0;padding:44px 24px}
body.p-home .stat-cell:nth-child(2n){border-right:none}
body.p-home .stat-cell:not(:last-child){border-bottom:1px solid var(--black)}
body.p-home .lost-section{grid-template-columns:1fr}
body.p-home .lost-left{border-right:none;padding:52px 24px}
body.p-home .lost-left h2{font-size:38px}
body.p-home .lost-right{padding:24px}
body.p-home .news-grid{grid-template-columns:1fr}
body.p-home .news-hdr{flex-direction:column;gap:14px}
body.p-home .socials-grid{grid-template-columns:1fr 1fr;gap:14px}
body.p-home .footer-top{grid-template-columns:1fr;gap:36px}
body.p-home .testimonials, body.p-home .news-section, body.p-home .faq-section, body.p-home .socials-section{padding-top:60px;padding-bottom:60px}
body.p-home .testimonials>h2, body.p-home .news-hdr h2, body.p-home .faq-section h2, body.p-home .socials-section h2{font-size:32px}
body.p-home .carousel-wrap{gap:0}
body.p-home .carousel-arrow{display:none}
body.p-home .t-track{justify-content:flex-start}
body.p-home .t-card{flex:0 0 82%}
body.p-home .faq-q{font-size:16px}
}
@media (prefers-reduced-motion: reduce){
body.p-home .hero-slides{transition:none}
}


/* ===== about.css → body.p-about ===== */
body.p-about{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-about a{text-decoration:none;color:inherit}
body.p-about img{display:block}
body.p-about a:focus-visible, body.p-about button:focus-visible, body.p-about input:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:6px}
body.p-about .wrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-about .pill{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1.5px solid var(--black);border-radius:50px;padding:12px 20px;font-family:var(--fn);font-size:14px;font-weight:700;color:var(--black);cursor:pointer;transition:.15s}
body.p-about .pill:hover{background:var(--black);color:#fff}
body.p-about .pill:hover svg{stroke:#fff}
body.p-about .pill svg{width:17px;height:17px;stroke:var(--black);flex-shrink:0;transition:stroke .15s}
body.p-about .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-about .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-about .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-about .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-about .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-about .btn-cart{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-about .btn-cart svg{width:18px;height:18px}
body.p-about .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--pink);color:var(--black);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-about .btn-account{border:1.5px solid var(--black);background:transparent;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-about .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-about .btn-donate svg{width:15px;height:15px}
body.p-about .hero{display:grid;grid-template-columns:32% 68%;min-height:560px}
body.p-about .hero-left{background:var(--teal);display:flex;flex-direction:column;justify-content:center;padding:64px 48px}
body.p-about .hero-left h1{font-size:54px;font-weight:800;line-height:1.02;letter-spacing:-1px}
body.p-about .hero-left p{font-size:16px;font-weight:500;line-height:1.5;margin-top:22px;max-width:340px}
body.p-about .hero-right{background:var(--green-s);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.p-about .hero-word{font-size:clamp(90px,14vw,200px);font-weight:800;letter-spacing:-3px;position:relative}
body.p-about .hero-dot{position:absolute;top:30%;left:50%;width:18px;height:18px;border-radius:50%;background:var(--black)}
body.p-about .jump{background:var(--cream);padding:26px 0;border-bottom:1px solid #e0ddd6}
body.p-about .crumb{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:#6b6860;margin-bottom:18px}
body.p-about .crumb a:hover{color:var(--black)}
body.p-about .crumb .here{color:var(--black);font-weight:600}
body.p-about .crumb svg{width:13px;height:13px;stroke:#bdb9b0}
body.p-about .jump-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.p-about .jump-row .lbl{font-size:14px;font-weight:600;color:#4a4843;margin-right:4px}
body.p-about .chip{border:1.5px solid var(--black);background:#fff;border-radius:50px;padding:10px 20px;font-family:var(--fn);font-size:14px;font-weight:600;color:var(--black);cursor:pointer;transition:.15s}
body.p-about .chip:hover{background:var(--black);color:#fff}
body.p-about section{scroll-margin-top:20px}
body.p-about .sec-cream{background:var(--cream)}
body.p-about .sec-grey{background:var(--grey)}
body.p-about .sec-white{background:#fff}
body.p-about .sec-pad{padding:80px 0}
body.p-about .sec-h{font-size:42px;font-weight:800;letter-spacing:-.6px;line-height:1.05}
body.p-about .sec-sub{font-size:16px;font-weight:500;color:#3a3934;line-height:1.55;margin-top:16px;max-width:560px}
body.p-about .mission{display:grid;grid-template-columns:180px 1fr 340px;gap:40px;align-items:start;position:relative}
body.p-about .mission .m-label{font-size:34px;font-weight:800;line-height:1.05}
body.p-about .mission .m-body p{font-size:17px;font-weight:500;line-height:1.6;color:#1c1b18}
body.p-about .mission .m-body p+p{margin-top:18px;font-size:14.5px;color:#4a4843}
body.p-about .mission .m-body a.link{font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.p-about .mission .m-body .pill{margin-top:28px}
body.p-about .m-figure{position:relative}
body.p-about .m-circle{width:300px;height:300px;border-radius:50%;background:var(--teal);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;font-family:monospace;font-size:11px;color:rgba(0,0,0,.45);padding:14px;text-align:center}
body.p-about .squiggle{position:absolute;left:-10px;bottom:-30px;width:220px;height:40px}
body.p-about .two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
body.p-about .two-col p{font-size:15px;font-weight:500;line-height:1.6;color:#1c1b18}
body.p-about .two-col p+p{margin-top:16px}
body.p-about .sec-people{background:var(--green-s)}
body.p-about .people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px}
body.p-about .people-col{border-top:1.5px solid var(--black);padding-top:24px}
body.p-about .people-col h3{font-size:24px;font-weight:800}
body.p-about .people-col p{font-size:14.5px;font-weight:500;line-height:1.55;color:#10100e;margin:14px 0 26px;max-width:280px}
body.p-about .hist-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
body.p-about .hist-nav{display:flex;gap:10px}
body.p-about .arrow-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--black);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
body.p-about .arrow-btn:hover{background:var(--black)}
body.p-about .arrow-btn:hover svg{stroke:#fff}
body.p-about .arrow-btn svg{width:20px;height:20px;stroke:var(--black)}
body.p-about .hist-track{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;margin-top:36px;padding-bottom:8px;scrollbar-width:none}
body.p-about .hist-track::-webkit-scrollbar{display:none}
body.p-about .hist-card{flex:0 0 380px;border:1px solid var(--black);background:var(--teal);display:flex;flex-direction:column}
body.p-about .hist-card.lime{background:var(--lime)}
body.p-about .hist-photo{height:180px;border-bottom:1px solid var(--black);overflow:hidden;display:flex;align-items:flex-end;padding:10px;font-family:monospace;font-size:10px;color:rgba(255,255,255,.7)}
body.p-about .hist-body{padding:24px;display:flex;flex-direction:column;gap:8px;flex:1}
body.p-about .hist-era{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
body.p-about .hist-body h3{font-size:21px;font-weight:800;line-height:1.15;margin-top:4px}
body.p-about .hist-body p{font-size:13.5px;font-weight:500;line-height:1.5;color:#10100e}
body.p-about .hist-body .pill{margin-top:auto;align-self:flex-start}
body.p-about .gov-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}
body.p-about .gov-links .chip{padding:14px 26px}
body.p-about .innov-imgs{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:44px 0}
body.p-about .innov-circle{aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;font-family:monospace;font-size:10px;color:rgba(255,255,255,.75);padding:14px;text-align:center}
body.p-about .innov-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
body.p-about .innov-cols p{font-size:14.5px;font-weight:500;line-height:1.6;color:#1c1b18}
body.p-about .innov-cols p+p{margin-top:16px}
body.p-about .innov-cols ul{margin-top:16px;padding-left:20px;display:flex;flex-direction:column;gap:10px}
body.p-about .innov-cols li{font-size:14px;font-weight:500;line-height:1.5;color:#1c1b18}
body.p-about .innov-btns{display:flex;gap:14px;margin-top:40px}
body.p-about .sec-work{background:var(--pink-soft)}
body.p-about .jobs{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:48px}
body.p-about .job{background:#fff;border:1px solid var(--black);display:flex;flex-direction:column}
body.p-about .job-top{padding:22px 20px 20px;flex:1}
body.p-about .job-top h3{font-size:18px;font-weight:800;margin-bottom:14px}
body.p-about .job-top p{font-size:13px;font-weight:500;line-height:1.5;color:#1c1b18}
body.p-about .job-top p b{font-weight:700}
body.p-about .job-apply{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--black);font-size:14.5px;font-weight:700;cursor:pointer;transition:.15s}
body.p-about .job-apply:hover{background:var(--cream)}
body.p-about .job-apply svg{width:17px;height:17px;stroke:var(--black)}
body.p-about .work-more{margin-top:32px}
body.p-about .news-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
body.p-about .news-filter{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--black);margin-top:34px;padding-top:22px}
body.p-about .fchip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid transparent;background:transparent;border-radius:50px;padding:8px 16px;font-family:var(--fn);font-size:13px;font-weight:600;color:#4a4843;cursor:pointer;transition:.15s}
body.p-about .fchip svg{width:16px;height:16px;stroke:#4a4843}
body.p-about .fchip:hover{border-color:#cfcbc2}
body.p-about .fchip.active{background:var(--black);color:#fff;border-color:var(--black)}
body.p-about .fchip.active svg{stroke:#fff}
body.p-about .news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px}
body.p-about .news-card{background:#fff;border:1px solid var(--black);display:flex;flex-direction:column;transition:transform .15s}
body.p-about .news-card:hover{transform:translateY(-3px)}
body.p-about .news-card .nc-top{padding:22px 22px 0;flex:1}
body.p-about .news-card h3{font-size:17px;font-weight:800;line-height:1.25}
body.p-about .news-card .nc-ex{font-size:13.5px;font-weight:500;line-height:1.5;color:#4a4843;margin:12px 0 14px}
body.p-about .news-card .nc-date{font-size:13px;font-weight:600;color:#8a877e;margin-bottom:18px}
body.p-about .nc-photo{height:170px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;font-family:monospace;font-size:10px;color:rgba(255,255,255,.75);padding:12px;text-align:center;border-top:1px solid var(--black);margin:0 0 0}
body.p-about .nc-read{display:flex;align-items:center;justify-content:space-between;background:var(--green-btn);padding:15px 22px;font-size:14.5px;font-weight:700;cursor:pointer;border-top:1px solid var(--black);transition:.15s}
body.p-about .nc-read:hover{background:#37cf41}
body.p-about .nc-read svg{width:17px;height:17px;stroke:var(--black)}
body.p-about footer{background:var(--black);color:white;padding:60px 0 0}
body.p-about .foot-top-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:44px}
body.p-about .f-news{flex:1;min-width:280px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1.5px solid white;border-radius:50px;padding:14px 24px;cursor:pointer;font-size:15px;font-weight:700;transition:.15s}
body.p-about .f-news:hover{background:rgba(255,255,255,.08)}
body.p-about .f-news svg{width:20px;height:20px;stroke:#fff}
body.p-about .footer-mid{display:grid;grid-template-columns:280px repeat(5,1fr);gap:30px;padding-bottom:50px}
body.p-about .f-socials{display:flex;gap:10px;margin-bottom:26px}
body.p-about .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:13px;transition:.15s}
body.p-about .f-socials a:hover{border-color:white}
body.p-about .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-about .f-badge{display:flex;align-items:center;gap:14px}
body.p-about .f-badge-circle{width:58px;height:58px;border-radius:50%;border:1px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:6px}
body.p-about .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-about .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-about .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-about .f-nav ul li a, body.p-about .f-nav ul li{color:#aaa;font-size:13.5px;line-height:1.4;transition:.15s}
body.p-about .f-nav ul li a:hover{color:white}
body.p-about .footer-bottom{border-top:1px solid #2a2a2a;padding:26px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-about .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-about .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-about .f-legal a:hover{color:#aaa}
body.p-about .f-sep{color:#444}
body.p-about .to-top{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:50%;background:var(--pink);border:1.5px solid var(--black);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
body.p-about .to-top.show{opacity:1;pointer-events:auto}
body.p-about .to-top:hover{transform:translateY(-3px)}
body.p-about .to-top svg{width:20px;height:20px;stroke:var(--black)}
@media (max-width:1080px){
body.p-about .hero{grid-template-columns:1fr}
body.p-about .hero-right{min-height:260px}
body.p-about .mission{grid-template-columns:1fr;gap:28px}
body.p-about .m-figure{order:-1}
body.p-about .people-grid, body.p-about .innov-imgs, body.p-about .innov-cols{grid-template-columns:1fr 1fr}
body.p-about .jobs{grid-template-columns:1fr 1fr 1fr}
body.p-about .news-grid{grid-template-columns:1fr 1fr}
body.p-about .footer-mid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:720px){
body.p-about .nav-links, body.p-about .top-bar-nav{display:none}
body.p-about .wrap{padding-left:22px;padding-right:22px}
body.p-about .top-bar, body.p-about .main-nav{padding-left:22px;padding-right:22px}
body.p-about .hero-left{padding:44px 22px}
body.p-about .hero-left h1{font-size:40px}
body.p-about .sec-pad{padding:56px 0}
body.p-about .sec-h{font-size:32px}
body.p-about .people-grid, body.p-about .two-col, body.p-about .innov-imgs, body.p-about .innov-cols, body.p-about .jobs, body.p-about .news-grid, body.p-about .footer-mid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important}
body.p-about .news-card, body.p-about .to-top{transition:none}
}


/* ===== account.css → body.p-account ===== */
body.p-account{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-account a{text-decoration:none;color:inherit}
body.p-account img{display:block}
body.p-account a:focus-visible, body.p-account button:focus-visible, body.p-account input:focus-visible, body.p-account select:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:6px}
body.p-account .wrap{max-width:1280px;margin:0 auto;padding:0 48px}
body.p-account .pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--black);border:1.5px solid var(--black);border-radius:50px;padding:12px 22px;font-family:var(--fn);font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:.15s}
body.p-account .pill:hover{background:#222}
body.p-account .pill svg{width:16px;height:16px;stroke:#fff;flex-shrink:0}
body.p-account .pill.ghost{background:#fff;color:var(--black)}
body.p-account .pill.ghost svg{stroke:var(--black)}
body.p-account .pill.ghost:hover{background:rgba(0,0,0,.06)}
body.p-account .pill.teal{background:var(--teal);color:var(--black)}
body.p-account .pill.teal svg{stroke:var(--black)}
body.p-account .pill.teal:hover{background:#00b3b2}
body.p-account .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-account .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-account .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-account .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-account .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-account .btn-cart{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-account .btn-cart svg{width:18px;height:18px}
body.p-account .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--pink);color:var(--black);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-account .btn-account{border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-account .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-account .btn-donate svg{width:15px;height:15px}
body.p-account .page-head{background:var(--cream);border-bottom:1px solid var(--black);padding:46px 0 50px}
body.p-account .crumb{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:#6b6860;margin-bottom:18px}
body.p-account .crumb a:hover{color:var(--black)}
body.p-account .crumb .here{color:var(--black);font-weight:600}
body.p-account .crumb svg{width:13px;height:13px;stroke:#bdb9b0}
body.p-account .ph-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
body.p-account .page-head h1{font-size:46px;font-weight:800;letter-spacing:-.6px;line-height:1.04}
body.p-account .page-head p{font-size:16px;font-weight:500;color:#4a4843;margin-top:12px}
body.p-account .page-head p b{font-weight:700;color:var(--black)}
body.p-account .ph-actions{display:flex;gap:12px}
body.p-account .shell{max-width:1280px;margin:0 auto;padding:42px 48px 90px;display:grid;grid-template-columns:316px 1fr;gap:40px;align-items:start}
body.p-account .side{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}
body.p-account .profile-card{border:1px solid var(--black);background:#fff}
body.p-account .pc-top{padding:26px 24px;border-bottom:1px solid var(--black);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--cream)}
body.p-account .avatar{width:84px;height:84px;border-radius:50%;background:var(--teal);border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:var(--black);margin-bottom:8px}
body.p-account .pc-name{font-size:21px;font-weight:800;line-height:1.15}
body.p-account .pc-role{font-size:13.5px;font-weight:600;color:#3a3934}
body.p-account .pc-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}
body.p-account .mini-badge{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--black);border-radius:50px;padding:4px 11px;font-size:11px;font-weight:700}
body.p-account .mini-badge.lime{background:var(--lime)}
body.p-account .pc-details{padding:20px 24px;display:flex;flex-direction:column;gap:14px}
body.p-account .pc-detail{display:flex;align-items:flex-start;gap:11px;font-size:13px;font-weight:500;color:#2b2a26;line-height:1.4;word-break:break-word}
body.p-account .pc-detail svg{width:16px;height:16px;stroke:#8a877e;flex-shrink:0;margin-top:1px}
body.p-account .pc-detail b{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#9a968d;margin-bottom:2px}
body.p-account .pc-edit{padding:0 24px 22px}
body.p-account .pc-edit .pill{width:100%}
body.p-account .acct-nav{border:1px solid var(--black);background:#fff;overflow:hidden}
body.p-account .acct-nav a{display:flex;align-items:center;gap:13px;padding:14px 22px;font-size:14px;font-weight:600;color:var(--black);border-bottom:1px solid #e6e3db;transition:.13s}
body.p-account .acct-nav a:last-child{border-bottom:none}
body.p-account .acct-nav a svg{width:18px;height:18px;stroke:#6b6860;flex-shrink:0}
body.p-account .acct-nav a:hover{background:var(--cream)}
body.p-account .acct-nav a.active{background:var(--black);color:#fff}
body.p-account .acct-nav a.active svg{stroke:#fff}
body.p-account .acct-nav a.logout{color:#b23b33}
body.p-account .acct-nav a.logout svg{stroke:#b23b33}
body.p-account .main{display:flex;flex-direction:column;gap:32px;min-width:0}
body.p-account .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.p-account .stat{border:1px solid var(--black);background:#fff;padding:20px 20px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
body.p-account .stat::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent,var(--teal))}
body.p-account .stat .s-ic{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--black);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
body.p-account .stat .s-ic svg{width:17px;height:17px;stroke:var(--black)}
body.p-account .stat .s-num{font-size:34px;font-weight:800;line-height:1}
body.p-account .stat .s-lbl{font-size:13px;font-weight:600;color:#4a4843}
body.p-account .panel{border:1px solid var(--black);background:#fff}
body.p-account .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 26px;border-bottom:1px solid var(--black)}
body.p-account .panel-head h2{font-size:21px;font-weight:800}
body.p-account .panel-head .ph-sub{font-size:13px;font-weight:500;color:#6b6860;margin-top:3px}
body.p-account .tabs{display:flex;gap:10px;flex-wrap:wrap}
body.p-account .tab{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:#fff;border-radius:50px;padding:9px 17px;font-family:var(--fn);font-size:13.5px;font-weight:600;color:var(--black);cursor:pointer;transition:.14s}
body.p-account .tab:hover{background:rgba(0,0,0,.05)}
body.p-account .tab .count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:rgba(0,0,0,.08);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-account .tab.active{background:var(--black);color:#fff}
body.p-account .tab.active .count{background:rgba(255,255,255,.22);color:#fff}
body.p-account .course-list{display:flex;flex-direction:column}
body.p-account .course{display:grid;grid-template-columns:150px 1fr auto;gap:24px;padding:24px 26px;border-bottom:1px solid #e6e3db;align-items:stretch}
body.p-account .course:last-child{border-bottom:none}
body.p-account .course.hide{display:none}
body.p-account .c-thumb{width:150px;height:120px;border:1px solid var(--black);position:relative;display:flex;align-items:flex-end;padding:9px;font-family:monospace;font-size:9px;color:rgba(255,255,255,.7);overflow:hidden}
body.p-account .c-thumb .ctag{position:absolute;top:9px;left:9px;padding:3px 10px;border-radius:50px;border:1.5px solid var(--black);font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--black)}
body.p-account .c-mid{display:flex;flex-direction:column;gap:9px;min-width:0}
body.p-account .c-accred{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11px;font-weight:700;color:#3a3934;text-transform:uppercase;letter-spacing:.4px}
body.p-account .c-accred svg{width:13px;height:13px;stroke:var(--teal)}
body.p-account .c-title{font-size:18px;font-weight:800;line-height:1.25}
body.p-account .c-meta{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:12.5px;font-weight:500;color:#6b6860}
body.p-account .c-meta span{display:inline-flex;align-items:center;gap:6px}
body.p-account .c-meta svg{width:14px;height:14px;stroke:#8a877e}
body.p-account .c-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1px}
body.p-account .c-tag{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid #d9d5cc;padding:4px 11px;border-radius:50px;font-size:11.5px;font-weight:700}
body.p-account .c-tag.recordings{background:var(--green-btn);border-color:var(--black)}
body.p-account .c-tag.live{background:var(--yellow);border-color:var(--black)}
body.p-account .c-tag.cert{background:var(--lime);border-color:var(--black)}
body.p-account .c-progress{margin-top:4px;max-width:340px}
body.p-account .c-progress-bar{height:8px;border-radius:50px;background:#e6e3db;border:1px solid #d9d5cc;overflow:hidden}
body.p-account .c-progress-bar i{display:block;height:100%;background:var(--teal);border-radius:50px}
body.p-account .c-progress-lbl{font-size:11.5px;font-weight:600;color:#6b6860;margin-top:6px}
body.p-account .c-progress-lbl b{color:var(--black)}
body.p-account .c-actions{display:flex;flex-direction:column;justify-content:center;gap:10px;justify-self:end;min-width:170px}
body.p-account .c-actions .pill{width:100%;font-size:13.5px;padding:11px 16px}
body.p-account .c-link{font-family:var(--fn);background:none;border:none;font-size:12.5px;font-weight:600;color:var(--black);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:center}
body.p-account .c-status{font-size:11.5px;font-weight:700;text-align:center;padding:3px 0}
body.p-account .c-status.done{color:#1f8a4c}
body.p-account .empty-tab{display:none;padding:60px 26px;text-align:center;flex-direction:column;align-items:center;gap:12px}
body.p-account .empty-tab.show{display:flex}
body.p-account .empty-tab svg{width:42px;height:42px;stroke:var(--black)}
body.p-account .empty-tab h3{font-size:19px;font-weight:800}
body.p-account .empty-tab p{font-size:14px;color:#6b6860}
body.p-account .orders{display:flex;flex-direction:column}
body.p-account .order{display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center;padding:16px 26px;border-bottom:1px solid #e6e3db;font-size:13.5px}
body.p-account .order:last-child{border-bottom:none}
body.p-account .order .o-id{font-weight:700}
body.p-account .order .o-date{color:#6b6860;font-weight:500}
body.p-account .order .o-amt{font-weight:800}
body.p-account .order .o-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--black);border-radius:50px;padding:4px 12px;font-size:11.5px;font-weight:700}
body.p-account .order .o-badge.paid{background:var(--green-btn)}
body.p-account .order .o-badge.invoice{background:var(--yellow)}
body.p-account .overlay{position:fixed;inset:0;background:rgba(10,10,10,.55);display:none;align-items:flex-start;justify-content:center;padding:24px;z-index:60;overflow-y:auto}
body.p-account .overlay.show{display:flex}
body.p-account .modal{width:min(620px,100%);margin:auto;background:#fff;border:1px solid var(--black);box-shadow:0 24px 70px rgba(0,0,0,.35);animation:account_pop .25s ease}
@keyframes account_pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.p-account .modal-head{display:flex;align-items:center;justify-content:space-between;background:var(--pink);padding:20px 28px;border-bottom:1px solid var(--black)}
body.p-account .modal-head h1{font-size:22px;font-weight:800;color:var(--black)}
body.p-account .modal-close{width:36px;height:36px;border:1.5px solid var(--black);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
body.p-account .modal-close:hover{background:rgba(0,0,0,.12)}
body.p-account .modal-close svg{width:17px;height:17px}
body.p-account .modal-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:18px}
body.p-account .m-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
body.p-account .field{display:flex;flex-direction:column;gap:7px;min-width:0}
body.p-account .field.full{grid-column:1/-1}
body.p-account .field label{font-size:13px;font-weight:700}
body.p-account .field input, body.p-account .field select{width:100%;border:1.5px solid #cfcbc2;border-radius:10px;padding:12px 14px;font-family:var(--fn);font-size:14.5px;background:#fff;color:var(--black)}
body.p-account .field input:focus, body.p-account .field select:focus{border-color:var(--black);outline:none}
body.p-account .modal-foot{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}
body.p-account .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-account .toast.show{opacity:1;translate:-50% 0}
body.p-account .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-account footer{background:var(--black);color:white;padding:56px 0 0}
body.p-account .foot-top-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:40px}
body.p-account .f-news{flex:1;min-width:280px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1.5px solid white;border-radius:50px;padding:14px 24px;cursor:pointer;font-size:15px;font-weight:700;transition:.15s}
body.p-account .f-news:hover{background:rgba(255,255,255,.08)}
body.p-account .f-news svg{width:20px;height:20px;stroke:#fff}
body.p-account .footer-mid{display:grid;grid-template-columns:260px repeat(4,1fr);gap:30px;padding-bottom:46px}
body.p-account .f-socials{display:flex;gap:10px;margin-bottom:22px}
body.p-account .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:13px;transition:.15s}
body.p-account .f-socials a:hover{border-color:white}
body.p-account .f-nav h4{font-size:15px;font-weight:700;margin-bottom:16px}
body.p-account .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:10px}
body.p-account .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-account .f-nav ul li a:hover{color:white}
body.p-account .footer-bottom{border-top:1px solid #2a2a2a;padding:24px 0 30px;display:flex;flex-direction:column;gap:12px}
body.p-account .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-account .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666;flex-wrap:wrap}
body.p-account .f-legal a:hover{color:#aaa}
body.p-account .f-sep{color:#444}
@media (max-width:1080px){
body.p-account .shell{grid-template-columns:1fr}
body.p-account .side{position:static}
body.p-account .stats{grid-template-columns:1fr 1fr}
body.p-account .footer-mid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:720px){
body.p-account .nav-links, body.p-account .top-bar-nav{display:none}
body.p-account .wrap, body.p-account .top-bar, body.p-account .main-nav{padding-left:20px;padding-right:20px}
body.p-account .shell{padding-left:20px;padding-right:20px}
body.p-account .page-head h1{font-size:34px}
body.p-account .stats{grid-template-columns:1fr 1fr}
body.p-account .course{grid-template-columns:1fr;gap:16px}
body.p-account .c-thumb{width:100%;height:150px}
body.p-account .c-actions{justify-self:stretch;min-width:0}
body.p-account .m-grid, body.p-account .footer-mid{grid-template-columns:1fr}
body.p-account .order{grid-template-columns:1fr auto}
}
@media (prefers-reduced-motion:reduce){
body.p-account .modal, body.p-account .toast{animation:none;transition:none}
}


/* ===== cart.css → body.p-cart ===== */
body.p-cart{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-cart a{text-decoration:none;color:inherit}
body.p-cart a:focus-visible, body.p-cart button:focus-visible, body.p-cart input:focus-visible, body.p-cart [role="button"]:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:4px;}
body.p-cart .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-cart .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-cart .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-cart .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-cart .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-cart .btn-cart{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-cart .btn-cart svg{width:18px;height:18px}
body.p-cart .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--pink);color:var(--black);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-cart .btn-account{border:1.5px solid var(--black);background:transparent;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-cart .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-cart .btn-donate svg{width:15px;height:15px}
body.p-cart .crumb{display:flex;align-items:center;gap:10px;padding:14px 48px;background:var(--cream);border-bottom:1px solid #e0ddd6;font-size:13px;font-weight:500;color:#6b6860}
body.p-cart .crumb a{display:inline-flex;align-items:center;gap:6px;color:#6b6860}
body.p-cart .crumb a:hover{color:var(--black)}
body.p-cart .crumb a svg{width:14px;height:14px}
body.p-cart .crumb .here{color:var(--black);font-weight:600}
body.p-cart .crumb-sep{color:#bdb9b0}
body.p-cart .page-head{background:var(--cream);border-bottom:1px solid var(--black);padding:48px 0 52px}
body.p-cart .wrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-cart .page-head h1{font-size:46px;font-weight:800;letter-spacing:-.5px;line-height:1.05}
body.p-cart .page-head p{font-size:16px;font-weight:500;color:#4a4843;margin-top:12px}
body.p-cart .page-head p b{font-weight:700;color:var(--black)}
body.p-cart .shell{max-width:1240px;margin:0 auto;padding:44px 48px 96px;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
body.p-cart .cart-list{border:1px solid var(--black);background:#fff}
body.p-cart .cart-list-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--black)}
body.p-cart .cart-list-head h2{font-size:16px;font-weight:800}
body.p-cart .btn-link{border:none;background:none;font-family:var(--fn);font-size:13px;font-weight:600;color:var(--black);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body.p-cart .item{display:grid;grid-template-columns:120px 1fr auto;gap:22px;padding:24px;border-bottom:1px solid #e6e3db;align-items:center;transition:opacity .25s,transform .25s}
body.p-cart .item:last-child{border-bottom:none}
body.p-cart .item.removing{opacity:0;transform:translateX(18px)}
body.p-cart .thumb{width:120px;height:96px;border:1px solid var(--black);position:relative;display:flex;align-items:flex-end;padding:8px;font-family:monospace;font-size:9px;color:rgba(255,255,255,.6);overflow:hidden}
body.p-cart .thumb .ctag{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:50px;border:1.5px solid var(--black);font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--black)}
body.p-cart .item-info{display:flex;flex-direction:column;gap:8px;min-width:0}
body.p-cart .item-title{font-size:16.5px;font-weight:800;line-height:1.3}
body.p-cart .item-title a:hover{text-decoration:underline;text-underline-offset:3px}
body.p-cart .item-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12.5px;font-weight:500;color:#6b6860}
body.p-cart .item-meta span{display:inline-flex;align-items:center;gap:6px}
body.p-cart .item-meta svg{width:13px;height:13px;stroke:#8a877e}
body.p-cart .tier-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:var(--cream);border:1px solid #d9d5cc;padding:5px 12px;border-radius:50px;font-size:12px;font-weight:700}
body.p-cart .item-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;justify-self:end}
body.p-cart .stepper{display:flex;align-items:center;border:1.5px solid var(--black);border-radius:50px;background:#fff;overflow:hidden}
body.p-cart .stepper button{width:34px;height:34px;border:none;background:#fff;font-size:18px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black);display:flex;align-items:center;justify-content:center;transition:background .12s}
body.p-cart .stepper button:hover{background:rgba(0,0,0,.07)}
body.p-cart .stepper button:disabled{opacity:.3;cursor:default}
body.p-cart .stepper .q{min-width:32px;text-align:center;font-size:14px;font-weight:800;border-left:1.5px solid var(--black);border-right:1.5px solid var(--black);height:34px;display:flex;align-items:center;justify-content:center}
body.p-cart .line-total{font-size:18px;font-weight:800}
body.p-cart .line-total.free{color:#0a7d3c}
body.p-cart .btn-remove{display:inline-flex;align-items:center;gap:6px;border:none;background:none;font-family:var(--fn);font-size:12.5px;font-weight:600;color:#9a4a4a;cursor:pointer}
body.p-cart .btn-remove svg{width:14px;height:14px}
body.p-cart .btn-remove:hover{color:#c43030}
body.p-cart .empty{border:1px dashed var(--black);padding:72px 24px;text-align:center;display:none;flex-direction:column;align-items:center;gap:18px}
body.p-cart .empty.show{display:flex}
body.p-cart .empty svg{width:46px;height:46px;stroke:var(--black)}
body.p-cart .empty h2{font-size:24px;font-weight:800}
body.p-cart .empty p{font-size:14.5px;color:#6b6860}
body.p-cart .summary{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
body.p-cart .sum-card{border:1px solid var(--black);background:#fff}
body.p-cart .sum-card h2{font-size:18px;font-weight:800;padding:22px 24px;border-bottom:1px solid var(--black)}
body.p-cart .sum-body{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
body.p-cart .sum-row{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:500;color:#2b2a26}
body.p-cart .sum-row .v{font-weight:700;color:var(--black)}
body.p-cart .sum-row.discount .v{color:#0a7d3c}
body.p-cart .promo{display:flex;gap:8px;margin-top:2px}
body.p-cart .promo input{flex:1;border:1.5px solid var(--black);border-radius:50px;padding:11px 16px;font-family:var(--fn);font-size:13.5px;text-transform:uppercase}
body.p-cart .promo input::placeholder{text-transform:none;color:#999;font-weight:400}
body.p-cart .btn-apply{border:1.5px solid var(--black);background:#fff;border-radius:50px;padding:0 18px;font-family:var(--fn);font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}
body.p-cart .btn-apply:hover{background:var(--black);color:#fff}
body.p-cart .promo-applied{display:none;align-items:center;justify-content:space-between;gap:10px;background:var(--lime);border:1.5px solid var(--black);padding:9px 14px;border-radius:50px;font-size:13px;font-weight:700}
body.p-cart .promo-applied.show{display:flex}
body.p-cart .promo-applied button{border:none;background:none;cursor:pointer;font-family:var(--fn);font-weight:800;font-size:15px;line-height:1}
body.p-cart .promo-hint{font-size:12px;color:#9a4a4a;font-weight:600;display:none}
body.p-cart .promo-hint.show{display:block}
body.p-cart .sum-divider{height:1px;background:var(--black);margin:4px 0}
body.p-cart .sum-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:2px}
body.p-cart .sum-total .l{font-size:16px;font-weight:700}
body.p-cart .sum-total .t{font-size:30px;font-weight:800}
body.p-cart .sum-gst{font-size:12px;color:#8a877e}
body.p-cart .btn-checkout{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--teal);border:1.5px solid var(--black);padding:16px;border-radius:50px;font-size:15.5px;font-weight:800;cursor:pointer;font-family:var(--fn);color:var(--black);transition:.15s;margin-top:4px}
body.p-cart .btn-checkout:hover{background:#00b3b2}
body.p-cart .btn-checkout svg{width:18px;height:18px}
body.p-cart .btn-continue{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fff;border:1.5px solid var(--black);padding:13px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black);transition:.15s}
body.p-cart .btn-continue:hover{background:rgba(0,0,0,.06)}
body.p-cart .assure{display:flex;flex-direction:column;gap:12px}
body.p-cart .assure-row{display:flex;align-items:flex-start;gap:11px;font-size:12.5px;line-height:1.5;color:#4a4843}
body.p-cart .assure-row svg{width:18px;height:18px;stroke:var(--teal);flex-shrink:0;margin-top:1px}
body.p-cart .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-cart .toast.show{opacity:1;translate:-50% 0}
body.p-cart .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-cart footer{background:var(--black);color:white;padding:60px 0 0}
body.p-cart .fwrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-cart .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;padding-bottom:56px}
body.p-cart .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-cart .f-subscribe{display:inline-flex;align-items:center;gap:10px;border:1.5px solid white;background:transparent;padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;color:white;margin-bottom:28px;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-cart .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-cart .f-socials{display:flex;gap:10px}
body.p-cart .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;transition:.15s}
body.p-cart .f-socials a:hover{border-color:white}
body.p-cart .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-cart .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-cart .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-cart .f-nav ul li a:hover{color:white}
body.p-cart .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-cart .f-badge{display:flex;align-items:center;gap:14px}
body.p-cart .f-badge-circle{width:60px;height:60px;border-radius:50%;border:1px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:8px}
body.p-cart .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-cart .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-cart .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-cart .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-cart .f-legal a{color:#666}
body.p-cart .f-legal a:hover{color:#aaa}
body.p-cart .f-sep{color:#444}
@media (max-width:1080px){
body.p-cart .shell{grid-template-columns:1fr}
body.p-cart .summary{position:static}
body.p-cart .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body.p-cart .nav-links, body.p-cart .top-bar-nav{display:none}
body.p-cart .item{grid-template-columns:90px 1fr;gap:16px}
body.p-cart .item-right{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;justify-self:stretch}
body.p-cart .thumb{width:90px;height:90px}
body.p-cart .page-head h1{font-size:34px}
body.p-cart .footer-top{grid-template-columns:1fr}
body.p-cart .top-bar, body.p-cart .main-nav, body.p-cart .crumb, body.p-cart .wrap, body.p-cart .shell, body.p-cart .fwrap{padding-left:22px;padding-right:22px}
}
@media (prefers-reduced-motion: reduce){
body.p-cart .item, body.p-cart .toast{transition:none}
}


/* ===== checkout.css → body.p-checkout ===== */
body.p-checkout{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-checkout a{text-decoration:none;color:inherit}
body.p-checkout a:focus-visible, body.p-checkout button:focus-visible, body.p-checkout input:focus-visible, body.p-checkout select:focus-visible, body.p-checkout [role="button"]:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:4px;}
body.p-checkout .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-checkout .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-checkout .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-checkout .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-checkout .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-checkout .btn-cart{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn)}
body.p-checkout .btn-cart svg{width:18px;height:18px}
body.p-checkout .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--pink);color:var(--black);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-checkout .btn-account{border:1.5px solid var(--black);background:transparent;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-checkout .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-checkout .btn-donate svg{width:15px;height:15px}
body.p-checkout .crumb{display:flex;align-items:center;gap:10px;padding:14px 48px;background:var(--cream);border-bottom:1px solid #e0ddd6;font-size:13px;font-weight:500;color:#6b6860}
body.p-checkout .crumb a{display:inline-flex;align-items:center;gap:6px;color:#6b6860}
body.p-checkout .crumb a:hover{color:var(--black)}
body.p-checkout .crumb a svg{width:14px;height:14px}
body.p-checkout .crumb .here{color:var(--black);font-weight:600}
body.p-checkout .crumb-sep{color:#bdb9b0}
body.p-checkout .page-head{background:var(--cream);border-bottom:1px solid var(--black);padding:48px 0 52px}
body.p-checkout .wrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-checkout .page-head h1{font-size:46px;font-weight:800;letter-spacing:-.5px;line-height:1.05}
body.p-checkout .page-head p{font-size:16px;font-weight:500;color:#4a4843;margin-top:12px}
body.p-checkout .page-head p b{font-weight:700;color:var(--black)}
body.p-checkout .shell{max-width:1240px;margin:0 auto;padding:44px 48px 96px;display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:start}
body.p-checkout .col-left{display:flex;flex-direction:column;gap:28px;min-width:0}
body.p-checkout .card{border:1px solid var(--black);background:#fff}
body.p-checkout .card-head{display:flex;align-items:center;gap:12px;padding:22px 26px;border-bottom:1px solid var(--black)}
body.p-checkout .card-head h2{font-size:19px;font-weight:800}
body.p-checkout .card-head .num{width:28px;height:28px;border-radius:50%;background:var(--black);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-checkout .card-body{padding:28px 26px 30px}
body.p-checkout .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
body.p-checkout .field{display:flex;flex-direction:column;gap:7px;min-width:0}
body.p-checkout .field.full{grid-column:1 / -1}
body.p-checkout .field label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}
body.p-checkout .field label .opt{font-weight:500;color:#8a877e}
body.p-checkout .req{color:var(--pink);font-weight:800}
body.p-checkout .field input, body.p-checkout .field select{width:100%;border:1.5px solid #cfcbc2;border-radius:10px;padding:13px 15px;font-family:var(--fn);font-size:14.5px;background:#fff;color:var(--black);transition:border-color .15s}
body.p-checkout .field input::placeholder{color:#aaa}
body.p-checkout .field input:focus, body.p-checkout .field select:focus{border-color:var(--black);outline:none;box-shadow:none}
body.p-checkout .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a968d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px;cursor:pointer}
body.p-checkout .field.error input, body.p-checkout .field.error select{border-color:var(--err);background:#fff6f6}
body.p-checkout .err-msg{font-size:12px;color:var(--err);font-weight:600;display:none;align-items:center;gap:5px}
body.p-checkout .field.error .err-msg{display:flex}
body.p-checkout .err-msg svg{width:13px;height:13px;stroke:var(--err);flex-shrink:0}
body.p-checkout .pay-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
body.p-checkout .pay-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px 10px;border:1.5px solid #cfcbc2;border-radius:12px;background:#fff;cursor:pointer;font-family:var(--fn);font-size:14px;font-weight:700;color:var(--black);transition:.15s}
body.p-checkout .pay-tab:hover{border-color:var(--black)}
body.p-checkout .pay-tab .pic{width:40px;height:28px;display:flex;align-items:center;justify-content:center}
body.p-checkout .pay-tab .pic svg{width:100%;height:100%}
body.p-checkout .pay-tab.active{border-color:var(--black);box-shadow:inset 0 0 0 1.5px var(--black)}
body.p-checkout .pay-tab.active::after{content:"";position:absolute;left:18px;right:18px;bottom:-1.5px;height:3px;background:var(--teal);border-radius:50px}
body.p-checkout .pay-tab .check{position:absolute;top:9px;right:9px;width:18px;height:18px;border-radius:50%;background:var(--black);color:#fff;display:none;align-items:center;justify-content:center}
body.p-checkout .pay-tab.active .check{display:flex}
body.p-checkout .pay-tab .check svg{width:11px;height:11px;stroke:#fff}
body.p-checkout .pay-panel{display:none;animation:checkout_fade .2s ease}
body.p-checkout .pay-panel.active{display:block}
@keyframes checkout_fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
body.p-checkout .pay-note{display:flex;align-items:flex-start;gap:11px;background:var(--cream);border:1px solid #e0ddd6;border-radius:12px;padding:16px 18px;font-size:13.5px;line-height:1.55;color:#4a4843}
body.p-checkout .pay-note svg{width:19px;height:19px;stroke:var(--teal);flex-shrink:0;margin-top:1px}
body.p-checkout .pay-note b{font-weight:700;color:var(--black)}
body.p-checkout .card-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:4px}
body.p-checkout .confirm-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid #e6e3db}
body.p-checkout .secure-line{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#4a4843}
body.p-checkout .secure-line svg{width:18px;height:18px;stroke:var(--teal)}
body.p-checkout .btn-confirm{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--teal);border:1.5px solid var(--black);padding:16px 30px;border-radius:50px;font-size:15.5px;font-weight:800;cursor:pointer;font-family:var(--fn);color:var(--black);transition:.15s}
body.p-checkout .btn-confirm:hover{background:#00b3b2}
body.p-checkout .btn-confirm svg{width:18px;height:18px}
body.p-checkout .btn-confirm:disabled{opacity:.7;cursor:default}
body.p-checkout .summary{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
body.p-checkout .sum-card{border:1px solid var(--black);background:#fff}
body.p-checkout .sum-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--black)}
body.p-checkout .sum-head h2{font-size:18px;font-weight:800}
body.p-checkout .btn-clear{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #d6766f;background:#fff;color:#b23b33;font-family:var(--fn);font-size:12px;font-weight:700;padding:6px 13px;border-radius:50px;cursor:pointer;transition:.15s}
body.p-checkout .btn-clear:hover{background:#fff1f0}
body.p-checkout .btn-clear svg{width:13px;height:13px}
body.p-checkout .sum-items{display:flex;flex-direction:column}
body.p-checkout .oi{padding:20px 24px;border-bottom:1px solid #e6e3db;transition:opacity .25s,transform .25s}
body.p-checkout .oi.removing{opacity:0;transform:translateX(16px)}
body.p-checkout .oi-top{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}
body.p-checkout .oi-thumb{width:64px;height:64px;border:1px solid var(--black);display:flex;align-items:flex-end;padding:5px;font-family:monospace;font-size:7px;color:rgba(255,255,255,.65);overflow:hidden;line-height:1.1}
body.p-checkout .oi-title{font-size:15px;font-weight:800;line-height:1.25}
body.p-checkout .oi-session{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:start;margin-top:14px}
body.p-checkout .oi-session .s-label{font-size:13px;font-weight:500;color:#4a4843;line-height:1.45}
body.p-checkout .oi-session .s-label b{font-weight:700;color:var(--black)}
body.p-checkout .oi-price{font-size:15px;font-weight:800;text-align:right;white-space:nowrap}
body.p-checkout .badge-access{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:6px;background:var(--green-btn);border:1px solid var(--black);color:var(--black);font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:4px 10px;border-radius:50px;margin-top:2px}
body.p-checkout .oi-qtyline{font-size:12px;color:#8a877e;font-weight:500;margin-top:8px}
body.p-checkout .attendees{margin-top:16px;display:flex;flex-direction:column;gap:10px}
body.p-checkout .att-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cream);border:1px solid #e0ddd6;border-radius:12px;padding:11px 14px}
body.p-checkout .att-info{display:flex;flex-direction:column;gap:3px;min-width:0}
body.p-checkout .att-name{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}
body.p-checkout .att-status{font-size:11.5px;font-weight:600}
body.p-checkout .att-status.un{color:#b23b33}
body.p-checkout .att-status.ok{color:#1f8a4c}
body.p-checkout .att-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
body.p-checkout .btn-register-att{display:inline-flex;align-items:center;gap:7px;background:#2b2566;border:1.5px solid #2b2566;color:#fff;font-family:var(--fn);font-size:12.5px;font-weight:700;padding:9px 15px;border-radius:50px;cursor:pointer;transition:.15s}
body.p-checkout .btn-register-att:hover{background:#1f1b4d}
body.p-checkout .btn-register-att svg{width:13px;height:13px}
body.p-checkout .btn-register-att.done{background:#fff;color:var(--black);border-color:var(--black)}
body.p-checkout .btn-register-att.done:hover{background:rgba(0,0,0,.06)}
body.p-checkout .att-del{width:32px;height:32px;border:1.5px solid #d6766f;border-radius:50%;background:#fff;color:#b23b33;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}
body.p-checkout .att-del:hover{background:#fff1f0}
body.p-checkout .att-del svg{width:14px;height:14px}
body.p-checkout .sum-foot{padding:22px 24px}
body.p-checkout .sum-row{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:500;color:#2b2a26;margin-bottom:12px}
body.p-checkout .sum-row .v{font-weight:700}
body.p-checkout .sum-divider{height:1px;background:var(--black);margin:6px 0 16px}
body.p-checkout .sum-total{display:flex;align-items:baseline;justify-content:space-between}
body.p-checkout .sum-total .l{font-size:17px;font-weight:800}
body.p-checkout .sum-total .t{font-size:30px;font-weight:800}
body.p-checkout .sum-gst{font-size:12px;color:#8a877e;margin-top:10px}
body.p-checkout .warn-att{display:none;align-items:flex-start;gap:9px;background:#fff7ed;border:1px solid #f0c98a;border-radius:10px;padding:11px 14px;font-size:12.5px;font-weight:600;color:#8a5a14;line-height:1.45;margin-top:14px}
body.p-checkout .warn-att.show{display:flex}
body.p-checkout .warn-att svg{width:16px;height:16px;stroke:#c98a14;flex-shrink:0;margin-top:1px}
body.p-checkout .overlay{position:fixed;inset:0;background:rgba(10,10,10,.55);display:none;align-items:flex-start;justify-content:center;padding:24px;z-index:60;overflow-y:auto}
body.p-checkout .overlay.show{display:flex}
body.p-checkout .modal{width:min(640px,100%);margin:auto;background:#fff;border:1px solid var(--black);box-shadow:0 24px 70px rgba(0,0,0,.35);animation:checkout_pop .25s ease}
@keyframes checkout_pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.p-checkout .modal-head{display:flex;align-items:center;justify-content:space-between;background:var(--pink);padding:20px 28px;border-bottom:1px solid var(--black)}
body.p-checkout .modal-head h1{font-size:22px;font-weight:800;color:var(--black)}
body.p-checkout .modal-close{width:36px;height:36px;border:1.5px solid var(--black);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--black);transition:.15s}
body.p-checkout .modal-close:hover{background:rgba(0,0,0,.12)}
body.p-checkout .modal-close svg{width:17px;height:17px}
body.p-checkout .modal-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:20px}
body.p-checkout .course-recap{background:var(--cream);border:1px solid #e0ddd6;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.7}
body.p-checkout .course-recap .rl{font-weight:500;color:#4a4843}
body.p-checkout .course-recap b{font-weight:700;color:var(--black)}
body.p-checkout .req-note{font-size:13px;color:#6b6860}
body.p-checkout .req-note .req{color:var(--pink)}
body.p-checkout .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
body.p-checkout .modal-consent{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;line-height:1.5;color:#2b2a26}
body.p-checkout .modal-consent input{margin-top:2px;width:17px;height:17px;accent-color:var(--black);flex-shrink:0;cursor:pointer}
body.p-checkout .field.error.modal-consent{color:var(--err)}
body.p-checkout .modal-foot{display:flex;justify-content:flex-end;padding-top:4px}
body.p-checkout .btn-att-submit{display:inline-flex;align-items:center;gap:10px;background:var(--black);color:#fff;border:1.5px solid var(--black);padding:14px 26px;border-radius:50px;font-size:15px;font-weight:800;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-checkout .btn-att-submit:hover{background:#222}
body.p-checkout .btn-att-submit svg{width:16px;height:16px}
body.p-checkout .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-checkout .toast.show{opacity:1;translate:-50% 0}
body.p-checkout .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-checkout footer{background:var(--black);color:white;padding:60px 0 0}
body.p-checkout .fwrap{max-width:1240px;margin:0 auto;padding:0 48px}
body.p-checkout .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;padding-bottom:56px}
body.p-checkout .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-checkout .f-subscribe{display:inline-flex;align-items:center;gap:10px;border:1.5px solid white;background:transparent;padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;color:white;margin-bottom:28px;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-checkout .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-checkout .f-socials{display:flex;gap:10px}
body.p-checkout .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;transition:.15s}
body.p-checkout .f-socials a:hover{border-color:white}
body.p-checkout .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-checkout .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-checkout .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-checkout .f-nav ul li a:hover{color:white}
body.p-checkout .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-checkout .f-badge{display:flex;align-items:center;gap:14px}
body.p-checkout .f-badge-circle{width:60px;height:60px;border-radius:50%;border:1px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:8px}
body.p-checkout .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-checkout .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-checkout .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-checkout .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-checkout .f-legal a{color:#666}
body.p-checkout .f-legal a:hover{color:#aaa}
body.p-checkout .f-sep{color:#444}
@media (max-width:1080px){
body.p-checkout .shell{grid-template-columns:1fr}
body.p-checkout .summary{position:static}
body.p-checkout .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body.p-checkout .nav-links, body.p-checkout .top-bar-nav{display:none}
body.p-checkout .grid2, body.p-checkout .card-fields, body.p-checkout .modal-grid{grid-template-columns:1fr}
body.p-checkout .pay-tabs{grid-template-columns:1fr 1fr}
body.p-checkout .page-head h1{font-size:34px}
body.p-checkout .confirm-row{flex-direction:column;align-items:stretch}
body.p-checkout .btn-confirm{width:100%}
body.p-checkout .footer-top{grid-template-columns:1fr}
body.p-checkout .top-bar, body.p-checkout .main-nav, body.p-checkout .crumb, body.p-checkout .wrap, body.p-checkout .shell, body.p-checkout .fwrap{padding-left:22px;padding-right:22px}
}
@media (prefers-reduced-motion: reduce){
body.p-checkout .modal, body.p-checkout .pay-panel, body.p-checkout .oi, body.p-checkout .toast{animation:none;transition:none}
}


/* ===== conference.css → body.p-conference ===== */
body.p-conference{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-conference a{text-decoration:none;color:inherit}
body.p-conference a:focus-visible, body.p-conference button:focus-visible, body.p-conference input:focus-visible, body.p-conference select:focus-visible, body.p-conference [role="button"]:focus-visible, body.p-conference [tabindex]:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:4px;}
body.p-conference .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-conference .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-conference .top-bar-nav a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--black)}
body.p-conference .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-conference .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-conference .btn-cart{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-conference .btn-cart svg{width:18px;height:18px}
body.p-conference .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--pink);color:var(--black);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s}
body.p-conference .cart-count.bump{transform:scale(1.45)}
body.p-conference .btn-account{border:1.5px solid var(--black);background:transparent;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-conference .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--fn);color:var(--black)}
body.p-conference .btn-donate svg{width:15px;height:15px}
body.p-conference .crumb{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 48px;background:var(--cream);border-bottom:1px solid #e0ddd6;flex-wrap:wrap}
body.p-conference .crumb-trail{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#6b6860;flex-wrap:wrap}
body.p-conference .crumb-trail a{display:inline-flex;align-items:center;gap:6px;color:#6b6860}
body.p-conference .crumb-trail a:hover{color:var(--black)}
body.p-conference .crumb-trail .here{color:var(--black);font-weight:600}
body.p-conference .crumb-trail svg{width:14px;height:14px}
body.p-conference .crumb-sep{color:#bdb9b0}
body.p-conference .cat-tag{display:inline-flex;align-items:center;gap:7px;background:var(--yellow);border:1.5px solid var(--black);padding:6px 14px;border-radius:50px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
body.p-conference .cat-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--black)}
body.p-conference .hero{display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--black);min-height:420px}
body.p-conference .hero-panel{background:var(--yellow);padding:54px 56px;display:flex;flex-direction:column;justify-content:center;gap:22px;border-right:1px solid var(--black)}
body.p-conference .hero-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,.55)}
body.p-conference .hero-panel h1{font-size:46px;font-weight:800;line-height:1.06;letter-spacing:-.5px}
body.p-conference .hero-panel .lede{font-size:16.5px;font-weight:500;line-height:1.55;max-width:520px}
body.p-conference .fact-row{display:flex;flex-wrap:wrap;gap:10px}
body.p-conference .fact{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.18);padding:8px 14px;border-radius:50px;font-size:13px;font-weight:600}
body.p-conference .fact svg{width:15px;height:15px;stroke:var(--black);flex-shrink:0}
body.p-conference .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
body.p-conference .btn-solid{display:inline-flex;align-items:center;gap:9px;background:var(--black);color:#fff;border:1.5px solid var(--black);padding:11px 22px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-conference .btn-solid:hover{background:#222}
body.p-conference .btn-ghost{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--black);border:1.5px solid var(--black);padding:11px 22px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-conference .btn-ghost:hover{background:rgba(0,0,0,.07)}
body.p-conference .btn-solid svg, body.p-conference .btn-ghost svg{width:16px;height:16px}
body.p-conference .hero-img{display:flex;align-items:flex-end;padding:18px;font-family:monospace;font-size:12px;color:rgba(255,255,255,.65);
  background:linear-gradient(rgba(40,38,30,.4),rgba(40,38,30,.4)),repeating-linear-gradient(45deg,#6a6450,#6a6450 3px,#585442 3px,#585442 18px)}
body.p-conference .subnav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--black)}
body.p-conference .subnav-inner{max-width:1320px;margin:0 auto;padding:0 48px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
body.p-conference .subnav-inner::-webkit-scrollbar{display:none}
body.p-conference .subnav a{position:relative;padding:18px 18px;font-size:14px;font-weight:600;color:#6b6860;white-space:nowrap;transition:color .15s}
body.p-conference .subnav a:hover{color:var(--black)}
body.p-conference .subnav a.current{color:var(--black)}
body.p-conference .subnav a.current::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;background:var(--teal)}
body.p-conference .shell{max-width:1320px;margin:0 auto;padding:48px 48px 96px;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
body.p-conference .col-main{display:flex;flex-direction:column;gap:32px}
body.p-conference .section{scroll-margin-top:78px}
body.p-conference .card{border:1px solid var(--black);background:#fff}
body.p-conference .card-head{display:flex;align-items:center;gap:16px;padding:22px 26px;border-bottom:1px solid var(--black)}
body.p-conference .icon-tile{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--black)}
body.p-conference .icon-tile svg{width:22px;height:22px;stroke:var(--black)}
body.p-conference .icon-tile.t{background:var(--teal)}
body.p-conference .icon-tile.l{background:var(--lime)}
body.p-conference .icon-tile.p{background:var(--pink)}
body.p-conference .card-head h2{font-size:20px;font-weight:800;line-height:1.2}
body.p-conference .card-head .sub{font-size:13px;font-weight:500;color:#6b6860;margin-top:2px}
body.p-conference .kd-grid{display:grid;grid-template-columns:1fr 1fr}
body.p-conference .kd-cell{padding:24px 26px;display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #e6e3db}
body.p-conference .kd-cell:nth-child(odd){border-right:1px solid #e6e3db}
body.p-conference .kd-cell:nth-last-child(-n+2){border-bottom:none}
body.p-conference .kd-ico{width:34px;height:34px;border:1px solid var(--black);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.p-conference .kd-ico svg{width:17px;height:17px;stroke:var(--black)}
body.p-conference .kd-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8a877e}
body.p-conference .kd-val{font-size:16px;font-weight:700;margin-top:3px}
body.p-conference .rt{padding:28px 30px;display:flex;flex-direction:column;gap:18px;font-size:15px;line-height:1.65;color:#2b2a26}
body.p-conference .rt .callout{display:flex;align-items:center;gap:12px;background:var(--lime);border:1.5px solid var(--black);padding:14px 18px;font-weight:700;font-size:14.5px}
body.p-conference .rt .callout svg{width:18px;height:18px;stroke:var(--black);flex-shrink:0}
body.p-conference .rt h3{font-size:18px;font-weight:800;line-height:1.3;margin-top:4px}
body.p-conference .rt a.inline{color:#0a7d7c;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.p-conference .rt strong{font-weight:700;color:var(--black)}
body.p-conference .presenter{padding:28px 30px;display:flex;flex-direction:column;gap:18px}
body.p-conference .presenter-head{display:flex;align-items:center;gap:16px}
body.p-conference .avatar{width:60px;height:60px;border-radius:50%;border:1px solid var(--black);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:9px;color:rgba(0,0,0,.45);text-align:center;
  background:repeating-linear-gradient(45deg,#cdd6d2,#cdd6d2 2px,#bcc6c2 2px,#bcc6c2 10px)}
body.p-conference .presenter-head .pname{font-size:17px;font-weight:800}
body.p-conference .presenter-head .prole{font-size:13px;font-weight:500;color:#6b6860}
body.p-conference .presenter p{font-size:14.5px;line-height:1.7;color:#2b2a26}
body.p-conference .rail{position:sticky;top:78px;display:flex;flex-direction:column;gap:18px}
body.p-conference .reg-card{border:1px solid var(--black);background:#fff}
body.p-conference .reg-card.featured{background:var(--teal)}
body.p-conference .reg-top{padding:22px 24px 0;display:flex;flex-direction:column;gap:10px}
body.p-conference .reg-title{font-size:18px;font-weight:800}
body.p-conference .reg-price{font-size:30px;font-weight:800;line-height:1}
body.p-conference .price-badge{align-self:flex-start;background:var(--green-btn);border:1.5px solid var(--black);padding:5px 14px;border-radius:50px;font-size:12.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
body.p-conference .reg-desc{padding:14px 24px 18px;font-size:13.5px;line-height:1.6;color:#1c1c1a}
body.p-conference .reg-card.featured .reg-desc{color:#0a3433}
body.p-conference .reg-controls{padding:0 24px 24px;display:flex;flex-direction:column;gap:14px}
body.p-conference .qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.p-conference .qty-label{font-size:13px;font-weight:700}
body.p-conference .stepper{display:flex;align-items:center;border:1.5px solid var(--black);border-radius:50px;background:#fff;overflow:hidden}
body.p-conference .stepper button{width:38px;height:38px;border:none;background:#fff;font-size:20px;font-weight:600;cursor:pointer;font-family:var(--fn);color:var(--black);display:flex;align-items:center;justify-content:center;transition:background .12s}
body.p-conference .stepper button:hover{background:rgba(0,0,0,.07)}
body.p-conference .stepper button:disabled{opacity:.3;cursor:default}
body.p-conference .stepper .q{min-width:34px;text-align:center;font-size:15px;font-weight:800;border-left:1.5px solid var(--black);border-right:1.5px solid var(--black);height:38px;display:flex;align-items:center;justify-content:center}
body.p-conference .btn-add{width:100%;background:#fff;border:1.5px solid var(--black);padding:14px;border-radius:50px;font-size:14.5px;font-weight:800;cursor:pointer;font-family:var(--fn);color:var(--black);transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px}
body.p-conference .btn-add:hover{background:var(--black);color:#fff}
body.p-conference .rail-note{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;color:#6b6860;padding:2px 4px}
body.p-conference .rail-note svg{width:15px;height:15px;stroke:#6b6860;flex-shrink:0;margin-top:1px}
body.p-conference .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-conference .toast.show{opacity:1;translate:-50% 0}
body.p-conference .toast svg{width:18px;height:18px;stroke:var(--green-s)}
body.p-conference footer{background:var(--black);color:white;padding:60px 0 0}
body.p-conference .fwrap{max-width:1320px;margin:0 auto;padding:0 48px}
body.p-conference .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;padding-bottom:56px}
body.p-conference .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-conference .f-subscribe{display:inline-flex;align-items:center;gap:10px;border:1.5px solid white;background:transparent;padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;color:white;margin-bottom:28px;cursor:pointer;font-family:var(--fn);transition:.15s}
body.p-conference .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-conference .f-socials{display:flex;gap:10px}
body.p-conference .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;transition:.15s}
body.p-conference .f-socials a:hover{border-color:white}
body.p-conference .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-conference .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-conference .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-conference .f-nav ul li a:hover{color:white}
body.p-conference .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-conference .f-badge{display:flex;align-items:center;gap:14px}
body.p-conference .f-badge-circle{width:60px;height:60px;border-radius:50%;border:1px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:8px}
body.p-conference .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-conference .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-conference .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-conference .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-conference .f-legal a{color:#666;transition:.15s}
body.p-conference .f-legal a:hover{color:#aaa}
body.p-conference .f-sep{color:#444}
@media (max-width:1080px){
body.p-conference .hero{grid-template-columns:1fr}
body.p-conference .hero-panel{border-right:none;border-bottom:1px solid var(--black)}
body.p-conference .hero-img{min-height:280px}
body.p-conference .shell{grid-template-columns:1fr}
body.p-conference .rail{position:static}
body.p-conference .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body.p-conference .nav-links, body.p-conference .top-bar-nav{display:none}
body.p-conference .hero-panel h1{font-size:34px}
body.p-conference .kd-grid{grid-template-columns:1fr}
body.p-conference .kd-cell:nth-child(odd){border-right:none}
body.p-conference .footer-top{grid-template-columns:1fr}
body.p-conference .top-bar, body.p-conference .main-nav, body.p-conference .crumb, body.p-conference .hero-panel, body.p-conference .subnav-inner, body.p-conference .shell, body.p-conference .fwrap{padding-left:22px;padding-right:22px}
}
@media (prefers-reduced-motion: reduce){
body.p-conference{scroll-behavior:auto}
body.p-conference .cart-count, body.p-conference .toast{transition:none}
}


/* ===== professional-education.css → body.p-profed ===== */
body.p-profed{font-family:var(--fn);color:var(--black);background:var(--white);overflow-x:hidden}
body.p-profed a{text-decoration:none;color:inherit}
body.p-profed a:focus-visible, body.p-profed button:focus-visible, body.p-profed input:focus-visible, body.p-profed [role="button"]:focus-visible{outline:2px solid var(--black);outline-offset:3px;
  box-shadow:0 0 0 5px var(--teal);border-radius:4px;}
body.p-profed .top-bar{display:flex;align-items:center;justify-content:flex-end;
  gap:24px;padding:10px 48px;
  background:#fff;border-bottom:1px solid #e0ddd6;}
body.p-profed .top-bar-nav{display:flex;align-items:center;gap:20px}
body.p-profed .top-bar-nav a{display:flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:500;color:var(--black);}
body.p-profed .top-bar-nav a svg{width:17px;height:17px;flex-shrink:0}
body.p-profed .top-bar-btns{display:flex;align-items:center;gap:10px;margin-left:8px}
body.p-profed .btn-account{border:1.5px solid var(--black);background:transparent;
  padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;
  cursor:pointer;font-family:var(--fn);color:var(--black);}
body.p-profed .btn-donate{display:flex;align-items:center;gap:7px;
  background:var(--pink);border:none;
  padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;
  cursor:pointer;font-family:var(--fn);color:var(--black);}
body.p-profed .btn-donate svg{width:15px;height:15px}
body.p-profed .page-head{background:var(--cream);border-bottom:1px solid var(--black);padding:64px 0 72px}
body.p-profed .wrap{max-width:1280px;margin:0 auto;padding:0 48px}
body.p-profed .page-head h1{font-size:52px;font-weight:800;line-height:1.04;letter-spacing:-.5px}
body.p-profed .page-head p{font-size:18px;font-weight:500;line-height:1.5;color:#4a4843;margin-top:16px;max-width:560px}
body.p-profed .filters{padding:36px 0 4px}
body.p-profed .filter-bar{border:1px solid var(--black);background:#fff;
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  padding:16px 20px;}
body.p-profed .search-field{flex:1 1 320px;position:relative;display:flex;align-items:center;min-width:260px}
body.p-profed .search-field svg{position:absolute;left:18px;width:18px;height:18px;stroke:#888;pointer-events:none}
body.p-profed .search-field input{width:100%;border:1.5px solid var(--black);border-radius:50px;
  padding:13px 20px 13px 46px;font-family:var(--fn);font-size:14.5px;
  background:#fff;color:var(--black);}
body.p-profed .search-field input::placeholder{color:#999}
body.p-profed .filter-group{display:flex;align-items:center;gap:10px}
body.p-profed .filter-label{font-size:11.5px;font-weight:700;letter-spacing:1.2px;color:#777;text-transform:uppercase}
body.p-profed .filter-divider{width:1px;align-self:stretch;background:#ddd9d1;margin:2px 0}
body.p-profed .chip{display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid var(--black);background:transparent;
  padding:8px 16px;border-radius:50px;font-size:13.5px;font-weight:600;
  color:var(--black);cursor:pointer;font-family:var(--fn);transition:.15s;white-space:nowrap;}
body.p-profed .chip:hover{background:rgba(0,0,0,.05)}
body.p-profed .chip .count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;
  background:rgba(0,0,0,.08);font-size:11.5px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;}
body.p-profed .chip.active{background:var(--black);color:#fff;border-color:var(--black)}
body.p-profed .chip.active .count{background:rgba(255,255,255,.22);color:#fff}
body.p-profed .results-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0 22px;flex-wrap:wrap}
body.p-profed .results-count{font-size:14.5px;font-weight:500;color:#4a4843}
body.p-profed .results-count b{font-weight:700;color:var(--black)}
body.p-profed .btn-clear{border:none;background:none;font-family:var(--fn);font-size:13.5px;font-weight:600;
  color:var(--black);cursor:pointer;text-decoration:underline;text-underline-offset:3px;display:none;}
body.p-profed .btn-clear.show{display:inline-block}
body.p-profed .course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  padding-bottom:96px;}
body.p-profed .no-results{grid-column:1/-1;border:1px dashed var(--black);
  padding:64px 24px;text-align:center;
  font-size:16px;font-weight:500;color:#4a4843;display:none;}
body.p-profed .course-card{border:1px solid var(--black);background:#fff;
  display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s;}
body.p-profed .course-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.13)}
body.p-profed .cc-img{position:relative;aspect-ratio:16/10;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:monospace;font-size:11px;color:rgba(255,255,255,.6);padding:16px;
  border-bottom:1px solid var(--black);}
body.p-profed .cc-img.a{background:linear-gradient(rgba(40,30,55,.35),rgba(40,30,55,.35)),repeating-linear-gradient(45deg,#5b4a73,#5b4a73 3px,#4a3a62 3px,#4a3a62 16px)}
body.p-profed .cc-img.b{background:linear-gradient(rgba(30,45,55,.35),rgba(30,45,55,.35)),repeating-linear-gradient(45deg,#5a6e7a,#5a6e7a 3px,#4a5e6a 3px,#4a5e6a 16px)}
body.p-profed .cc-img.c{background:linear-gradient(rgba(20,40,45,.35),rgba(20,40,45,.35)),repeating-linear-gradient(45deg,#2f6a64,#2f6a64 3px,#235650 3px,#235650 16px)}
body.p-profed .cc-img.d{background:linear-gradient(rgba(45,40,20,.35),rgba(45,40,20,.35)),repeating-linear-gradient(45deg,#7a6e4a,#7a6e4a 3px,#6a5e3a 3px,#6a5e3a 16px)}
body.p-profed .cc-img.e{background:linear-gradient(rgba(45,25,40,.35),rgba(45,25,40,.35)),repeating-linear-gradient(45deg,#7a4a66,#7a4a66 3px,#6a3a56 3px,#6a3a56 16px)}
body.p-profed .cc-img.f{background:linear-gradient(rgba(25,40,55,.35),rgba(25,40,55,.35)),repeating-linear-gradient(45deg,#4a6080,#4a6080 3px,#3a5070 3px,#3a5070 16px)}
body.p-profed .cc-badge{position:absolute;top:14px;right:14px;
  padding:5px 12px;border-radius:50px;border:1.5px solid var(--black);
  font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--black);}
body.p-profed .cc-badge.scheduled{background:var(--teal)}
body.p-profed .cc-badge.ondemand{background:var(--green-s)}
body.p-profed .cc-body{padding:26px 24px 24px;flex:1;display:flex;flex-direction:column;gap:14px}
body.p-profed .cc-title{font-size:19px;font-weight:800;line-height:1.25}
body.p-profed .cc-meta{display:flex;flex-direction:column;gap:7px}
body.p-profed .cc-meta div{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:#3a3833}
body.p-profed .cc-meta svg{width:15px;height:15px;stroke:#777;flex-shrink:0}
body.p-profed .cc-desc{font-size:13.5px;line-height:1.55;color:#4a4843;flex:1}
body.p-profed .cc-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 24px;border-top:1px solid var(--black);}
body.p-profed .cc-cat{font-size:14px;font-weight:700;color:var(--black)}
body.p-profed .btn-view{display:inline-flex;align-items:center;gap:9px;
  background:#fff;border:1.5px solid var(--black);
  padding:9px 18px;border-radius:50px;font-size:13.5px;font-weight:700;
  color:var(--black);cursor:pointer;font-family:var(--fn);transition:.15s;white-space:nowrap;}
body.p-profed .btn-view .arrow{transition:transform .2s}
body.p-profed .course-card:hover .btn-view .arrow{transform:translateX(4px)}
body.p-profed footer{background:var(--black);color:white;padding:60px 0 0}
body.p-profed .footer-top{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;padding-bottom:56px}
body.p-profed .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}
body.p-profed .f-subscribe{display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid white;background:transparent;
  padding:11px 20px;border-radius:50px;font-size:13.5px;font-weight:600;
  color:white;margin-bottom:28px;transition:.15s;cursor:pointer;font-family:var(--fn);}
body.p-profed .f-subscribe:hover{background:rgba(255,255,255,.1)}
body.p-profed .f-socials{display:flex;gap:10px}
body.p-profed .f-socials a{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:white;font-size:14px;transition:.15s;}
body.p-profed .f-socials a:hover{border-color:white}
body.p-profed .f-nav h4{font-size:15px;font-weight:700;margin-bottom:18px;color:white}
body.p-profed .f-nav ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.p-profed .f-nav ul li a{color:#aaa;font-size:13.5px;transition:.15s}
body.p-profed .f-nav ul li a:hover{color:white}
body.p-profed .f-badges{display:flex;flex-direction:column;gap:18px}
body.p-profed .f-badge{display:flex;align-items:center;gap:14px}
body.p-profed .f-badge-circle{width:60px;height:60px;border-radius:50%;border:1px solid #555;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:8px;font-family:monospace;text-align:center;color:#999;line-height:1.2;padding:8px;}
body.p-profed .f-badge-text{font-size:12.5px;color:#aaa;line-height:1.4}
body.p-profed .footer-bottom{border-top:1px solid #2a2a2a;padding:28px 0 32px;display:flex;flex-direction:column;gap:14px}
body.p-profed .f-ack{font-size:12.5px;color:#666;line-height:1.6}
body.p-profed .f-legal{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#666}
body.p-profed .f-legal a{color:#666;transition:.15s}
body.p-profed .f-legal a:hover{color:#aaa}
body.p-profed .f-sep{color:#444}
@media (max-width:1080px){
body.p-profed .course-grid{grid-template-columns:repeat(2,1fr)}
body.p-profed .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body.p-profed .nav-links{display:none}
body.p-profed .course-grid{grid-template-columns:1fr}
body.p-profed .footer-top{grid-template-columns:1fr}
body.p-profed .page-head h1{font-size:38px}
}
@media (prefers-reduced-motion: reduce){
body.p-profed .course-card, body.p-profed .btn-view .arrow{transition:none}
}


/* ===== register.css → body.p-register ===== */
body.p-register{font-family:var(--fn);color:var(--black);background:var(--cream);min-height:100vh}
body.p-register a{text-decoration:none;color:inherit}
body.p-register a:focus-visible, body.p-register button:focus-visible, body.p-register input:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--teal);border-radius:6px}
body.p-register .top-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;background:#fff;border-bottom:1px solid #e0ddd6}
body.p-register .top-bar-btns{display:flex;align-items:center;gap:10px}
body.p-register .btn-cart{display:flex;align-items:center;gap:8px;border:1.5px solid var(--black);background:var(--black);color:#fff;padding:7px 16px 7px 14px;border-radius:50px;font-size:13.5px;font-weight:600;font-family:var(--fn)}
body.p-register .btn-cart svg{width:18px;height:18px}
body.p-register .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--pink);color:var(--black);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
body.p-register .btn-account{border:1.5px solid var(--black);background:transparent;padding:7px 18px;border-radius:50px;font-size:13.5px;font-weight:600;font-family:var(--fn)}
body.p-register .btn-donate{display:flex;align-items:center;gap:7px;background:var(--pink);border:none;padding:8px 20px;border-radius:50px;font-size:13.5px;font-weight:700;font-family:var(--fn);color:var(--black)}
body.p-register .btn-donate svg{width:15px;height:15px}
body.p-register .backdrop{padding:40px 48px 80px;max-width:1100px;margin:0 auto;filter:saturate(.6)}
body.p-register .bd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
body.p-register .bd-head h2{font-size:24px;font-weight:800}
body.p-register .bd-card{border:1px solid #c9c5bc;background:#fff;padding:26px;display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
body.p-register .bd-card h3{font-size:18px;font-weight:800}
body.p-register .bd-line{font-size:14px;color:#6b6860}
body.p-register .bd-total{display:flex;align-items:center;justify-content:space-between;border:1px solid #c9c5bc;background:#fff;padding:22px 26px}
body.p-register .bd-total .t{font-size:26px;font-weight:800}
body.p-register .overlay{position:fixed;inset:0;background:rgba(10,10,10,.55);display:flex;align-items:flex-start;justify-content:center;padding:24px;z-index:60;overflow-y:auto}
body.p-register .modal{width:min(480px,100%);margin:auto;background:#fff;border:1px solid var(--black);box-shadow:0 24px 70px rgba(0,0,0,.35);animation:register_pop .25s ease}
@keyframes register_pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.p-register .modal-head{display:flex;align-items:center;justify-content:space-between;background:var(--pink);padding:20px 26px;border-bottom:1px solid var(--black)}
body.p-register .modal-head h1{font-size:23px;font-weight:800;color:var(--black)}
body.p-register .modal-close{width:36px;height:36px;border:1.5px solid var(--black);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--black);transition:.15s}
body.p-register .modal-close:hover{background:rgba(0,0,0,.12)}
body.p-register .modal-close svg{width:17px;height:17px}
body.p-register .modal-body{padding:26px 30px 30px;display:flex;flex-direction:column;gap:17px}
body.p-register .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.p-register .field{display:flex;flex-direction:column;gap:7px}
body.p-register .field label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}
body.p-register .req{color:var(--pink);font-weight:800}
body.p-register .input-wrap{position:relative}
body.p-register .input-wrap input{width:100%;border:1.5px solid #cfcbc2;border-radius:10px;padding:13px 44px 13px 15px;font-family:var(--fn);font-size:14.5px;background:#fff;color:var(--black);transition:border-color .15s}
body.p-register .input-wrap input::placeholder{color:#aaa}
body.p-register .input-wrap input:focus{border-color:var(--black);outline:none;box-shadow:none}
body.p-register .input-wrap .ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#9a968d;pointer-events:none}
body.p-register .input-wrap .eye{pointer-events:auto;background:none;border:none;cursor:pointer;padding:0;display:flex}
body.p-register .field.error input{border-color:var(--err);background:#fff6f6}
body.p-register .field.error .ic{stroke:var(--err)}
body.p-register .err-msg{font-size:12px;color:var(--err);font-weight:600;display:none;align-items:center;gap:5px}
body.p-register .field.error .err-msg{display:flex}
body.p-register .err-msg svg{width:13px;height:13px;stroke:var(--err)}
body.p-register .hint{font-size:12px;color:#8a877e}
body.p-register .strength{height:5px;border-radius:50px;background:#e6e3db;overflow:hidden;margin-top:2px}
body.p-register .strength i{display:block;height:100%;width:0;border-radius:50px;transition:width .25s,background .25s}
body.p-register .btn-register{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--black);color:#fff;border:1.5px solid var(--black);padding:16px;border-radius:50px;font-size:15.5px;font-weight:800;cursor:pointer;font-family:var(--fn);transition:.15s;margin-top:4px}
body.p-register .btn-register:hover{background:#222}
body.p-register .btn-register svg{width:17px;height:17px}
body.p-register .login-line{text-align:center;font-size:14px;font-weight:500;color:#4a4843}
body.p-register .login-line a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
body.p-register .consent{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;color:#6b6860}
body.p-register .consent input{margin-top:2px;width:16px;height:16px;accent-color:var(--black);flex-shrink:0;cursor:pointer}
body.p-register .consent a{font-weight:700;text-decoration:underline;text-underline-offset:2px}
body.p-register .field.error.consent{color:var(--err)}
body.p-register .toast{position:fixed;left:50%;bottom:28px;translate:-50% 16px;background:var(--black);color:#fff;padding:14px 22px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
body.p-register .toast.show{opacity:1;translate:-50% 0}
body.p-register .toast svg{width:18px;height:18px;stroke:var(--green-s)}
@media (max-width:720px){
body.p-register .nav-links{display:none}
body.p-register .top-bar, body.p-register .main-nav, body.p-register .backdrop{padding-left:18px;padding-right:18px}
body.p-register .row2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
body.p-register .modal{animation:none}
body.p-register .toast, body.p-register .strength i{transition:none}
}


/* top-bar icon-link hover: black pill background */
body.p-base .top-bar-nav a:hover, body.p-base .top-bar-nav a:focus-visible,
body.p-home .top-bar-nav a:hover, body.p-home .top-bar-nav a:focus-visible,
body.p-about .top-bar-nav a:hover, body.p-about .top-bar-nav a:focus-visible,
body.p-account .top-bar-nav a:hover, body.p-account .top-bar-nav a:focus-visible,
body.p-cart .top-bar-nav a:hover, body.p-cart .top-bar-nav a:focus-visible,
body.p-checkout .top-bar-nav a:hover, body.p-checkout .top-bar-nav a:focus-visible,
body.p-conference .top-bar-nav a:hover, body.p-conference .top-bar-nav a:focus-visible,
body.p-profed .top-bar-nav a:hover, body.p-profed .top-bar-nav a:focus-visible,
body.p-register .top-bar-nav a:hover, body.p-register .top-bar-nav a:focus-visible{background:var(--black);color:#fff;border-radius:50px;padding:6px 12px;margin:-6px -12px;opacity:1}