:root{
 --blue:#1f69b3;--blue-dark:#184f89;--yellow:#f0c541;--orange:#ef7b2d;
 --red:#d93c3c;--green:#138763;--charcoal:#4a4a4f;--ink:#222733;
 --muted:#697283;--line:#dde3ec;--bg:#f7f9fc;--surface:#fff;
 --shadow:0 16px 42px rgba(31,55,92,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI","Noto Sans Sinhala","Noto Sans Tamil",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(31,105,179,.11),transparent 25%),radial-gradient(circle at top right,rgba(240,197,65,.14),transparent 20%),var(--bg);line-height:1.55}
button,input,textarea{font:inherit}.hidden{display:none!important}.top-strip{height:6px;background:linear-gradient(90deg,var(--blue) 0 22%,var(--yellow) 22% 40%,var(--red) 40% 58%,var(--orange) 58% 77%,var(--green) 77%)}
.topbar,.hero-wrap,.container{width:min(920px,calc(100% - 24px));margin:auto}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 0 12px}.top-logo{width:185px;max-width:48vw}
.language-mini{display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:999px}
.language-mini button{border:0;background:transparent;padding:8px 11px;border-radius:999px;font-weight:800;color:#596273}
.language-mini button.active{background:var(--blue);color:#fff}
.hero{background:rgba(255,255,255,.94);border:1px solid rgba(31,105,179,.1);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.hero-accent,.success-accent{height:8px;background:linear-gradient(90deg,var(--blue),var(--yellow),var(--red),var(--orange),var(--green))}
.hero-grid{display:grid;grid-template-columns:1.3fr .75fr;gap:28px;padding:28px}
.eyebrow{color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.hero h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:8px 0;color:var(--charcoal);line-height:1.08}.hero p{color:#4f5969;margin:0}
.logo-panel{display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px}.logo-panel img{width:300px;max-width:100%}
.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.pill{font-size:.81rem;font-weight:800;border-radius:999px;padding:7px 11px}.pill.blue{background:#eaf3fc;color:var(--blue)}.pill.green{background:#e8f7f1;color:var(--green)}.pill.yellow{background:#fff5d4;color:#856800}
.container{width:min(840px,calc(100% - 24px));padding:18px 0 46px}
.progress-card,.form-step,.success-card{background:#fff;border:1px solid rgba(31,105,179,.1);border-radius:21px;box-shadow:var(--shadow)}
.progress-card{padding:14px 17px;margin-bottom:14px}.progress-meta{display:flex;justify-content:space-between;font-size:.84rem;font-weight:800;color:#5a6474}.track{height:9px;border-radius:999px;background:#edf1f6;margin-top:9px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));width:33%;transition:.2s}
.form-step{display:none;padding:18px}.form-step.active{display:block}.section-card{display:grid;grid-template-columns:7px 1fr;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#fff,#fbfcfe);margin-bottom:14px}.section-card h2{margin:0;color:var(--charcoal);font-size:1.3rem}.section-card p{margin:4px 0 0;color:var(--muted);font-size:.91rem}.section-mark{border-radius:999px;background:linear-gradient(var(--blue),var(--yellow))}.green-mark{background:linear-gradient(var(--green),var(--blue))}.red-mark{background:linear-gradient(var(--red),var(--orange))}
.question-card{display:grid;grid-template-columns:46px 1fr;gap:16px;position:relative;border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);margin-top:12px}.question-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:5px;border-radius:999px;background:linear-gradient(var(--blue),var(--green))}
.q-number{width:36px;height:36px;border-radius:12px;background:#eaf3fc;color:var(--blue);display:grid;place-items:center;font-weight:900}.q-title{font-weight:820;color:var(--charcoal)}.required{color:#c62828;margin-left:3px}.q-description{color:#596273;font-size:.9rem;margin:6px 0}.hint{font-size:.81rem;color:#7b8290;font-style:italic;margin:6px 0 10px}.error-text{font-size:.8rem;color:#c62828;font-weight:750;margin-top:7px}
.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.language-card,.option{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce4ed;border-radius:14px;padding:13px 14px;background:#fff;cursor:pointer;font-weight:600}.language-card:has(input:checked),.option:has(input:checked){border-color:var(--blue);background:#eef6ff}.language-card input,.option input{width:18px;height:18px;accent-color:var(--blue);margin-top:2px}
.options{display:grid;gap:8px;margin-top:10px}input[type=text],textarea{width:100%;margin-top:10px;padding:13px 14px;border:1px solid #ccd7e3;border-radius:13px;outline:none;background:#fff}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,105,179,.08)}textarea{min-height:115px;resize:vertical}
.scale-wrap{margin-top:12px;padding:14px;border:1px solid #dde4ee;border-radius:15px;background:#fff}.scale-numbers,.scale-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.scale-numbers{font-size:.86rem;font-weight:850;color:#4e5868}.scale-options label{display:grid;place-items:center;min-height:42px;border-radius:11px}.scale-options label:has(input:checked){background:#eaf3fc}.scale-options input{width:20px;height:20px;accent-color:var(--blue)}.scale-anchors{display:flex;justify-content:space-between;gap:20px;color:#747c89;font-size:.78rem;font-weight:700;margin-top:7px}
.reference-hint{margin-top:8px;padding:10px 12px;border-radius:11px;background:#f3f7fb;color:#5c6574;font-size:.82rem}
.actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.actions.single{justify-content:flex-end}.btn{border:0;border-radius:13px;padding:12px 18px;min-height:46px;font-weight:850}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 9px 20px rgba(31,105,179,.2)}.btn.secondary{background:#eff3f8;color:#334155;border:1px solid #dbe3ed}.btn:disabled{opacity:.6}
.submit-error{margin-top:14px;padding:13px 15px;border-radius:13px;background:#fff0f0;border:1px solid #efb3b3;color:#9f2626;font-weight:700;font-size:.9rem}
.success-card{text-align:center;overflow:hidden;padding:0 26px 28px}.success-accent{margin:0 -26px 24px}.success-icon{width:66px;height:66px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#0f6e50);color:#fff;font-size:2rem;font-weight:900}.success-card h2{margin:0 0 8px}.success-card p{color:var(--muted);max-width:580px;margin:0 auto 18px}footer{text-align:center;color:#7b8391;font-size:.79rem;padding:23px 0}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;padding:18px}.logo-panel{display:none}.form-step{padding:13px}.question-card{grid-template-columns:1fr;padding:15px}.question-card:before{left:15px;right:15px;top:0;bottom:auto;width:auto;height:5px}.language-grid{grid-template-columns:1fr}.actions{position:sticky;bottom:0;z-index:4;background:rgba(247,249,252,.96);padding:10px 0 2px}.actions .btn{flex:1}}