@font-face{font-family:Ov;src:url(fonts/Overpass-Black.ttf);font-display:swap}@font-face{font-family:OvB;src:url(fonts/Overpass-Bold.ttf);font-display:swap}@font-face{font-family:Mo;src:url(fonts/Montserrat-SemiBold.ttf);font-display:swap}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 Mo,system-ui,sans-serif;background:#0B1630;color:#F6E7CF}
a{color:#FFC233}a:focus-visible,button:focus-visible{outline:3px solid #FFC233;outline-offset:2px}
h1,h2,h3{font-family:Ov,sans-serif;line-height:1.1;color:#fff;margin:.3em 0}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#FFC233;color:#0B1630;padding:8px;z-index:99}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 32px;border-bottom:3px solid #FFC233;background:#0B1630;position:sticky;top:0;z-index:9}
.brand img{height:56px;width:auto;display:block}nav{display:flex;flex-wrap:wrap;gap:6px 18px}nav a{color:#F6E7CF;text-decoration:none;font:15px OvB,sans-serif;padding:4px 0}nav a[aria-current]{color:#FFC233;border-bottom:2px solid #FFC233}
.hero{display:flex;flex-wrap:wrap;gap:32px;align-items:center;padding:60px 32px;background:linear-gradient(180deg,rgba(11,22,48,.9),rgba(59,31,92,.78) 50%,rgba(11,22,48,.92)),url(img/i15-baker-prayitno.jpg) center/cover}
.herotext{flex:1 1 420px}.hero h1{font-size:clamp(36px,6vw,64px)}.hero p{font-size:19px;max-width:600px}
.kicker{display:inline-block;background:#00703C;color:#fff;border:2px solid #fff;border-radius:6px;padding:4px 12px;font:16px Ov,sans-serif}
.regions{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.regions a{display:block;background:#00703C;color:#fff;border:2px solid #fff;border-radius:6px;padding:8px 14px;font:17px Ov,sans-serif;text-decoration:none}
.btn{display:inline-block;background:#FF7A1A;color:#0B1630;font:17px Ov,sans-serif;padding:12px 20px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}
.btn:disabled{background:#6b7280;color:#fff;cursor:not-allowed}
.signup{flex:0 1 380px;background:rgba(11,22,48,.95);border:3px dashed #9aa3b5;border-radius:14px;padding:22px}
.signup h2{color:#FFC233;font-size:24px}.uc{background:#FFC233;color:#0B1630;font:16px OvB,sans-serif;padding:6px 10px;border-radius:6px}
.signup label{display:block;font-size:14px}.signup input{width:100%;padding:12px;border-radius:8px;border:1px solid #9aa3b5;margin:6px 0 12px;font-size:16px;background:#1f2a44;color:#c9cfdb}
.small{font-size:14px}.intro{padding:36px 32px 8px;max-width:1200px;margin:0 auto}.narrow{max-width:820px}
.region-sec{padding:8px 32px 24px;max-width:1200px;margin:0 auto}.region-sec h2{border-left:6px solid #FF7A1A;padding-left:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:#F6E7CF;color:#1a1a1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card h3{color:#0B1630;font-size:21px}.card a{color:#0A3D91;font-family:OvB,sans-serif}
.ph{position:relative;overflow:hidden;aspect-ratio:16/9;background:#3B1F5C}.ph>img{width:100%;height:100%;object-fit:cover;display:block}
.noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3B1F5C,#E2366E 70%,#FF7A1A)}.noimg img{height:55%;width:auto}
.stock{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}
.body{padding:16px}.region{color:#00592F;font:14px OvB,sans-serif;text-transform:uppercase;margin:0}.when,.where{margin:.4em 0}
.links{padding-left:18px;margin:.4em 0}.note{font-size:13px;background:#fff3d6;border-left:4px solid #C8102E;padding:6px 8px;color:#3a2a00}
.big5 li{margin:.4em 0}table{width:100%;border-collapse:collapse;margin:16px 0}caption{text-align:left;font:18px OvB,sans-serif;color:#fff;padding:6px 0}
th,td{border:1px solid #3b4a6b;padding:10px;text-align:left;vertical-align:top}th{background:#16244a}
.contacts dt{font:18px OvB,sans-serif;color:#fff;margin-top:14px}.contacts dd{margin:4px 0 0}
.eff{color:#c9cfdb;font-size:14px}.legaltext h2{font-size:22px;margin-top:1.2em}
footer{margin-top:40px;padding:28px 32px;border-top:3px solid #FFC233;background:#081024;text-align:center;font-size:14px}
footer .cta{font:20px Ov,sans-serif;color:#FFC233}footer .legal a{white-space:nowrap}
@media(max-width:640px){.top{padding:8px 16px}.brand img{height:44px}nav{gap:4px 12px}nav a{font-size:14px}.hero,.intro,.region-sec{padding-left:16px;padding-right:16px}.hero{padding-top:32px}.signup{flex-basis:100%}}

/* v2: forms, embeds, guide pages */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sform{background:rgba(255,255,255,.04);border:3px dashed #9aa3b5;border-radius:14px;padding:18px;margin:12px 0 20px}
.sform fieldset{border:0;margin:0;padding:0;min-width:0}.sform fieldset[disabled]{opacity:.7}
.sform label{display:block;font-size:15px;margin-top:10px}.sform input[type=text],.sform input:not([type]),.sform input[type=email],.sform input[type=url],.sform input[type=date],.sform input[type=file]{width:100%;padding:12px;border-radius:8px;border:1px solid #9aa3b5;margin-top:4px;font-size:16px;background:#1f2a44;color:#F6E7CF}
.sform .check{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.sform .check input{width:22px;height:22px;flex:none;margin-top:2px}
.sform .radios legend{font-size:15px;margin-top:10px}.sform .btn{margin-top:12px}.hp{position:absolute;left:-5000px}
h2 .uc{font-size:14px;vertical-align:middle;margin-left:8px}
.embed{position:relative;width:100%;max-width:360px;aspect-ratio:9/16;margin:10px 0;border-radius:12px;overflow:hidden;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.region-tag{font:14px OvB,sans-serif;text-transform:uppercase;color:#9fe0b8}.region-tag a{color:#9fe0b8}
.intro .note{color:#3a2a00}.btn+.btn{margin-left:8px}
@media(max-width:640px){.embed{max-width:100%}.btn+.btn{margin:8px 0 0}}