/* SAMBAT EL 04.0 — Two doors, verified-email-first. No external fonts or trackers. */
:root{--green:#285e3f;--deep:#204b32;--sage:#7fa87f;--cream:#f6f4e9;--line:#dfe6dc;--ink:#263e2d;--muted:#6b7b6e;--card:#fffefa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 800px 460px at 50% 12%,#eaf1e7 0%,transparent 78%),var(--cream);color:var(--ink);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65}body::before{content:'';position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#285e3f,#90b48b,#e4d5a9);z-index:20}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #85b69a;outline-offset:2px}[hidden]{display:none!important}
.sv-header{background:#fffefcdb;border-bottom:1px solid #e4e9e0;backdrop-filter:blur(20px)}.sv-header-inner{width:min(900px,calc(100% - 36px));min-height:88px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.sv-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.sv-brand img{width:60px;height:60px;object-fit:contain;display:block}.sv-brand-text{display:grid;gap:0;line-height:1.2}.sv-brand-text strong{font-size:26px;color:var(--green);letter-spacing:-1.4px;font-weight:850}.sv-brand-text small{font-size:10px;color:#718978;letter-spacing:.1px;font-weight:650}.sv-nav{display:flex;gap:25px;align-items:center}.sv-nav a{font-size:12px;font-weight:750;color:#506d57}.sv-nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.sv-footer{width:min(900px,calc(100% - 36px));margin:8px auto 26px;display:flex;gap:18px;justify-content:space-between;font-size:11px;color:#7a8b79;border-top:1px solid #e5eadd;padding-top:21px}
/* Home — short, focused, 2 routes */
.home-main{width:min(900px,calc(100% - 36px));margin:0 auto;padding:78px 0 80px;text-align:center;min-height:calc(100svh - 185px)}.home-eyebrow,.eyebrow{font-size:10px;font-weight:850;color:#6f9975;letter-spacing:1.75px}.home-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;background:#8fb28b;border-radius:50%}.home-main h1{font-size:clamp(34px,5.1vw,57px);letter-spacing:-2.7px;line-height:1.15;margin:18px auto 16px;color:#234c32;font-weight:850}.home-main h1 em{font-style:normal;color:#689475}.home-lead{color:#728272;line-height:1.85;max-width:570px;margin:0 auto 36px;font-size:14px}.doors{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}.door{padding:30px 30px 25px;border:1px solid #dbe8d9;border-radius:22px;box-shadow:0 14px 38px #285e3f0b;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;min-height:304px;flex-direction:column;align-items:flex-start}.door:hover,.door:focus-visible{transform:translateY(-3px);box-shadow:0 25px 52px #285e3f16;border-color:#a7c5a7}.door-report{background:linear-gradient(145deg,#e9f2e7,#f5f8ee)}.door-track{background:linear-gradient(145deg,#fffdfa,#f4f1e4);border-color:#e9e2d2}.door-icon{width:56px;height:56px;background:#d7e8d5;border-radius:16px;color:#285e3f;display:grid;place-items:center;margin-bottom:24px}.door-track .door-icon{background:#eae7d6}.door-icon svg{width:28px;height:28px}.door-type{font-size:9px;font-weight:850;letter-spacing:1.6px;color:#7a9b7c}.door h2{margin:5px 0 7px;font-size:25px;line-height:1.35;color:#285e3f;letter-spacing:-.85px}.door p{font-size:12px;line-height:1.8;color:#728575;margin:0 0 24px;max-width:290px}.door-link{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:850;color:#285e3f}.door-link span{font-size:17px}.home-footnote{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;color:#8b998b;font-size:11px}.home-footnote svg{flex:none}
/* inner pages — narrower Google Form layout */
.inner-main{width:min(760px,calc(100% - 36px));margin:0 auto;padding:32px 0 50px;min-height:calc(100svh - 170px)}.back-link{font-size:12px;color:#4f805c;font-weight:750;display:inline-block;margin-bottom:28px}.back-link:hover{text-decoration:underline}.page-intro{margin:0 0 24px}.page-intro h1{font-size:clamp(29px,4vw,38px);line-height:1.25;color:#234b34;letter-spacing:-1.3px;margin:9px 0 6px;font-weight:850}.page-intro h1 span{color:#8aaf85}.page-intro p{font-size:13px;color:#748376;margin:0;line-height:1.7}.portal-card,.track-card{background:var(--card);border:1px solid #dfe6dc;border-radius:21px;box-shadow:0 18px 52px #285e3f0d;overflow:hidden}.portal-card:before,.track-card:before{content:'';height:5px;display:block;background:linear-gradient(90deg,#285e3f 0%,#80af83 62%,#c3d3aa 100%)}.portal-header{padding:20px 27px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef1eb}.portal-header h2{font-size:20px;letter-spacing:-.7px;margin:4px 0 0}.portal-header .tiny-label{font-size:9px;letter-spacing:1.3px;color:#81a184;font-weight:850}.demo-chip{background:#edf5e9;border:1px solid #dcebdc;border-radius:7px;color:#477854;font-size:10px;padding:7px 9px}.portal-card #panel-form{padding:26px 27px 30px}.gate-step{font-size:10px;letter-spacing:1.25px;font-weight:850;color:#6e9675}.gate-title{font-size:25px;letter-spacing:-.8px;color:#244d35;font-weight:850;margin:7px 0 5px}.gate-lead{font-size:13px;color:#738676;line-height:1.75;margin:0 0 23px}.gate-email-field{max-width:100%}.gate-email-field label{font-size:12.5px}.gate-email-field input{font-size:14px;min-height:49px}.gate-email-field small{font-size:11px}.sambat-otp-stage{border:0;border-top:1px solid #e4ece1;background:transparent;padding:18px 0 2px;margin:20px 0 0;box-shadow:none}.sambat-otp-stage h4{font-size:14px;margin:0 0 2px;color:#2a593b}.sambat-otp-stage p{font-size:11.5px;color:#7e8c7b;margin:4px 0 8px}.sambat-otp-stage .sambat-captcha{min-height:58px;margin:8px 0}.sambat-otp-actions{gap:10px;align-items:flex-end;display:flex;flex-wrap:wrap}.sambat-otp-actions label{min-width:0;flex:1 1 130px;font-size:11.5px}.sambat-otp-actions input{min-height:42px;font-size:13px}.sambat-otp-actions button{font-size:11px;min-height:42px;flex:0 0 auto;padding:9px 12px}.sambat-otp-info{color:#4c7b57;font-size:11.5px;margin:8px 0 0!important}.verified-ribbon{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf6ea;border:1px solid #d5e8d0;border-radius:11px;padding:11px 14px;margin-bottom:22px;font-size:11.5px;color:#356347}.verified-ribbon>div{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.verified-dot{border-radius:50%;background:#317651;color:#fff;width:21px;height:21px;display:inline-grid;place-items:center;flex:none}.verified-change{border:0;background:transparent;color:#265e3f;text-decoration:underline;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.form-intro h3{font-size:14px}.form-intro p{font-size:11.5px}.portal-card .step-panel legend{font-size:18px}.portal-card .field label{font-size:12px}.portal-card .field input,.portal-card .field select,.portal-card .field textarea{font-size:13px}.portal-card .field small{font-size:10.8px}.portal-card .field-help{font-size:11.5px}.portal-card .button{font-size:12px}.portal-card .notice-box{font-size:12px}.portal-card .sambat-review-guard{border-color:#e4ece0;background:#f7faf5}.law-details{border:1px solid #e5e7dc;background:#faf9f3;border-radius:12px;padding:12px 16px;margin-top:18px;font-size:11.5px;line-height:1.7;color:#728073}.law-details summary{cursor:pointer;font-weight:800;color:#68846e}.law-details p{margin:9px 0 0}.secure-note{font-size:11px;line-height:1.6;text-align:center;color:#839082;margin:19px 12px 0}
/* Ticket tracking: deliberately no PII or complaint narrative */
.track-main{width:min(630px,calc(100% - 36px))}.track-card{padding:0 32px 32px}.track-symbol{margin-top:31px;width:55px;height:55px;display:grid;place-items:center;background:#edf4e8;color:#285e3f;font-size:34px;border-radius:15px}.track-card h2{margin:17px 0 5px;font-size:23px;letter-spacing:-.7px;color:#26543b}.track-card>p{color:#788778;font-size:12.5px;line-height:1.7;max-width:470px;margin:0 0 23px}#ticket-form{display:flex;flex-direction:column;gap:8px}#ticket-form label{font-weight:750;color:#355a40;font-size:12px}#ticket-form input{width:100%;border:1px solid #d6e2d5;min-height:49px;padding:11px 14px;border-radius:10px;font-size:14px;letter-spacing:.35px;background:#fff;color:#254631}#ticket-form input::placeholder{color:#a1ada1;font-size:12px;letter-spacing:0}#ticket-form small{font-size:10.5px;color:#849186}#ticket-form button{background:#285e3f;color:white;border:0;border-radius:10px;padding:13px 18px;min-height:45px;margin-top:12px;font-size:12px;font-weight:850;cursor:pointer}#ticket-form button:hover{background:#33764f}#ticket-form button:disabled{opacity:.62;cursor:wait}.track-message{font-size:12px;margin-top:18px;padding:11px 13px;background:#fff2e9;color:#905438;border:1px solid #f1d5c4;border-radius:9px}.track-result{border-top:1px solid #e7ece3;margin-top:25px;padding-top:20px}.result-eyebrow{font-size:10px;letter-spacing:1.3px;color:#7c9a7a;font-weight:850}.track-result>strong{display:block;font-size:23px;color:#2e6647;margin-top:4px}.track-result>p{font-size:12px;color:#718374}.result-ticket{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #eaf0e7;font-size:12px}.result-ticket>span{color:#7c8a7e}.result-ticket code,.result-ticket strong{color:#32513a;font-size:11px;word-break:break-all;text-align:right}.privacy-line{font-size:11px;color:#768877;max-width:550px;margin:20px auto;text-align:center;line-height:1.8}
@media(max-width:680px){.sv-header-inner{min-height:70px}.sv-brand img{width:48px;height:48px}.sv-brand-text strong{font-size:21px}.sv-brand-text small{font-size:8px}.sv-nav{gap:11px}.sv-nav a{font-size:10px}.home-main{padding:52px 0 48px}.home-main h1{letter-spacing:-1.45px}.home-lead{font-size:12.5px}.doors{gap:12px;grid-template-columns:1fr}.door{min-height:228px;padding:23px}.door-icon{width:47px;height:47px;margin-bottom:13px}.door h2{font-size:21px}.door p{font-size:11.5px;margin-bottom:16px}.home-footnote{font-size:10px}.inner-main{padding:23px 0 36px}.back-link{margin-bottom:17px}.portal-card #panel-form{padding:18px 17px 22px}.portal-header{padding:15px 17px;align-items:start}.portal-header h2{font-size:18px}.portal-header .demo-chip{font-size:9px}.gate-title{font-size:21px}.gate-lead{font-size:12px}.sambat-otp-actions{flex-direction:column;align-items:stretch}.sambat-otp-actions>*{width:100%;flex:auto!important}.sambat-otp-actions label{flex:auto}.verified-ribbon{align-items:start}.track-card{padding:0 20px 22px}.sv-footer{flex-direction:column;align-items:center;text-align:center;gap:4px}.door:hover{transform:none}}
@media(max-width:360px){.sv-brand-text small{display:none}.sv-nav{gap:8px}.sv-nav a{font-size:9px}.home-main h1{font-size:30px}.verified-ribbon{flex-wrap:wrap}}


/* SAMBAT EL 04.1 — compact and accessible email-first gate.
   Overrides ONLY the Buat page layout; no backend or stored data changes. */
body:has(#email-gate) .inner-main{width:min(630px,calc(100% - 32px));padding-top:16px;padding-bottom:28px;}
body:has(#email-gate) .back-link{margin-bottom:12px;}
body:has(#email-gate) .page-intro{margin-bottom:14px;}
body:has(#email-gate) .page-intro h1{font-size:clamp(25px,3.2vw,32px);letter-spacing:-1.1px;margin:4px 0 2px;}
body:has(#email-gate) .page-intro p{font-size:12px;line-height:1.55;}
body:has(#email-gate) .portal-card{border-radius:16px;box-shadow:0 9px 30px #285e3f0c;}
body:has(#email-gate) .portal-card:before{height:4px;}
body:has(#email-gate) .portal-header{display:none;}
body:has(#email-gate) .portal-card #panel-form{padding:21px 23px 19px;}
body:has(#email-gate) .gate-step{font-size:9px;letter-spacing:.9px;}
body:has(#email-gate) .gate-title{font-size:21px;margin:5px 0 3px;letter-spacing:-.5px;}
body:has(#email-gate) .gate-lead{font-size:12px;line-height:1.5;margin-bottom:14px;}
body:has(#email-gate) .gate-email-field input{min-height:42px;height:42px;padding:9px 12px;font-size:13px;}
body:has(#email-gate) .gate-email-field small{font-size:10px;}
body:has(#email-gate) .sambat-otp-stage{padding:12px 0 0;margin:12px 0 0;border:0;border-top:1px solid #e4eae3;border-radius:0;background:transparent;box-shadow:none;}
body:has(#email-gate) .otp-compact-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin:0 0 7px;color:#285e3f;}
body:has(#email-gate) .otp-compact-heading strong{font-size:12px;font-weight:800;}
body:has(#email-gate) .otp-compact-heading small{font-size:10px;color:#819184;}
body:has(#email-gate) .sambat-otp-stage .sambat-captcha{min-height:0;margin:5px 0 8px;}
body:has(#email-gate) .otp-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;}
body:has(#email-gate) .otp-code-field{min-width:0;display:flex;flex-direction:column;gap:4px;color:#35553f;font-size:11px;font-weight:750;}
body:has(#email-gate) .otp-code-field input{display:block;width:100%;height:40px;min-height:40px;border:1px solid #ccdccc;border-radius:8px;background:white;padding:8px 11px;font-size:13px;letter-spacing:.8px;color:#224832;}
body:has(#email-gate) .otp-code-field input:focus-visible{outline:2px solid #a4c99e;outline-offset:1px;}
body:has(#email-gate) .sambat-otp-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0;}
body:has(#email-gate) .sambat-otp-actions>button{min-height:40px;height:40px;padding:8px 12px;border-radius:8px;font-size:11px;white-space:nowrap;flex:0 0 auto;}
body:has(#email-gate) #otp-check:disabled{opacity:.46;cursor:not-allowed;filter:grayscale(.35);box-shadow:none;}
body:has(#email-gate) .sambat-otp-info{font-size:10.5px;line-height:1.5;margin:8px 0 0!important;}
@media(max-width:600px){
  body:has(#email-gate) .inner-main{width:calc(100% - 24px);padding-top:11px;}
  body:has(#email-gate) .portal-card #panel-form{padding:17px 16px 18px;}
  body:has(#email-gate) .page-intro h1{font-size:25px;}
  body:has(#email-gate) .gate-title{font-size:19px;}
  body:has(#email-gate) .otp-controls{grid-template-columns:minmax(0,1fr);gap:9px;}
  body:has(#email-gate) .sambat-otp-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
  body:has(#email-gate) .sambat-otp-actions>button{width:100%;min-width:0;padding:8px 5px;}
  body:has(#email-gate) .sambat-otp-actions>#otp-send,
  body:has(#email-gate) .sambat-otp-actions>#otp-check{grid-column:auto;grid-row:auto;justify-self:stretch;}
}