.mental-page{--mental:#315c5a;background:#f5f2ea;min-height:100vh}.mental-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex}.mental-nav .brand{color:inherit;text-decoration:none}.mental-nav nav{gap:24px;display:flex}.mental-nav nav a{color:inherit;font-size:13px;font-weight:700;text-decoration:none}.mental-intro{background:#dce8e4;padding:90px 8vw 80px}.mental-intro h1{font-size:clamp(58px,8vw,110px)}.mental-intro em{color:var(--mental)}.mental-intro>p:not(.eyebrow){max-width:670px;font-size:18px;line-height:1.7}.mental-facts{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.mental-facts span{border:1px solid #17261e59;border-radius:30px;padding:9px 13px;font-size:12px;font-weight:700}.mental-test,.mental-results{max-width:1160px;margin:auto;padding:80px 8vw}.test-progress{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f2eaf5;padding:18px 0;position:sticky;top:0}.test-progress>div{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.test-progress progress{width:100%;height:8px;accent-color:var(--mental)}.question-list{border-top:1px solid var(--line)}.question-list fieldset,.safety-question{border:0;border-bottom:1px solid var(--line);margin:0;padding:34px 0}.question-list legend,.safety-question legend{width:100%;font:600 25px/1.25 var(--font-serif);gap:18px;display:flex}.question-list legend small,.safety-question legend small{font:800 11px var(--font-sans);color:var(--rust);padding-top:8px}.question-list fieldset>div,.safety-question>div{grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 0 36px;display:grid}.question-list label,.safety-question label{margin:0;display:block}.question-list label input,.safety-question label input{opacity:0;pointer-events:none;position:absolute}.question-list label span,.safety-question label span{text-align:center;cursor:pointer;border:1px solid #aeb9b2;place-items:center;min-height:48px;padding:8px;font-size:12px;display:grid}.question-list label.selected span,.safety-question label.selected span{background:var(--mental);border-color:var(--mental);color:#fff}:is(.question-list label input:focus-visible+span,.safety-question label input:focus-visible+span){outline-offset:2px;outline:3px solid #b74b2c59}.safety-question{background:#efe5da;border:1px solid #d9c1ad;margin-top:30px;padding:34px}.safety-question>div{grid-template-columns:1fr 1fr}.crisis{color:#fff;background:#3f211c;border-left:6px solid #e47a5b;margin:28px 0;padding:26px}.crisis b{font:600 25px var(--font-serif)}.crisis p{line-height:1.7}.crisis a{color:#ffd0c2;font-weight:800}.mental-submit{background:var(--rust);color:#fff;width:100%;font:800 15px var(--font-sans);cursor:pointer;border:0;margin-top:28px;padding:19px 22px}.mental-submit:disabled{opacity:.45;cursor:not-allowed}.mental-note{text-align:center;color:#68746d;font-size:12px;line-height:1.5}.mental-results h2{margin-bottom:50px;font-size:clamp(46px,6vw,78px)}.result-overview{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.result-overview article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:32px}.result-overview article>div{justify-content:space-between;display:flex}.result-overview article>div span{text-transform:uppercase;letter-spacing:.08em;color:var(--mental);font-size:11px;font-weight:800}.result-overview h3{font:600 32px/1.1 var(--font-serif);margin:25px 0 12px}.result-overview p{color:#56635b;line-height:1.65}.result-overview article>b{color:var(--rust);text-transform:uppercase;letter-spacing:.1em;margin-top:26px;font-size:11px;display:block}.result-overview .band-perlu-dukungan{background:#f3dfd8}.result-next{background:var(--ink);color:#fff;margin-top:35px;padding:34px}.result-next h3{font:600 30px var(--font-serif);margin:0}.result-next p{color:#c6cec9;line-height:1.7}.result-next>div{gap:12px;margin-top:25px;display:flex}.result-next a,.result-next button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;padding:14px 18px;font-weight:800;text-decoration:none}.result-next a{background:var(--rust);border-color:var(--rust)}.mental-page footer{background:var(--ink);color:#e9eee9}@media (max-width:720px){.mental-nav{height:auto;min-height:82px;padding-top:18px;padding-bottom:18px}.mental-nav nav{text-align:right;flex-direction:column;gap:7px}.mental-intro{padding:70px 6vw}.mental-test,.mental-results{padding:55px 5vw}.question-list legend,.safety-question legend{font-size:22px}.question-list fieldset>div,.safety-question>div{grid-template-columns:1fr 1fr;margin-left:0}.safety-question{padding:24px}.result-overview{grid-template-columns:1fr}.result-next>div{flex-direction:column}.result-next a,.result-next button{text-align:center}}.mental-score{border:1px solid var(--line);background:#fff;grid-template-columns:220px 1fr;align-items:center;gap:38px;margin-bottom:60px;padding:38px;display:grid}.score-ring{--score:0;aspect-ratio:1;text-align:center;background:radial-gradient(circle,#fff 58%,transparent 59%),conic-gradient(var(--rust) calc(var(--score)*1%),#dce2dd 0);border-radius:50%;place-content:center;width:190px;display:grid}.score-ring strong{font:600 68px/.9 var(--font-serif)}.score-ring span{color:#657168;margin-top:8px;font-size:12px;font-weight:800}.score-copy small{letter-spacing:.12em;color:var(--mental);font-size:11px;font-weight:800}.score-copy h3{font:600 clamp(36px,5vw,58px)/1 var(--font-serif);margin:12px 0 18px}.score-copy p{max-width:650px;font-size:17px;line-height:1.6}.score-copy b{color:var(--rust);letter-spacing:.1em;text-transform:uppercase;margin-top:24px;font-size:11px;display:block}.score-scale{border-top:6px solid var(--rust);grid-column:1/-1;grid-template-columns:repeat(5,1fr);padding-top:10px;display:grid}.score-scale span{border-left:1px solid var(--line);padding-left:8px;font-size:12px}.score-scale b{font-size:10px}.mental-score.urgent{background:#f3dfd8;border-color:#a8432d}.mental-score.urgent .score-ring{background:radial-gradient(circle,#f3dfd8 58%,transparent 59%),conic-gradient(#8d2d21 calc(var(--score)*1%),#d9bdb4 0)}.area-heading{margin:0 0 28px}.area-heading h3{font:600 clamp(34px,4vw,52px)/1.05 var(--font-serif);margin:12px 0}@media (max-width:720px){.mental-score{grid-template-columns:1fr;gap:24px;padding:26px}.score-ring{width:165px;margin:auto}.score-scale{border-top:0;border-left:6px solid var(--rust);grid-template-columns:1fr;gap:8px;padding:0 0 0 10px}.score-scale span{border-left:0}}.deep-invite{border-left:6px solid var(--mental);background:#dce8e4;grid-template-columns:1fr auto;align-items:center;gap:30px;margin:40px 0;padding:34px;display:grid}.deep-invite h3{font:600 38px/1 var(--font-serif);margin:12px 0}.deep-invite p{max-width:680px;line-height:1.6}.deep-invite>a{background:var(--mental);color:#fff;padding:16px 20px;font-weight:800;text-decoration:none}.deep-picker{max-width:1200px;margin:auto;padding:70px 8vw}.adult-gate{border:1px solid var(--line);background:#fff;margin-bottom:28px;padding:24px}.adult-gate label{align-items:flex-start;gap:14px;font-weight:800;display:flex}.adult-gate input{width:20px;height:20px;accent-color:var(--mental)}.adult-gate p{color:#68746d;margin:12px 0 0 34px}.deep-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.deep-grid article{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:360px;padding:30px;display:flex}.deep-grid article:last-child{border:0}.deep-grid small{color:var(--rust);font-weight:800}.deep-grid h2{font:600 34px/1.05 var(--font-serif);margin:35px 0 16px}.deep-grid p{color:#56635b;line-height:1.65}.deep-grid button{background:var(--mental);color:#fff;cursor:pointer;border:0;margin-top:auto;padding:15px;font-weight:800}.deep-grid button:disabled{opacity:.35;cursor:not-allowed}.evidence-note{background:var(--ink);color:#fff;margin-top:28px;padding:28px}.evidence-note b{font:600 26px var(--font-serif)}.evidence-note p{color:#c6cec9;line-height:1.7}.back-link{color:var(--rust);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.deep-title{margin:20px 0 45px;font-size:clamp(42px,6vw,70px)}.deep-title i{color:var(--mental)}@media (max-width:720px){.deep-invite{grid-template-columns:1fr}.deep-invite>a{text-align:center}.deep-picker{padding:50px 5vw}.deep-grid{grid-template-columns:1fr}.deep-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:310px}}.category-list{gap:14px;display:grid}.category-list details{border:1px solid var(--line);background:#fff}.category-list summary{cursor:pointer;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:22px 26px;list-style:none;display:grid}.category-list summary::-webkit-details-marker{display:none}.category-list summary span{color:var(--rust);font-size:12px;font-weight:800}.category-list summary b{font:600 30px var(--font-serif)}.category-list summary small{color:#657168;font-weight:800}.category-list details[open] summary{border-bottom:1px solid var(--line)}.category-list .deep-grid{border:0}.category-list .deep-grid article:nth-child(3n){border-right:0}@media (max-width:720px){.category-list summary{grid-template-columns:34px 1fr auto;padding:18px}.category-list summary b{font-size:24px}.category-list .deep-grid article{border-right:0}}