
:root{--bg:#090b0a;--panel:#121613;--ivory:#f3eee4;--ink:#20241f;--muted:#b8b5ac;--gold:#c8ac78;--line:rgba(255,255,255,.10)}
body.assessment-page{background:var(--bg);color:#f2ede4;min-height:100vh}
.assessment-shell{min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(205,172,111,.08),transparent 26%),radial-gradient(circle at 82% 85%,rgba(108,139,162,.08),transparent 24%)}
.assessment-main{max-width:1040px;margin:0 auto;padding:120px 24px 90px}
.assessment-intro{max-width:800px;margin-bottom:40px}.assessment-intro h1{font-family:"Iowan Old Style","Songti TC",serif;font-size:clamp(48px,8vw,88px);line-height:1.08;margin:0 0 18px}.assessment-intro p{font-size:20px;line-height:1.8;color:#c8c5bd}
.assessment-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.assessment-meta span{padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:13px;color:#c9c5bb}
.progress-wrap{margin:28px 0 36px}.progress-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:13px;color:#b8b5ac}.progress-track{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;width:10%;background:linear-gradient(90deg,#b69a68,#e0c795);border-radius:99px;transition:.3s}
.question-card{background:rgba(19,23,20,.92);border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:clamp(26px,5vw,46px);box-shadow:0 22px 70px rgba(0,0,0,.28)}.question-card .eyebrow{margin-bottom:12px}.question-card h2{font-family:"Iowan Old Style","Songti TC",serif;font-size:clamp(32px,4.5vw,48px);line-height:1.35;margin:0 0 26px;font-weight:500}.answers{display:grid;gap:13px}.answer{width:100%;text-align:left;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#efebe2;padding:18px 20px;border-radius:18px;font-size:18px;line-height:1.55;cursor:pointer;transition:.22s}.answer:hover{transform:translateY(-1px);border-color:rgba(212,185,124,.46);background:rgba(255,255,255,.06)}.answer.selected{border-color:#d3ba86;background:rgba(201,174,121,.13)}
.question-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.question-nav button{min-width:120px}.question-nav .btn[disabled]{opacity:.35;cursor:not-allowed}
.result-panel{display:none}.result-panel.show{display:block}.result-hero{background:linear-gradient(135deg,#efe6d8,#f7f2e8);color:#20241f;border-radius:32px;padding:clamp(28px,5vw,48px);margin-bottom:24px}.result-hero .eyebrow{color:#6f736d}.result-hero h2{font-family:"Iowan Old Style","Songti TC",serif;font-size:clamp(40px,6vw,66px);line-height:1.15;margin:0 0 12px}.result-hero p{font-size:19px;line-height:1.8;color:#4e544e;max-width:820px}.stage-badge{display:inline-flex;padding:10px 14px;border-radius:999px;background:#1a1e1b;color:#f6f1e8;font-size:14px;margin-top:14px}
.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.result-card{display:flex;flex-direction:column;min-height:330px;border-radius:25px;padding:22px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(5,7,6,.03),rgba(5,7,6,.88)),var(--bgimg) center/cover no-repeat;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.25)}.result-card span{font-size:12px;letter-spacing:.16em;color:#decba7;text-transform:uppercase}.result-card strong{font-family:"Iowan Old Style","Songti TC",serif;font-size:34px;font-weight:500;margin:auto 0 8px}.result-card p{font-size:15px;line-height:1.65;color:#d8d4ca;margin:0}.result-card em{font-style:normal;font-size:13px;margin-top:14px;color:#f3e4c5}
.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.privacy-note{margin-top:22px;color:#888d85;font-size:13px;line-height:1.7}
@media(max-width:800px){.result-grid{grid-template-columns:1fr}.assessment-main{padding:95px 18px 70px}.question-card{padding:24px 20px}.answer{font-size:17px}.question-nav{position:sticky;bottom:12px;background:rgba(9,11,10,.82);backdrop-filter:blur(12px);padding:10px;border-radius:18px}.assessment-intro p{font-size:18px}}


/* V1.7.4 — Assessment contrast */
.assessment-intro p{color:#d4d1ca}
.assessment-meta span{color:#ded9cf}
.progress-head{color:#c9c6be}
.answer{color:#f5f0e7;border-color:rgba(255,255,255,.16)}
.privacy-note{color:#a5aaa2}
.result-card p{color:#e5e1d8}
