.an-page{display:flex;flex-direction:column;gap:var(--sp-8)}.an-hero{padding-block:var(--sp-7) var(--sp-6);border-bottom:1px solid var(--site-rule);background:var(--site-paper)}.an-hero__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}.an-hero h1{margin:var(--sp-4) 0 0;font-family:var(--font-display);font-style:normal;font-weight:600;font-size:clamp(30px,4.4vw,50px);line-height:1.03;letter-spacing:-.03em;color:var(--ink-1);max-width:24ch;overflow-wrap:anywhere;text-wrap:balance}.an-hero__lede{max-width:58ch;margin:var(--sp-4) 0 0;font-size:16px;line-height:1.6;color:var(--ink-2)}.an-hero__note{max-width:58ch;margin:var(--sp-4) 0 0;padding-top:var(--sp-4);border-top:1px solid var(--site-rule);font-size:13px;line-height:1.6;color:var(--site-ink-muted)}.an-counts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);margin:0;padding:0;list-style:none;align-self:end}.an-counts li{display:flex;align-items:baseline;gap:var(--sp-2)}.an-counts b{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink-1);font-variant-numeric:tabular-nums}.an-counts span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--site-ink-muted)}.an-quick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4);padding-bottom:var(--sp-5);border-bottom:1px solid var(--site-rule)}.an-quick__t{margin:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--site-ink-muted)}.an-quick__list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.an-step{display:grid;gap:var(--sp-5)}.an-step__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4)}.an-step__no{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--site-ink-muted)}.an-step__hint{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2);max-width:62ch}.an-pick{border:0;margin:0;padding:0;min-inline-size:0}.an-pick__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.an-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}.an-type{--c: var(--violet);position:relative;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border:1px solid color-mix(in oklch,var(--c) 28%,var(--line));border-radius:var(--r-md);background:var(--bg-rise);color:inherit;cursor:pointer;transition:border-color var(--site-ease),background var(--site-ease)}.an-type:hover{border-color:color-mix(in oklch,var(--c) 60%,var(--line));background:color-mix(in oklch,var(--c) 5%,var(--bg-rise))}.an-type__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.an-type__code{font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink-1)}.an-type__pick{flex-shrink:0;width:12px;height:12px;margin-top:4px;border:1px solid var(--ink-3);border-radius:2px;background:transparent}.an-type__name{font-size:13px;font-weight:600;color:var(--ink-2)}.an-type__group{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--site-ink-muted)}.an-type__go{margin-top:auto;padding-top:var(--sp-2);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--site-ink-muted)}.an-type__go:after{content:"Seç"}.an-empty{display:none;gap:var(--sp-2);padding:var(--sp-6);border:1px dashed var(--line);border-radius:var(--site-radius);background:var(--bg-sunk)}.an-empty__t{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.2;color:var(--ink-1)}.an-empty__s{margin:0;max-width:54ch;font-size:13.5px;line-height:1.6;color:var(--ink-2)}.an-panel{--c: var(--violet);scroll-margin-top:96px;display:grid;gap:var(--sp-5);padding:var(--sp-5);border:1px solid color-mix(in oklch,var(--c) 26%,var(--line));border-radius:var(--site-radius);background:var(--bg-rise)}.an-mod__head{display:grid;gap:var(--sp-2);padding-bottom:var(--sp-4);border-bottom:1px solid var(--site-rule)}.an-mod__kicker{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--site-ink-muted)}.an-mod__mark{width:9px;height:9px;flex-shrink:0;background:var(--c)}.an-mod__t{margin:0;font-family:var(--font-display);font-size:clamp(21px,2.4vw,27px);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:var(--ink-1)}.an-mod__s{margin:0;max-width:62ch;font-size:13.5px;line-height:1.6;color:var(--ink-2)}.an-enn{display:grid;gap:0;margin:0;padding:0;list-style:none}.an-enn__row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:var(--sp-2) var(--sp-3);padding-block:var(--sp-3)}.an-enn__row+.an-enn__row{border-top:1px solid var(--site-rule)}.an-enn__no{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink-1);font-variant-numeric:tabular-nums}.an-enn__name{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--ink-1)}.an-enn__links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.an-wing{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--sp-2) var(--sp-4);border:1px solid color-mix(in oklch,var(--violet) 30%,var(--line));border-radius:var(--r-full);background:var(--bg-sunk);color:var(--ink-1);font-family:var(--font-mono);font-size:12px;font-weight:500;text-decoration:none;transition:border-color var(--site-ease),background var(--site-ease)}.an-wing:hover{border-color:color-mix(in oklch,var(--violet) 65%,var(--line));background:color-mix(in oklch,var(--violet) 7%,var(--bg-sunk))}.an-wing:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.an-wing--core{border-color:var(--line);background:transparent;color:var(--ink-2);font-weight:400}.an-wing--core:hover{border-color:var(--ink-3);background:var(--bg-sunk)}.an-guides{display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.an-guide{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-4);border-top:2px solid var(--violet)}.an-guide__no{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:var(--r-full);font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2)}.an-guide__t{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2;color:var(--ink-1)}.an-guide__d{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}.an-faq{border-top:1px solid var(--site-rule)}.an-faq__item{border-bottom:1px solid var(--site-rule)}.an-faq__item>summary{display:flex;align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-4) 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.25;color:var(--ink-1)}.an-faq__item>summary::-webkit-details-marker{display:none}.an-faq__item>summary:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}.an-faq__item>summary:after{content:"+";margin-left:auto;font-family:var(--font-mono);font-size:18px;font-weight:400;color:var(--site-ink-muted)}.an-faq__item[open]>summary:after{content:"−"}.an-faq__a{margin:0 0 var(--sp-5);max-width:68ch;font-size:14px;line-height:1.65;color:var(--ink-2)}.an-close{display:grid;gap:var(--sp-4);padding:var(--sp-6);border:1px solid color-mix(in oklch,var(--violet) 30%,var(--line));border-radius:var(--site-radius);background:var(--bg-rise);text-align:left}.an-close__t{margin:0;font-family:var(--font-display);font-size:clamp(22px,2.8vw,30px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--ink-1)}.an-close__s{margin:0;max-width:56ch;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.an-close__ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.an-type:focus-within{outline:2px solid var(--violet);outline-offset:3px}@supports selector(:has(*)){.an-empty{display:grid}.an-panel{display:none}.an-page:has(#an-tip-ENFJ:checked) .an-panel--ENFJ,.an-page:has(#an-tip-ENFP:checked) .an-panel--ENFP,.an-page:has(#an-tip-ENTJ:checked) .an-panel--ENTJ,.an-page:has(#an-tip-ENTP:checked) .an-panel--ENTP,.an-page:has(#an-tip-ESFJ:checked) .an-panel--ESFJ,.an-page:has(#an-tip-ESFP:checked) .an-panel--ESFP,.an-page:has(#an-tip-ESTJ:checked) .an-panel--ESTJ,.an-page:has(#an-tip-ESTP:checked) .an-panel--ESTP,.an-page:has(#an-tip-INFJ:checked) .an-panel--INFJ,.an-page:has(#an-tip-INFP:checked) .an-panel--INFP,.an-page:has(#an-tip-INTJ:checked) .an-panel--INTJ,.an-page:has(#an-tip-INTP:checked) .an-panel--INTP,.an-page:has(#an-tip-ISFJ:checked) .an-panel--ISFJ,.an-page:has(#an-tip-ISFP:checked) .an-panel--ISFP,.an-page:has(#an-tip-ISTJ:checked) .an-panel--ISTJ,.an-page:has(#an-tip-ISTP:checked) .an-panel--ISTP{display:grid}.an-page:has(input[name=an-tip]:checked) .an-empty{display:none}.an-type:focus-within{outline:none}.an-type:has(.an-pick__radio:focus-visible){outline:2px solid var(--violet);outline-offset:3px}.an-type:has(.an-pick__radio:checked){border-color:color-mix(in oklch,var(--c) 72%,var(--line));background:color-mix(in oklch,var(--c) 8%,var(--bg-rise))}.an-type:has(.an-pick__radio:checked) .an-type__pick{border-color:var(--c);background:var(--c)}.an-type:has(.an-pick__radio:checked) .an-type__go{color:var(--ink-2)}.an-type:has(.an-pick__radio:checked) .an-type__go:after{content:"Seçili"}}@media(min-width:560px){.an-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.an-type__code{font-size:26px}}@media(min-width:900px){.an-hero{padding-block:var(--sp-8) var(--sp-7)}.an-hero__inner{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--sp-8)}.an-counts{justify-content:flex-end}.an-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.an-panel{padding:var(--sp-6)}.an-enn__row{grid-template-columns:44px minmax(0,220px) minmax(0,1fr);gap:var(--sp-3) var(--sp-5)}.an-enn__links{grid-column:auto}}@media(prefers-reduced-motion:reduce){.an-type,.an-wing{transition:none}}