.sg-wrap{max-width:460px;min-height:100svh;padding:max(14px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.sg-top{justify-content:center;align-items:center;min-height:34px;display:flex;position:relative}.sg-wordmark{letter-spacing:-.03em;font-size:20px;font-weight:800;line-height:1.1}.sg-wordmark span{color:var(--c-primary)}.sg-kembali{border:1.5px solid var(--c-border);background:var(--c-surface);width:40px;height:40px;color:var(--c-text-subtle);border-radius:10px;place-items:center;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:grid;position:absolute;top:0;left:0}.sg-kembali:hover{border-color:var(--c-primary);background:var(--c-surface-soft);color:var(--c-primary)}.sg-kembali svg{width:18px;height:18px}.sg-togol{line-height:0;position:absolute;top:0;right:0}.sg-badan{flex-direction:column;flex:auto;justify-content:center;padding:24px 0;display:flex}.sg-tajuk{text-align:center;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(22px,6vw,26px);font-weight:800;line-height:1.2}.sg-sub{text-align:center;color:var(--c-text-subtle-aa);margin:0 0 26px;font-size:14px;line-height:1.5}.sg-pilih{grid-auto-rows:1fr;gap:14px;display:grid}.sg-kad{color:inherit;cursor:pointer;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-md);text-align:left;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:20px 20px 20px 22px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #1118270a}[data-theme=dark] .sg-kad{box-shadow:0 1px 2px #00000059}.sg-kad:before{content:"";background:var(--c-primary);width:0;transition:width .18s;position:absolute;top:0;bottom:0;left:0}.sg-kad:hover{border-color:var(--c-primary);transform:translateY(-1px);box-shadow:0 6px 18px -8px #10b98159,0 1px 2px #1118270d}.sg-kad:hover:before{width:4px}.sg-kad:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}.sg-kad:active{transform:translateY(0)scale(.995)}.sg-kad-teks{min-width:0}.sg-kad-tajuk{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(14px,3.9vw,15.5px);font-weight:800;line-height:1.25;display:block}.sg-kad-sub{color:var(--c-text-mute);margin-top:6px;font-size:13px;line-height:1.45;display:block}.sg-kad-anak{width:20px;height:20px;color:var(--c-text-subtle);flex:none;transition:transform .18s,color .18s}.sg-kad:hover .sg-kad-anak{color:var(--c-primary);transform:translate(3px)}@media (prefers-reduced-motion:reduce){.sg-kad,.sg-kad:before,.sg-kad-anak{transition:none}.sg-kad:hover{transform:none}}.sg-kaki{text-align:center;color:var(--c-text-subtle-aa);margin-top:26px;font-size:13.5px}.sg-kaki a{color:var(--c-primary-text);font-weight:700;text-decoration:none}[data-theme=dark] .sg-kaki a{color:#34d399}.sg-kaki a:hover{text-decoration:underline}.sg-legal{text-align:center;color:var(--c-text-subtle-aa);margin-top:18px;font-size:11.5px}.sg-legal a{color:inherit;text-decoration:none}.sg-legal a:hover{text-decoration:underline}.sg-legal i{opacity:.55;margin:0 6px;font-style:normal}@media (min-width:768px){.sg-wrap{max-width:520px}}