/* Alim Okulları: supplied logo, coral / turquoise / purple / golden yellow. */
:root{--alim-coral:#cd3e49;--alim-orange:#e77425;--alim-teal:#147f88;--alim-purple:#7c428e;--alim-yellow:#f3b53f;--alim-ink:#303347;--alim-muted:#686b7b;--green:var(--alim-coral);--lime:#ffe7a9;color:var(--alim-ink);background:#fafbfc}
body{background:linear-gradient(90deg,#cd3e49 0 25%,#f3b53f 25% 50%,#1596a1 50% 75%,#8a4d9d 75%) top/100% 5px no-repeat,#fafbfc}
header{padding:26px 36px 22px;max-width:1200px;border-bottom:1px solid #e8e9ee;gap:24px}
.brand{display:block;line-height:0;flex-shrink:0}.alim-logo{display:block;width:240px;height:auto;object-fit:contain}.header-title{text-align:right;display:flex;flex-direction:column;gap:7px}.header-title>span{font-family:Manrope,sans-serif;font-size:20px;font-weight:750;letter-spacing:-.4px}.header-title small{font-size:11px;color:#777887;letter-spacing:1.7px;font-weight:600}
main{margin-top:34px}.intro{border:1px solid #e7e6ec;box-shadow:0 14px 50px #30334706;background:white;grid-template-columns:1.1fr 1fr;border-radius:24px}.intro-copy{padding:44px}.intro-copy>.eyebrow{color:var(--alim-purple);font-size:12px}.intro-copy h1{font-size:clamp(38px,4.4vw,56px);letter-spacing:-2px;line-height:1.16;color:var(--alim-ink)}.intro-copy h1 em{font-style:normal;color:var(--alim-teal)}.intro-copy>p{color:var(--alim-muted)}.stats{gap:40px;margin:28px 0}.stats>div{padding-right:22px;border-right:1px solid #eeedf1}.stats>div:last-child{border:0;padding:0}.stats strong{font-family:Manrope,sans-serif;font-size:27px;color:var(--alim-ink)}.stats span{color:#747684;font-size:14px}.intro .primary{background:var(--alim-coral);box-shadow:0 8px 20px #cd3e4920;padding:18px 22px;border-radius:12px}.primary:hover,.intro .primary:hover{background:#ad303c}.primary:disabled{background:#c7cad1;color:#fff}.small{color:#747684}
.map{position:relative;background:#f2f7f8;color:var(--alim-ink);padding:36px;min-height:500px;border-left:1px solid #e5edf0}.map-heading{color:var(--alim-teal);font-size:11px;letter-spacing:1.5px;font-weight:700}.map-grid{gap:13px;margin:25px 0;align-items:stretch}.axis{position:relative;border:0;border-radius:16px;padding:26px 22px 22px;box-shadow:0 4px 16px #26304a05;min-height:148px;background:#fff0f1;color:#b42e43;transform:rotate(-2deg)}.axis:nth-child(2){background:#e4f3f5;color:#116d77;transform:rotate(2deg)}.axis:nth-child(3){background:#f0e8f7;color:#78418b;transform:rotate(1deg)}.axis:nth-child(4){background:#fff1d1;color:#8c6113;transform:rotate(-2deg)}.axis b{font-weight:700;font-size:36px;letter-spacing:1px}.axis>span:not(.axis-index){color:inherit;font-size:14px;margin-top:12px}.axis .axis-index{position:absolute;right:15px;top:12px;margin:0;font-size:10px;letter-spacing:1px;opacity:.65}.map .quote{font-family:Manrope,sans-serif;font-size:23px;line-height:1.5;font-weight:600;margin-top:8px}.map .accent{color:var(--alim-teal)}.instructions{gap:14px;margin:20px 0;padding:0}.instructions p{background:white;border:1px solid #e9e8ef;border-radius:14px;padding:20px;margin:0;color:var(--alim-muted);font-size:14px}.instructions b{color:var(--alim-ink);font-weight:700}
.topline{color:var(--alim-muted);font-size:13px}.topline strong{color:var(--alim-purple)}.progress{height:7px;background:#ecebf2;margin-bottom:28px}.progress div{background:linear-gradient(90deg,var(--alim-coral),var(--alim-orange))}.question{border-color:#e5e4ed;box-shadow:0 12px 35px #38355305;padding:40px 42px}.question .eyebrow{color:var(--alim-purple)}.question h2{color:var(--alim-ink)}.question .hint{color:var(--alim-muted)}.pole-letter{color:#7b7c8b}.poles p{color:var(--alim-ink)}.poles>div{padding:16px 20px;background:#f7f4fa;border-radius:14px}.poles>div:last-child{background:#eef7f8}.poles{gap:18px}.poles p{margin:8px 0;min-height:60px}.option{border-color:#d6c7df;color:var(--alim-purple)}.option:hover{background:#f3edf7}.option[aria-pressed="true"]{background:var(--alim-purple);border-color:var(--alim-purple);box-shadow:0 0 0 5px #eee4f4}.scale-labels{color:var(--alim-muted);font-size:13px}.nav .primary{min-width:142px}.ghost{border-color:#dad8e4;color:#626076;background:#fff}.ghost:hover:not(:disabled){background:#f3f0f7}.key-hint{color:#7c7c8c}.primary,.ghost,.option{transition:background .18s,box-shadow .18s,transform .18s}.primary:active:not(:disabled){transform:translateY(1px)}
.result-shell{color:var(--alim-ink)}.result-heading .eyebrow{color:var(--alim-teal)}.result-heading h1{color:var(--alim-ink)}.complete-label{color:var(--alim-teal);border-color:#d5eaeb;background:#eff8f8}.result-toolbar{border-color:#e3e4eb}.dimension-heading h3{color:var(--alim-ink)}.dimension-labels{color:#676b7b}.dimension-heading>span{color:#737788}.result-footnote,.result-caption{color:#747887}.text-button{color:#676779}.balanced-note{background:white;border-color:#e4e4eb}.balanced-note p{color:var(--alim-muted)}.alternative-codes span{background:#eeeaf4;color:#6c487c}
footer{border-color:#e2e5eb;align-items:center;margin-top:12px}.footer-brand{display:flex;gap:16px;align-items:center;color:#747684}.footer-brand b{color:var(--alim-teal);font-size:14px;font-weight:700}.footer-brand>span{font-size:12px}footer button{color:#666577;font-size:13px}dialog{color:var(--alim-ink);border-top:5px solid var(--alim-purple)}dialog::backdrop{background:#30334780}dialog a{color:var(--alim-teal)}#toast{color:var(--alim-teal)}button:focus-visible,a:focus-visible{outline-color:var(--alim-teal)}
@media(max-width:800px){header{padding:22px 24px}.alim-logo{width:210px}.header-title>span{font-size:17px}.header-title small{font-size:10px}.intro-copy{padding:32px}.map{padding:28px}.stats{gap:20px}.stats>div{padding-right:20px}.axis{padding:25px 17px 20px}.axis b{font-size:30px}.map .quote{font-size:21px}.footer-brand{align-items:start;flex-direction:column;gap:5px}}
@media(max-width:700px){header{gap:10px;padding:23px 20px 18px}.alim-logo{width:180px}.header-title>span{font-size:15px}.header-title small{font-size:9px;letter-spacing:.8px}.intro{grid-template-columns:1fr}main{margin-top:24px}.intro-copy{padding:30px 26px}.intro-copy h1{font-size:40px;letter-spacing:-1.5px}.intro-copy>p{font-size:16px}.map{border-left:0;border-top:1px solid #e5edf0;min-height:0;padding:26px}.map-grid{margin:22px 0}.axis{min-height:135px}.axis b{font-size:32px}.map .quote{font-size:22px}.instructions{display:grid;grid-template-columns:1fr;margin-top:16px;gap:10px}.instructions p{padding:18px 22px}.question{padding:28px 18px}.question h2{font-size:26px}.poles{gap:12px;margin-bottom:30px}.poles>div{padding:14px 12px}.poles p{font-size:16px;min-height:100px}.option{width:46px;height:46px}.option:first-child,.option:last-child{width:56px;height:56px}.options{gap:10px}.scale-labels{font-size:12px}.result-heading h1{font-size:29px}.footer-brand>span{max-width:220px}footer{align-items:start;gap:15px}.result-layout{gap:28px}}
@media(max-width:370px){.alim-logo{width:150px}.header-title>span{font-size:13px}.header-title small{font-size:8px}.intro-copy h1{font-size:36px}.options{gap:7px}.option{width:40px;height:40px}.option:first-child,.option:last-child{width:50px;height:50px}}
.name-screen{max-width:640px;margin:40px auto 80px;background:white;border:1px solid #e5e4ed;border-top:4px solid var(--alim-purple);border-radius:22px;padding:42px;box-shadow:0 14px 45px #30334706}.name-screen>.eyebrow{color:var(--alim-purple);margin-top:0}.name-screen h1{font-size:36px;letter-spacing:-1px;margin:20px 0 12px}.name-intro{color:var(--alim-muted);margin-bottom:28px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.name-fields label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.name-fields input{width:100%;padding:15px;border:1px solid #d9d6e4;border-radius:10px;font:inherit;color:var(--alim-ink);background:#fcfbfe}.name-fields input:focus{outline:3px solid #147f8826;border-color:var(--alim-teal)}.name-fields input::placeholder{color:#9491a0}.name-actions{display:flex;justify-content:space-between;gap:16px;margin-top:28px}#name-privacy{font-size:13px;color:var(--alim-muted);line-height:1.7;margin-top:20px}#name-error{color:#b02c40;font-size:14px}#name-error:empty{display:none}.participant-name{color:var(--result-ink);font-size:20px;font-weight:600;margin:0;padding:0 32px 22px;line-height:1.45;overflow-wrap:anywhere}.participant-name:empty{display:none}@media(max-width:600px){.name-screen{margin:24px auto 48px;padding:28px 22px}.name-screen h1{font-size:29px}.name-fields{grid-template-columns:1fr;gap:20px}.name-actions .primary{padding:15px 18px}.participant-name{font-size:18px;padding:0 28px 22px}}
.agreement-question{max-width:720px;margin:auto;padding:36px 42px}.agreement-question h2{font-size:30px;line-height:1.4;max-width:590px;margin:24px auto 16px}.agreement-question .hint{margin-bottom:26px}.agreement-options{display:grid;gap:10px;text-align:left}.agreement-option{display:flex;align-items:center;gap:14px;width:100%;padding:13px 18px;border:1px solid #dedbe7;border-radius:12px;background:#fff;color:var(--alim-ink);font-size:16px;text-align:left;min-height:57px;transition:background .15s,border-color .15s}.agreement-marker{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dedbe7;border-radius:50%;font-size:13px;color:#777286;flex-shrink:0}.agreement-check{margin-left:auto;color:var(--alim-purple);visibility:hidden}.agreement-option:hover{background:#f8f5fb;border-color:#b4a0c1}.agreement-option[aria-pressed="true"]{background:#f1e9f7;border-color:var(--alim-purple);box-shadow:0 0 0 1px var(--alim-purple);font-weight:600}.agreement-option[aria-pressed="true"] .agreement-marker{background:var(--alim-purple);border-color:var(--alim-purple);color:white}.agreement-option[aria-pressed="true"] .agreement-check{visibility:visible}@media(max-width:700px){.agreement-question{padding:24px 20px}.agreement-question .eyebrow{font-size:10px;letter-spacing:1.5px}.agreement-question h2{font-size:24px;margin:20px auto 14px}.agreement-question .hint{font-size:14px;margin-bottom:22px}.agreement-option{padding:12px 14px;gap:12px;font-size:15px;min-height:54px}.agreement-options{gap:9px}}
@media(prefers-reduced-motion:reduce){.primary,.ghost,.option,.agreement-option{transition:none}}