.dass-head,.dass-result-head{text-align:center;margin:28px auto 38px;max-width:780px}.dass-head h1,.dass-result-head h1{font:800 44px Manrope;margin:10px}.dass-head p,.dass-result-head p{color:var(--muted);font-size:17px}.dass-form{max-width:950px;margin:auto}.dass-form fieldset{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px;margin:18px 0;box-shadow:0 8px 30px rgba(64,42,105,.04)}.dass-form legend{padding:0 12px;font-size:17px}.answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.answer-grid input{position:absolute;opacity:0}.answer-grid span{display:flex;flex-direction:column;text-align:center;border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;font-weight:800}.answer-grid input:checked+span{border-color:var(--purple);background:var(--lilac);color:var(--purple);box-shadow:0 0 0 2px rgba(117,68,219,.12)}.answer-grid small{margin-top:4px;color:var(--muted);font-weight:600}.dass-form>button{display:block;margin:30px auto}.screening-meta{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:0 auto 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.screening-meta>div{padding:20px 24px;border-right:1px solid var(--line)}.screening-meta>div:last-child{border:0}.screening-meta small,.screening-meta strong{display:block}.screening-meta small{color:var(--muted);margin-bottom:6px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:auto}.result-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;text-align:center;box-shadow:0 12px 35px rgba(64,42,105,.05)}.result-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:#7c4be0}.result-card strong{display:block;margin:8px 0;font:800 44px Manrope;color:var(--purple)}.result-card b{display:block;font-size:18px}.result-card small{display:block;margin-top:5px;color:var(--muted)}.level-berat:before,.level-sangat-berat:before{background:#e66a62}.risk-warning,.safety-note{max-width:1050px;margin:24px auto;padding:20px;border:1px solid #f2b8b4;border-radius:16px;background:#fff0f0;color:#8d2e2e}.result-next{max-width:1050px;margin:24px auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#6840c5,#44306f)}.result-next>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.result-next h2,.result-next p{grid-column:2;margin:0}.result-next p{margin-top:7px;color:#ded3fa}.step-done{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#32b89f;font-weight:900}.result-actions{display:flex;flex-direction:column;gap:10px;min-width:245px}.result-next .btn-outline{color:#fff;border-color:#a992df}.screening-disclaimer{max-width:1050px;margin:20px auto;color:var(--muted);font-size:13px}.booking-card{align-items:center!important}.booking-main{flex:1}.booking-action{min-width:235px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.booking-progress{display:flex;gap:8px;margin-top:20px}.booking-progress span{padding:7px 11px;border-radius:99px;background:#f0f1f5;color:#7d8493;font-size:11px}.booking-progress span.done{color:#087f6c;background:#e3f6f1}.btn-zoom{color:#fff!important;background:#087f6c!important}.text-link{color:var(--purple);font-weight:800}.waiting-note{color:var(--muted);font-size:11px}.dashboard-callout{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:28px;border:1px solid #d8d0ef;border-radius:22px;background:#fff}.dashboard-callout>div{display:flex;align-items:center;gap:16px}.dashboard-callout>div>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:#32b89f;font-weight:900}.dashboard-callout h2,.dashboard-callout p{margin:0}.dashboard-callout p{margin-top:5px;color:var(--muted)}@media(max-width:750px){.answer-grid,.result-grid,.screening-meta{grid-template-columns:1fr 1fr}.screening-meta>div{border-bottom:1px solid var(--line)}.result-next,.dashboard-callout{align-items:stretch;flex-direction:column}.booking-card{align-items:flex-start!important}.booking-action{align-items:flex-start}.booking-progress{flex-wrap:wrap}}@media(max-width:500px){.answer-grid,.result-grid,.screening-meta{grid-template-columns:1fr}}