/* SCE-inspired colors */
:root{
  --sce-yellow:#FFC72C;
  --sce-green:#00843D;
  --sce-gray:#6E6E6E;
  --ink:#2b2b2b;
  --bg:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1000px;margin:0 auto;padding:24px}
.brandbar{border-bottom:6px solid var(--sce-yellow);background:linear-gradient(to right, #ffffff 50%, #f7f7f7)}
.brandwrap{display:flex;align-items:center;gap:16px;justify-content:center;padding:14px 0;position:relative}
.brand .logo{height:56px;width:auto;display:block}
.tribe-wordmark{font-weight:800;letter-spacing:.02em;font-size:28px;color:var(--sce-green)}
.tribe-wordmark em{font-weight:600;font-style:normal;color:var(--sce-gray)}
.divider{width:2px;height:40px;background:#ddd;margin:0 8px}
.lang-toggle{position:absolute;right:24px;top:18px;font-weight:700}
.lang-toggle a{color:var(--sce-green);text-decoration:none}
.lang-toggle a:hover{text-decoration:underline}

.hero{ text-align:center; padding:18px 0;}
.hero h1{font-size:30px;margin:.2em 0 .3em;color:var(--sce-green)}
.hero .highlight{background:var(--sce-yellow);padding:0 .25em}

.card{background:#fff;border:1px solid #e7e7e7;border-radius:12px;padding:22px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.card h2{margin-top:0;color:var(--sce-gray)}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
label{display:flex;flex-direction:column;font-weight:600;color:#444}
input,select{margin-top:6px;border:1px solid #cfd1d4;border-radius:10px;padding:12px 14px;font-size:16px}
input:focus,select:focus{outline:3px solid rgba(0,132,61,.18);border-color:var(--sce-green)}
input.hp{position:absolute;left:-9999px;opacity:0}
.checkbox{font-weight:500}
.consent{margin-top:10px}

.helper{margin:14px 0;padding:14px;border-radius:12px;border:1px dashed #cfd1d4;background:#fafafa}
.helper h3{margin:0 0 10px 0}
.helper .status{font-weight:800}
.helper.good{border-color:rgba(0,132,61,.4);background:rgba(0,132,61,.05)}
.helper.warn{border-color:#e9a900;background:rgba(255,199,44,.08)}
.helper.bad{border-color:#e33;background:rgba(255,0,0,.03)}

.actions{margin-top:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn{background:var(--sce-green);border:none;color:#fff;border-radius:999px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(0.95)}
.small{font-size:14px;color:#555}

.fine{color:#666;font-size:13px;margin:20px 0 40px}
.sitefoot{border-top:6px solid var(--sce-yellow);background:#fafafa}
.footwrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}

@media (max-width:760px){
  .grid{grid-template-columns:1fr}
  .brandwrap{justify-content:flex-start}
  .hero h1{font-size:24px}
}