.assessmentCardActions{display:grid;gap:7px;justify-items:stretch}
.assessmentCardActions>button{white-space:nowrap}
.assessmentShareButton{padding:8px 12px!important;border:1px solid #b7c9da!important;background:#fff!important;color:#315f8f!important;border-radius:10px!important;font-size:11px!important;font-weight:750!important}
.assessmentShareModal{max-width:620px}
.assessmentShareModal>p{color:#5d6e82;line-height:1.65}
.assessmentExpiryLabel{display:grid;gap:7px;margin:18px 0;color:#263d59;font-weight:750}
.assessmentExpiryLabel select{min-height:44px;border:1px solid #cbd7e3;border-radius:10px;padding:0 12px;background:#fff}
.assessmentShareActions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.assessmentShareResult.ready{padding:13px;border:1px solid #a7dec8;background:#effaf5;border-radius:12px}
.assessmentShareResult.error{padding:12px;color:#a6293a;background:#fff1f2;border-radius:10px}
.assessmentShareResult label,.assessmentShareResult small{display:block}
.assessmentShareResult>div{display:grid;grid-template-columns:1fr auto;gap:7px;margin:7px 0}
.assessmentShareResult input{min-width:0}
.assessmentShareResult small{color:#517064}

.publicAssessmentPage{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(31,211,203,.16),transparent 34%),radial-gradient(circle at 88% 90%,rgba(22,148,224,.1),transparent 34%),#f7fbfc;color:#092b4b;font-family:Inter,"Segoe UI",Arial,sans-serif}
.publicAssessmentRoot{width:min(820px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}
.publicAssessmentBrand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.publicAssessmentBrand>a{display:flex;align-items:center;gap:10px;color:#092b4b;text-decoration:none;font-size:24px;font-weight:850;letter-spacing:-.04em}
.publicAssessmentBrand img{width:42px;height:42px}
.publicAssessmentLanguage{min-height:40px;padding:0 13px;border:1px solid #cbdce6;border-radius:999px;background:#fff;color:#087e76;font-weight:750}
.publicAssessmentCard{background:rgba(255,255,255,.96);border:1px solid #d5e3ea;border-radius:24px;box-shadow:0 24px 70px rgba(12,52,73,.1);overflow:hidden}
.publicAssessmentHeader{padding:28px 32px 22px;border-bottom:1px solid #e1eaef;background:linear-gradient(135deg,#fff,#f4fcfb)}
.publicAssessmentEyebrow{display:block;margin-bottom:8px;color:#008b83;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.publicAssessmentHeader h1{margin:0 0 7px;font-size:clamp(26px,5vw,40px);line-height:1.13;letter-spacing:-.035em}
.publicAssessmentHeader p{margin:0;color:#64758a;line-height:1.65}
.publicAssessmentPrivacy{display:flex;align-items:center;gap:9px;margin-top:17px;padding:10px 12px;border-radius:12px;background:#eaf8f5;color:#12675f;font-size:13px;font-weight:650}
.publicAssessmentProgress{padding:20px 32px 0}
.publicAssessmentProgress>div{display:flex;justify-content:space-between;margin-bottom:8px;color:#52677d;font-size:12px;font-weight:750}
.publicAssessmentTrack{height:7px;background:#e7eef2;border-radius:99px;overflow:hidden}
.publicAssessmentTrack span{display:block;height:100%;background:linear-gradient(90deg,#10b89e,#1599df);border-radius:inherit;transition:width .25s ease}
.publicAssessmentQuestion{padding:28px 32px 10px}
.publicAssessmentQuestion h2{margin:0;font-family:Cairo,Inter,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.55;font-weight:750}
.publicAssessmentQuestion p{margin:9px 0 0;color:#718095;line-height:1.5}
.publicAssessmentAnswers{display:grid;gap:10px;padding:18px 32px 28px}
.publicAssessmentAnswer{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:62px;padding:9px 14px;text-align:start;border:1px solid #d5e0e7;border-radius:14px;background:#fff;color:#183b59;transition:.15s ease}
.publicAssessmentAnswer:hover{border-color:#1bb7ab;background:#f4fbfa;transform:translateY(-1px)}
.publicAssessmentAnswer.selected{border-color:#0b9c8e;background:#eaf9f6;box-shadow:0 0 0 3px rgba(11,156,142,.09)}
.publicAssessmentAnswer b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef4f7;color:#087e76}
.publicAssessmentAnswer span{display:grid;gap:3px;font-family:Cairo,Inter,sans-serif;font-weight:700}
.publicAssessmentAnswer small{color:#718095;font-family:Inter,"Segoe UI",sans-serif;font-weight:500}
.publicAssessmentActions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px 28px;border-top:1px solid #e4edf1}
.publicAssessmentActions button{min-height:46px;padding:0 22px;border-radius:12px;font-weight:800}
.publicAssessmentBack{border:1px solid #c8d7e1;background:#fff;color:#24445e}
.publicAssessmentNext{border:0;background:linear-gradient(135deg,#0eaa91,#1599df);color:#fff;box-shadow:0 10px 25px rgba(12,157,151,.2)}
.publicAssessmentNext:disabled{opacity:.45;box-shadow:none}
.publicAssessmentState{padding:72px 32px;text-align:center}
.publicAssessmentState img{width:58px;height:58px}.publicAssessmentState h1{margin:16px 0 8px}.publicAssessmentState p{color:#63758a;line-height:1.65}
.publicAssessmentSpinner{width:36px;height:36px;margin:0 auto;border:3px solid #dbe9eb;border-top-color:#0aa391;border-radius:50%;animation:publicAssessmentSpin .8s linear infinite}
@keyframes publicAssessmentSpin{to{transform:rotate(360deg)}}
html[dir="rtl"] .publicAssessmentPage{text-align:right}
@media(max-width:620px){.publicAssessmentRoot{width:min(100% - 20px,820px);padding-top:14px}.publicAssessmentBrand{margin:0 5px 14px}.publicAssessmentHeader,.publicAssessmentProgress,.publicAssessmentQuestion,.publicAssessmentAnswers,.publicAssessmentActions{padding-left:18px;padding-right:18px}.publicAssessmentCard{border-radius:18px}.publicAssessmentActions button{padding:0 16px}.assessmentCardActions{grid-column:1/-1;width:100%}}