.landing-module__g1LwZa__frame{background:#fff;width:100%;max-width:none;margin:0;padding:0}.landing-module__g1LwZa__hero{width:100%;min-height:calc(100svh - 3.5rem);color:var(--ink);text-align:center;isolation:isolate;align-content:center;padding:clamp(2.5rem,5vw,4.5rem) clamp(.75rem,3vw,2rem) clamp(4.5rem,8vw,7rem);display:grid;position:relative;overflow:hidden}.landing-module__g1LwZa__hero:before,.landing-module__g1LwZa__hero:after{content:"";pointer-events:none;position:absolute;inset:0}.landing-module__g1LwZa__hero:before{z-index:-2;opacity:.48;background:url(/home/keluarga-volunteers-hero.jpeg) 50% 46%/cover no-repeat}.landing-module__g1LwZa__hero:after{z-index:-1;background:linear-gradient(#f7f7f494 0%,#f7f7f45c 48%,#ffffff9e 78%,#fffffff0 92%,#fff 100%),linear-gradient(90deg,#f7f7f470,#ffffff3d,#f7f7f470)}.landing-module__g1LwZa__heroCopy,.landing-module__g1LwZa__pathPrompt,.landing-module__g1LwZa__roleGrid{z-index:1;position:relative}.landing-module__g1LwZa__heroCopy{width:min(100%,58rem);margin:0 auto;animation:.56s cubic-bezier(.22,1,.36,1) both landing-module__g1LwZa__copyEnter}.landing-module__g1LwZa__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa8;border:1px solid #168b9833;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.34rem .65rem;font-size:.76rem;font-weight:850;display:inline-flex}.landing-module__g1LwZa__eyebrow:before{background:var(--primary);content:"";border-radius:999px;width:.42rem;height:.42rem}.landing-module__g1LwZa__heroCopy h1{max-width:14ch;color:var(--ink);letter-spacing:-.055em;margin:0 auto;font-size:clamp(3.15rem,7vw,5.8rem);line-height:.96}.landing-module__g1LwZa__heroCopy h1 span{color:#0000;background:linear-gradient(100deg, var(--accent-strong), var(--accent), #147d64);-webkit-background-clip:text;background-clip:text}.landing-module__g1LwZa__lede{max-width:41rem;color:var(--muted);margin:0 auto;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.55}.landing-module__g1LwZa__pathPrompt{justify-items:center;gap:.25rem;margin:clamp(2.75rem,5.5vw,4.25rem) auto clamp(1.35rem,2.5vw,2rem);display:grid}.landing-module__g1LwZa__pathPrompt p,.landing-module__g1LwZa__pathPrompt span{margin:0}.landing-module__g1LwZa__pathPrompt p{color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.12rem,2vw,1.3rem);font-weight:800}.landing-module__g1LwZa__pathPrompt span{color:var(--muted);font-size:.92rem}.landing-module__g1LwZa__roleGrid{text-align:left;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;width:min(74rem,100% - 1.5rem);margin-inline:auto;display:grid}.landing-module__g1LwZa__roleChoice{min-width:0;animation:.46s cubic-bezier(.22,1,.36,1) both landing-module__g1LwZa__optionEnter}.landing-module__g1LwZa__roleChoice:nth-child(2){animation-delay:45ms}.landing-module__g1LwZa__roleChoice:nth-child(3){animation-delay:90ms}.landing-module__g1LwZa__roleChoice:nth-child(4){animation-delay:.135s}.landing-module__g1LwZa__roleChoice:nth-child(5){animation-delay:.18s}.landing-module__g1LwZa__roleOption{color:#fff;text-align:left;background:var(--accent-strong);cursor:pointer;border:0;border-bottom:3px solid #0e6973;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.9rem;width:100%;min-height:3.75rem;padding:.65rem 1rem .55rem;text-decoration:none;transition:background-color .12s,box-shadow .12s,transform .12s;display:flex;box-shadow:0 7px 18px #168b9833}.landing-module__g1LwZa__roleOption:hover{background:#117d88;transform:translateY(-1px)scale(1.01);box-shadow:0 12px 24px #168b9842}.landing-module__g1LwZa__roleOption:active{transform:translateY(0)scale(.99);box-shadow:0 4px 12px #168b982e}.landing-module__g1LwZa__roleOption:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.landing-module__g1LwZa__roleLabel{align-items:baseline;gap:.55rem;min-width:0;display:inline-flex}.landing-module__g1LwZa__roleNumber{color:#ffffffa8;letter-spacing:.08em;font-size:.68rem;font-weight:850}.landing-module__g1LwZa__roleLabel strong{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,1.45vw,1.1rem);font-weight:700;line-height:1.15;overflow:hidden}.landing-module__g1LwZa__roleArrow{color:#fff;flex:none;font-size:1.25rem;font-weight:700;line-height:1;transition:transform .12s}.landing-module__g1LwZa__roleOption:hover .landing-module__g1LwZa__roleArrow{transform:translate(2px,-2px)}.landing-module__g1LwZa__roleDescription{color:var(--muted);margin:.7rem 0 0;padding:0 .15rem;font-size:.84rem;line-height:1.45}@media (max-width:900px){.landing-module__g1LwZa__roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-module__g1LwZa__roleChoice:last-child{grid-column:1/-1}}@media (max-width:620px){.landing-module__g1LwZa__heroCopy h1{font-size:clamp(2.75rem,13vw,4rem)}.landing-module__g1LwZa__hero{min-height:calc(100svh - 5.75rem);padding:2rem .75rem 5rem}.landing-module__g1LwZa__hero:before{opacity:.4;background-position:52%}.landing-module__g1LwZa__hero:after{background:linear-gradient(#f7f7f4b3 0%,#f7f7f485 48%,#ffffffb3 78%,#fffffff5 94%,#fff 100%)}.landing-module__g1LwZa__pathPrompt{margin-top:2.75rem;margin-bottom:1.35rem}.landing-module__g1LwZa__roleGrid{grid-template-columns:1fr;gap:1rem}.landing-module__g1LwZa__roleChoice:last-child{grid-column:auto}.landing-module__g1LwZa__roleOption{min-height:3.65rem;padding-inline:.95rem}.landing-module__g1LwZa__roleDescription{margin-top:.55rem}}@keyframes landing-module__g1LwZa__copyEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-module__g1LwZa__optionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-module__g1LwZa__heroCopy,.landing-module__g1LwZa__roleChoice{opacity:1;animation:none;transform:none}.landing-module__g1LwZa__roleOption:hover,.landing-module__g1LwZa__roleOption:active,.landing-module__g1LwZa__roleOption:hover .landing-module__g1LwZa__roleArrow{transform:none}}