:root{--navy:#0b315b;--teal:#1595a7;--ink:#193247;--muted:#6b7d8e;--line:#dbe5eb;--bg:#f2f6f8;--success:#087351}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);scroll-behavior:smooth}body{margin:0}.public-body{min-height:100vh;background:var(--bg)}.public-topbar{position:sticky;top:0;z-index:500;background:rgba(242,246,248,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,229,235,.9)}.public-nav{width:min(1120px,calc(100% - 32px));height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.public-brand-mark,.public-brand-logo{width:39px;height:39px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950;flex:0 0 auto}.public-brand-logo{background:#fff;border:1px solid var(--line);padding:5px}.public-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.public-brand strong{display:block;color:var(--navy);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-brand small{display:block;color:#7c8d9a;font-size:9.5px;margin-top:2px}.public-nav nav{display:flex;align-items:center;gap:8px}.public-nav nav a{height:38px;padding:0 12px;border-radius:10px;text-decoration:none;color:#5a7182;font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px}.public-nav nav a:hover{background:#fff;color:var(--navy)}.public-nav nav .admin-access{background:#fff;border:1px solid var(--line);color:var(--navy)}.public-shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:26px 0 28px}.brand-card,.evaluation-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px rgba(13,47,77,.07)}.motion-card{animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.brand-card{position:relative;display:flex;gap:20px;align-items:center;padding:25px 28px;margin-bottom:18px;border-top:4px solid var(--teal)}.brand-logo img{display:block;max-width:150px;max-height:60px}.logo-placeholder{width:60px;height:60px;border-radius:17px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px}.eyebrow{margin:0 0 7px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:1.5px}.brand-card h1,.evaluation-card h2{margin:0;color:var(--navy)}.brand-card h1{font-size:29px;letter-spacing:-.5px}.brand-card p:last-child,.step-head p{margin:7px 0 0;color:var(--muted);line-height:1.55;font-size:13px}.single-entry-badge{margin-left:auto;align-self:flex-start;padding:7px 10px;border-radius:999px;background:#eef7f8;color:#0b6d79;border:1px solid #d6eaed;font-size:10px;font-weight:900;white-space:nowrap}.evaluation-card{padding:30px 32px;scroll-margin-top:86px}.step-head{margin-bottom:22px}.step-pill{display:inline-block;padding:6px 10px;background:#eaf7f7;color:#0b6b76;border-radius:999px;font-size:10px;font-weight:900;margin-bottom:10px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#334e63}.input-icon{height:52px;border:1px solid #cfdce4;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;transition:.18s}.input-icon:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px rgba(21,149,167,.1)}.input-icon>svg{width:18px;height:18px;color:#6f8797;flex:0 0 auto}.input-icon input{border:0;outline:0;width:100%;font-size:16px;color:#18334a}.employee-preview{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px;border-radius:13px;background:#f6fafb;border:1px solid #dbe8ec;animation:rise .2s ease both}.employee-preview .avatar{width:40px;height:40px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.employee-preview strong{display:block;font-size:13px}.employee-preview span{display:block;color:#728393;font-size:11px;margin-top:3px}.employee-preview .check{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#dff5ec;color:var(--success);display:grid;place-items:center;font-weight:900}.error-box{color:#a22;background:#fff4f4;padding:10px 12px;border-radius:10px;width:100%;font-size:12px}.btn{border:0;border-radius:12px;min-height:46px;padding:0 17px;font-weight:850;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.18s}.btn-primary{background:var(--navy);color:#fff;margin-top:20px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(11,49,91,.18)}.btn:disabled{opacity:.55;cursor:not-allowed}.public-note{margin-top:12px;color:#7a8997;font-size:11px}.question-card{border:1px solid #dce5eb;border-radius:17px;padding:20px;margin:15px 0;background:#fff;transition:.17s}.question-card:hover{border-color:#cadde5;box-shadow:0 12px 28px rgba(11,49,91,.05)}.question-num{color:var(--teal);font-weight:900;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.question-card h3{margin:8px 0 15px;color:#17364f;font-size:17px;line-height:1.45}.options{display:grid;gap:9px}.option{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid #dce5eb;border-radius:11px;cursor:pointer;transition:.15s;background:#fbfcfd;font-size:13px}.option:hover{border-color:#a8cfd5;background:#f7fbfb}.option input{position:absolute;opacity:0}.radio{width:19px;height:19px;border:2px solid #b6c5cf;border-radius:50%;flex:0 0 19px;margin-top:1px}.option:has(input:checked){border-color:var(--teal);background:#eefafa;box-shadow:0 0 0 2px rgba(21,149,167,.07)}.option input:checked+.radio{border:5px solid var(--teal)}.submit-btn{width:100%;margin-top:20px}.success-screen{text-align:center;padding:26px 10px}.success-icon{width:68px;height:68px;margin:0 auto 18px;border-radius:20px;background:#e1f6ed;color:var(--success);font-size:31px;display:grid;place-items:center;font-weight:900}.score-ring{width:142px;height:142px;margin:24px auto 13px;border:11px solid #dff0f2;border-top-color:var(--teal);border-radius:50%;display:grid;place-items:center;align-content:center;color:var(--navy)}.score-ring strong{font-size:42px;line-height:1}.score-ring span{color:#7a8997;font-size:13px}.hidden{display:none!important}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;color:#8998a6;font-size:11px;padding:18px}@media(max-width:720px){.public-nav{width:min(100% - 20px,1120px);height:62px}.public-brand small,.public-nav nav>a:first-child{display:none}.public-nav nav a{padding:0 10px}.public-shell{width:min(100% - 20px,1120px);padding-top:15px}.brand-card{padding:20px;align-items:flex-start}.single-entry-badge{display:none}.evaluation-card{padding:22px 17px}.brand-card h1{font-size:23px}.question-card{padding:16px 14px}.brand-logo{display:none}}

/* Guided evaluation wizard */
.identity-confirm-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #d9e6eb;border-radius:17px;background:#f7fbfc}.identity-avatar,.quiz-avatar{width:54px;height:54px;border-radius:15px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:.4px;flex:0 0 auto}.identity-copy{min-width:0;flex:1}.hello-label{display:block;color:var(--teal);font-size:9px;font-weight:950;letter-spacing:1.4px}.identity-copy h3{margin:4px 0 3px;color:var(--navy);font-size:20px;line-height:1.25}.identity-copy p{margin:0;color:var(--muted);font-size:12px}.identity-check{width:34px;height:34px;border-radius:50%;background:#dff5ec;color:var(--success);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.evaluation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.evaluation-summary>div{padding:13px;border:1px solid #e1e9ee;border-radius:13px;background:#fafcfd;text-align:center}.evaluation-summary strong{display:block;color:var(--navy);font-size:16px}.evaluation-summary span{display:block;color:#7a8c99;font-size:10px;margin-top:3px}.resume-note{margin-top:13px;padding:11px 13px;border-radius:11px;background:#eef8fa;border:1px solid #d6eaee;color:#4e7381;font-size:11px;line-height:1.5}.wizard-actions,.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.btn-light{background:#f2f6f8;color:#526e80;border:1px solid #d8e4ea}.btn-light:hover:not(:disabled){background:#eaf1f4}.btn.no-top{margin-top:0}.quiz-wizard-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.quiz-user{display:flex;align-items:center;gap:10px;min-width:0}.quiz-avatar{width:42px;height:42px;border-radius:12px;font-size:11px}.quiz-user strong{display:block;color:var(--navy);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-user small{display:block;color:#7b8d9a;font-size:10px;margin-top:2px}.quiz-progress-copy{text-align:right}.quiz-progress-copy span{display:block;color:#426074;font-size:12px}.quiz-progress-copy small{display:block;margin-top:4px;color:#7f909c;font-size:10px}.quiz-progress{height:8px;border-radius:999px;background:#e7eef2;overflow:hidden;margin:14px 0 20px}.quiz-progress i{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .24s ease}.question-stage{border:1px solid #dce6eb;border-radius:18px;padding:22px;background:#fff;animation:questionIn .2s ease both}@keyframes questionIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.question-stage h3{margin:9px 0 18px;color:#17364f;font-size:20px;line-height:1.45}.option-letter{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#edf3f6;color:#526f81;font-size:10px;margin-right:9px;vertical-align:middle}.option:has(input:checked) .option-letter{background:#dff3f4;color:#08727e}.wizard-step-dots{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;max-width:44%}.wizard-step-dots span{width:8px;height:8px;border-radius:50%;background:#d7e2e7;transition:.18s}.wizard-step-dots span.done{background:#81c5cd}.wizard-step-dots span.current{width:20px;border-radius:999px;background:var(--teal)}.success-screen small{display:block;color:#7a8997;font-size:11px;margin-top:12px}
@media(max-width:720px){.evaluation-summary{grid-template-columns:1fr}.wizard-actions,.wizard-footer{align-items:stretch;flex-direction:column-reverse}.wizard-actions .btn,.wizard-footer .btn{width:100%}.wizard-step-dots{max-width:100%;order:3}.quiz-wizard-head{align-items:flex-start;flex-direction:column}.quiz-progress-copy{text-align:left}.question-stage{padding:18px 14px}.question-stage h3{font-size:17px}.identity-confirm-card{align-items:flex-start}.identity-check{margin-left:auto}}