.placement-page{max-width:1160px;margin:0 auto;padding:clamp(18px,3vw,42px);color:#f5f5fb}
.placement-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.placement-eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#8ddfff;font-weight:700}
.placement-header-actions,.placement-actions{display:flex;gap:10px;flex-wrap:wrap}
.placement-page button{font:inherit;cursor:pointer}
.placement-header button,.placement-actions button,.placement-footer button{border:1px solid #56658a;background:#101a35;color:#e8edff;border-radius:12px;padding:10px 14px}
.placement-page button:focus-visible,.placement-page textarea:focus-visible,.placement-page input:focus-visible{outline:2px solid #8ddfff;outline-offset:3px}
.placement-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 16px}
.placement-phases li{display:flex;align-items:center;gap:10px;border:1px solid #314060;background:#0d1730;border-radius:14px;padding:12px;color:#bdc8e4;font-size:.88rem}
.placement-phases li span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#1b2a50;color:#e8eeff}
.placement-phases li.active{border-color:#8c75f4;background:#191b43;color:#fff}
.placement-phases li.done span{background:#0b806e;color:#fff}
.placement-progress{display:flex;gap:12px;align-items:center;margin-bottom:25px;color:#b5c3e7;font-size:.82rem}
.placement-progress>div{height:9px;flex:1;background:#202c50;border-radius:20px;overflow:hidden}
.placement-progress i{display:block;height:100%;background:linear-gradient(90deg,#31cbed,#8d72ef);border-radius:20px}
.placement-welcome,.placement-activity,.placement-results{border:1px solid #35466b;background:linear-gradient(145deg,#101c3b,#080f22 72%);border-radius:24px;padding:clamp(20px,4vw,44px);box-shadow:0 22px 70px #0005}
.placement-welcome{background:linear-gradient(105deg,#101b39eb,#10152be8),url('/assets/academy-v3/portal-v32.webp') center/cover}
.placement-page h1{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.03em;margin:10px 0 18px;max-width:760px}
.placement-page h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:10px 0}
.placement-page h3{font-size:1.2rem;margin:12px 0}
.placement-page p{line-height:1.6;color:#d3ddf4;max-width:78ch}
.placement-note,.placement-separation{font-size:.9rem;color:#bac8e1!important;border-left:3px solid #6184d7;padding-left:15px}
.placement-primary{border:1px solid #a998ff;background:linear-gradient(110deg,#5742cf,#745bdf);color:white;border-radius:14px;padding:14px 22px;min-height:48px;font-weight:700!important;box-shadow:0 8px 25px #3a2aa14d}
.placement-primary:hover{filter:brightness(1.12)}
.placement-primary:disabled{opacity:.65;cursor:wait}
.placement-task-head{margin-bottom:18px}
.placement-question{font-size:clamp(1.1rem,2vw,1.4rem);color:#fff!important;font-weight:600}
.placement-page fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.placement-page legend{color:#b9c8e6;margin-bottom:12px}
.placement-option{display:flex;align-items:center;gap:12px;border:1px solid #475878;background:#172340;border-radius:13px;padding:14px;cursor:pointer;min-height:50px}
.placement-option:has(input:checked){border-color:#a995ff;background:#29214f}
.placement-option input{accent-color:#a58dff;flex:none}
.placement-text-label{display:block;color:#e2e9fb;font-weight:650;margin:14px 0 8px}
.placement-page textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:130px;background:#0d1730;color:#fff;border:1px solid #5870a0;border-radius:14px;padding:15px;font:inherit;line-height:1.55}
.placement-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.placement-form-actions small{color:#acbad7}
.placement-dialogue{display:grid;gap:12px;margin:20px 0;padding:8px 4px}
.placement-bubble{max-width:min(85%,720px);padding:14px 18px;border:1px solid #4b5d83;border-radius:17px;background:#172642}
.placement-bubble.student{justify-self:end;background:#27214c;border-color:#7161b9}
.placement-bubble span{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#9fc9f5}
.placement-bubble p{margin:7px 0 0}
.placement-reviews{margin:24px 0;padding:16px 20px;border:1px solid #354b78;border-radius:16px;background:#111c39}.placement-reviews ul{padding-left:22px}.placement-reviews li p{margin:3px 0 12px;font-size:.88rem}
.placement-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.placement-results-grid article{background:#121e3b;border:1px solid #354b78;border-radius:16px;padding:18px}
.placement-results li{margin:9px 0;line-height:1.45}
.placement-results li small{display:block;color:#aabce1}
.placement-results details{margin-top:5px;font-size:.83rem;color:#c3d0ed}
.placement-results summary{cursor:pointer;color:#a8d9ff;max-width:max-content}
.placement-results details p{margin:7px 0;font-size:.82rem}
.placement-results details ul{padding-left:20px;margin:5px 0}
.placement-results details li{margin:3px 0}
.placement-results blockquote{margin:7px 0;padding:8px 12px;border-left:2px solid #8278db;background:#1b2547;border-radius:0 8px 8px 0;overflow-wrap:anywhere}
.placement-program{display:inline-block;color:#fff!important;font-size:1.2rem;font-weight:800;border:1px solid #8d77eb;border-radius:99px;padding:9px 17px;background:#342778}
.placement-plan{display:grid;gap:10px;list-style-position:inside;padding:0}
.placement-plan li{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#142141;border:1px solid #324a75;border-radius:14px;padding:14px}
.placement-plan p{margin:5px 0;font-size:.9rem}
.placement-plan button{border:1px solid #8b8cf1;border-radius:10px;background:#3f42a4;color:#fff;padding:10px 14px;flex:none}
.placement-locked{font-size:.8rem;color:#bbc5da;max-width:150px}
.placement-error{border:1px solid #e7a394;border-radius:12px;background:#492021;color:#ffe6e0!important;padding:12px 16px}
.placement-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;font-size:.85rem}
.placement-footer button{border-color:#73556c;color:#ffdce7;background:#2c1725}
.placement-cta{margin:0 0 20px;border:1px solid #716bc4;background:#151d43;border-radius:18px;padding:18px 22px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.placement-cta p{margin:4px 0;color:#cbd5f1}
.placement-cta button{background:#6851d8;color:#fff;border:1px solid #ab9cfa;border-radius:12px;padding:11px 17px;cursor:pointer;white-space:nowrap}
.course-personalization{margin:12px clamp(12px,2vw,28px) 18px;padding:14px 18px;border:1px solid #5e619a;border-radius:14px;background:#171d3a;color:#edf1ff}
.course-personalization strong{display:block;font-size:.9rem;color:#b2dfff}
.course-personalization p{margin:5px 0;color:#eef0ff;line-height:1.45}
.course-personalization small{color:#b8c4dd;font-size:.76rem}
@media(max-width:700px){.placement-page{padding:14px}.placement-header{align-items:flex-start;flex-direction:column}.placement-phases{gap:5px}.placement-phases li{display:block;font-size:.72rem;padding:8px}.placement-phases li span{margin-bottom:5px}.placement-results-grid{grid-template-columns:1fr}.placement-plan li,.placement-footer,.placement-cta{align-items:stretch;flex-direction:column}.placement-dialogue{max-height:none}.placement-bubble{max-width:95%}}
@media(prefers-reduced-motion:reduce){.placement-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}