.page-toc{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:rgba(6,10,14,0.92);border:1px solid var(--color-border-subtle);border-left:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-height:80vh;overflow-y:auto;scrollbar-width:none;transition:transform 0.3s ease}.page-toc::-webkit-scrollbar{display:none}.page-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.page-toc__link{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;font-family:var(--font-display);font-size:0.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap;border-left:2px solid transparent;transition:all var(--transition-fast);text-decoration:none}.page-toc__link:hover{color:var(--color-text-secondary);border-left-color:var(--color-border);background:rgba(129,251,252,0.03)}.page-toc__link.is-active{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(129,251,252,0.06);text-shadow:0 0 8px var(--color-primary-glow)}.page-toc__icon{display:inline-block;width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-fast)}.page-toc__link:hover .page-toc__icon{background:var(--color-text-secondary);box-shadow:0 0 4px rgba(129,251,252,0.2)}.page-toc__link.is-active .page-toc__icon{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}@media (max-width:1023px){.page-toc{position:fixed;left:0;right:0;top:auto;bottom:0;transform:none;flex-direction:row;justify-content:center;gap:0;max-height:none;overflow-x:auto;overflow-y:hidden;border:none;border-top:1px solid var(--color-border-subtle);padding:4px var(--spacing-sm)}.page-toc__list{flex-direction:row;gap:0;overflow-x:auto}.page-toc__label{display:none}.page-toc__link{border-left:none;border-bottom:2px solid transparent;padding:6px 8px;flex-shrink:0;justify-content:center}.page-toc__link.is-active{border-bottom-color:var(--color-primary);border-left-color:transparent}body{padding-bottom:44px}}@media (max-width:767px){.page-toc{padding:2px var(--spacing-xs)}.page-toc__link{padding:5px 6px}}:root{--mbti-accent:#a78bfa;--mbti-accent-glow:rgba(167,139,250,0.35);--mbti-accent-subtle:rgba(167,139,250,0.08);--mbti-accent-border:rgba(167,139,250,0.2);--mbti-analysts:#8b5cf6;--mbti-diplomats:#34d399;--mbti-sentinels:#60a5fa;--mbti-explorers:#fbbf24;--mbti-pole-left:rgba(129,251,252,0.06);--mbti-pole-right:rgba(167,139,250,0.06);--mbti-golden:rgba(251,191,36,0.15);--mbti-golden-border:rgba(251,191,36,0.4);--mbti-form-bg:rgba(11,18,33,0.75);--mbti-input-bg:rgba(0,0,0,0.35)}@keyframes fade-in-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes faq-expand{from{opacity:0}to{opacity:1}}section[class^="section-"]{padding:var(--spacing-4xl) 0}section[class^="section-"] h2{text-align:left}section[class^="section-"] .container h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-left:3px solid var(--color-primary);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}section[class^="section-"] .container p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:justify}section[class^="section-"] > .container > p strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}section[class^="section-"] .container ul,section[class^="section-"] .container ol{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}section[class^="section-"] .container li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}section[class^="section-"] strong{color:var(--color-text)}section[class^="section-"] em{color:var(--color-text);font-style:italic}section[class^="section-"] .container a:not(.probnik-button):not(.probnik-button--large):not(.probnik-button--compact):not(.hub-card):not(.warmup-cta--secondary):not(.warmup-cta--tertiary):not(.type-tab){color:var(--color-primary);border-bottom:1px solid rgba(129,251,252,0.3);text-shadow:none;text-decoration:none;transition:all var(--transition-fast)}section[class^="section-"] .container a:not(.probnik-button):not(.probnik-button--large):not(.probnik-button--compact):not(.hub-card):not(.warmup-cta--secondary):not(.warmup-cta--tertiary):not(.type-tab):hover{border-bottom-color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow);background:none}section[class^="section-"] a.probnik-button,section[class^="section-"] .container a.probnik-button,.hero-section a.probnik-button,.hero-section .container a.probnik-button{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);border-bottom:none;text-shadow:none;text-decoration:none;color:var(--color-bg);background:var(--gradient-primary)}section[class^="section-"] a.probnik-button:hover,section[class^="section-"] .container a.probnik-button:hover,.hero-section a.probnik-button:hover,.hero-section .container a.probnik-button:hover{background:rgba(129,251,252,0.9);text-shadow:none;border-bottom:none;color:var(--color-bg)}.probnik-button,.probnik-button:hover,.probnik-button:focus,.probnik-button:active,.probnik-button--large,.probnik-button--large:hover{border-bottom:none;text-decoration:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-section{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-3xl)}.hero-header{text-align:center;margin:0 auto var(--spacing-2xl)}.hero-header h1{font-family:var(--font-display);line-height:1.15;margin-bottom:var(--spacing-md)}.hero-header .subheadline{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 auto;text-align:center}.hero-header .subheadline strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);list-style:none;padding:0;margin:0 auto var(--spacing-xl)}.trust-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);background:rgba(129,251,252,0.03);white-space:nowrap}.trust-badge__icon{font-size:0.85rem;line-height:1}.hero-cta-group{text-align:center;margin-bottom:var(--spacing-2xl)}.hero-cta-group .probnik-button{display:inline-block;padding:var(--spacing-lg) var(--spacing-3xl);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-align:center;text-decoration:none;background:var(--gradient-primary);color:var(--color-bg);border:none;border-bottom:none;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-sm)}.hero-cta-group .probnik-button:hover{box-shadow:0 0 30px var(--color-primary-glow),0 4px 20px rgba(0,0,0,0.3);transform:translateY(-1px)}.hero-cta-group .probnik-button:active{transform:translateY(0);box-shadow:0 0 15px var(--color-primary-glow)}.probnik-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-top:var(--spacing-sm);text-align:center}.hero-section .container .probnik-hint,section[class^="section-"] .container .probnik-hint{text-align:center}.probnik--expanded{max-width:740px;margin:0 auto var(--spacing-xl);padding:var(--spacing-2xl);background:var(--mbti-form-bg);border:1px solid rgba(129,251,252,0.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;text-align:left}.probnik--expanded::before,.probnik--expanded::after{content: '';position:absolute;width:24px;height:24px;border-color:var(--color-primary);opacity:0.3;pointer-events:none}.probnik--expanded::before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.probnik--expanded::after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.quiz-progress{margin-bottom:var(--spacing-lg)}.progress-bar{height:4px;background:var(--color-border-subtle);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-bar__fill{height:100%;width:0%;background:var(--gradient-primary);transition:width 0.4s ease}.progress-bar__text{display:block;font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);text-align:center}.quiz-question-area{min-height:200px}.hero-intro{margin:var(--spacing-3xl) auto 0}.hero-intro h2{margin-bottom:var(--spacing-lg)}.hero-intro p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.hero-section .hero-intro p{text-align:justify}@media (min-width:769px){.hub-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}}.hub-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);padding:var(--spacing-xl);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.hub-card::before{content: '';position:absolute;top:0;left:0;width:3px;height:0;background:var(--color-primary);transition:height 0.3s ease}.hub-card:hover::before{height:100%}.hub-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}a.hub-card{cursor:pointer}section[class^="section-"] .container asection[class^="section-"] .container a.hub-card,section[class^="section-"] .container a.hub-card:hover{border-bottom:none;text-shadow:none;text-decoration:none;color:inherit}.hub-card__code{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:0.12em;margin-bottom:var(--spacing-xs);text-shadow:0 0 12px var(--color-primary-glow)}section[class^="section-"] .hub-card .hub-card__title,.hero-section .hub-card .hub-card__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm);padding-left:0;border-left:none;letter-spacing:var(--letter-spacing-wide)}.hub-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-sm);flex:1}section[class^="section-"] .container .hub-card p,.hero-section .container .hub-card p{text-align:left}.hub-card__celeb{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.hub-card__stat{display:block;font-family:var(--font-display);font-size:0.6rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);opacity:0.7;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.hub-card--featured{border-color:var(--mbti-accent-border);background:linear-gradient(135deg,var(--mbti-accent-subtle) 0%,var(--color-bg-card) 100%)}.hub-card--featured::before{background:var(--mbti-accent)}.hub-card__badge{display:inline-block;font-family:var(--font-display);font-size:0.6rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--mbti-accent);background:var(--mbti-accent-subtle);border:1px solid var(--mbti-accent-border);padding:2px var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mini-case{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-primary);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl) 0}.mini-case__label{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.mini-case__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.hero-section .container .mini-case p{text-align:left}@keyframes faq-expand{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.text-collapse{position:relative}@media(max-width:768px){.text-collapse{max-height:7.5em;overflow:hidden;transition:max-height .4s ease}.text-collapse::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4em;background:linear-gradient(transparent,var(--color-bg));pointer-events:none;transition:opacity .3s ease}.text-collapse.is-expanded{max-height:none;overflow:visible}.text-collapse.is-expanded::after{opacity:0}}.text-collapse__toggle{display:none}@media(max-width:768px){.text-collapse__toggle{display:block;margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-xl);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast)}.text-collapse__toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}}section[class^="section-"] .table-responsive,.hero-section .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;border:1px solid var(--color-border-subtle);background:var(--color-bg-card)}.table-responsive::-webkit-scrollbar{height:4px}.table-responsive::-webkit-scrollbar-track{background:transparent}.table-responsive::-webkit-scrollbar-thumb{background:var(--color-border)}.comparison-table,.functions-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:640px;margin:0}.comparison-table thead th,.functions-table thead th{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:2px solid var(--color-border);white-space:nowrap;background:rgba(129,251,252,.04)}.comparison-table tbody td,.comparison-table tbody th,.functions-table tbody td{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);border-bottom:1px solid var(--color-border-subtle);vertical-align:top;text-align:left}.comparison-table tbody tr:last-child td,.comparison-table tbody tr:last-child th,.functions-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover td,.comparison-table tbody tr:hover th,.functions-table tbody tr:hover td{background:rgba(129,251,252,.02)}.comparison-table tbody td strong,.functions-table tbody td strong{color:var(--color-text)}.comparison-table tbody td:first-child,.comparison-table tbody th:first-child,.functions-table tbody td:first-child{color:var(--color-text);font-weight:var(--font-weight-medium);white-space:nowrap}.comparison-table thead th:nth-child(2){color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow)}.comparison-table tbody td:nth-child(2){background:rgba(129,251,252,.03);color:var(--color-text)}.functions-table tbody td:first-child strong{color:var(--color-primary);font-family:var(--font-display);letter-spacing:.04em}.faq-accordion{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);transition:all var(--transition-base)}.faq-item[open]{border-color:rgba(129,251,252,.3)}.faq-item[open]::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);opacity:.6}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);cursor:pointer;list-style:none;transition:all var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{display:none}.faq-question::after{content:"+";display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;font-size:1.2rem;color:var(--color-primary);border:1px solid var(--color-border);flex-shrink:0;margin-left:var(--spacing-md);transition:all var(--transition-base)}.faq-item:hover .faq-question::after{border-color:var(--color-primary)}.faq-item[open] .faq-question::after{content:"\2212 ";background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}section[class^="section-"] .faq-question h3,.hero-section .faq-question h3{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0;border-left:none;padding-left:0;letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-fast)}.faq-item:hover .faq-question h3,.faq-item[open] .faq-question h3{color:var(--color-primary)}.faq-item[open] .faq-question{border-bottom:1px solid var(--color-border-subtle)}.faq-answer{padding:var(--spacing-lg) var(--spacing-xl);animation:faq-expand .3s ease-out}.faq-answer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.faq-answer p:last-child{margin-bottom:0}.section-faq .faq-answer a{color:var(--color-primary);border-bottom:1px solid rgba(129,251,252,.3);text-decoration:none;transition:all var(--transition-fast)}.section-faq .faq-answer a:hover{border-bottom-color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow)}.scale-accordion{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.scale-accordion[open]{border-color:rgba(129,251,252,.3)}.scale-accordion[open]::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);opacity:.6}.scale-accordion__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);cursor:pointer;list-style:none;transition:all var(--transition-fast)}.scale-accordion__header::-webkit-details-marker{display:none}.scale-accordion__header::marker{display:none}.scale-accordion__header::after{content:"+";display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;font-size:1.2rem;color:var(--color-primary);border:1px solid var(--color-border);flex-shrink:0;margin-left:var(--spacing-md);transition:all var(--transition-base)}.scale-accordion:hover .scale-accordion__header::after{border-color:var(--color-primary)}.scale-accordion[open] .scale-accordion__header::after{content:"\2212 ";background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.scale-accordion[open] .scale-accordion__header{border-bottom:1px solid var(--color-border-subtle)}section[class^="section-"] .scale-accordion__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0;border-left:none;padding-left:0;letter-spacing:var(--letter-spacing-wide);display:flex;align-items:center;gap:var(--spacing-md);transition:color var(--transition-fast)}.scale-accordion:hover .scale-accordion__title,.scale-accordion[open] .scale-accordion__title{color:var(--color-primary)}.scale-accordion__letter{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);background:rgba(129,251,252,.06);border:1px solid var(--color-border);letter-spacing:.12em;text-shadow:0 0 8px var(--color-primary-glow);flex-shrink:0}.scale-accordion__body{padding:var(--spacing-lg) var(--spacing-xl);animation:faq-expand .3s ease-out}.scale-poles{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.scale-pole{padding:var(--spacing-lg);border:1px solid var(--color-border-subtle);position:relative}.scale-pole::before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.scale-pole--left{background:var(--mbti-pole-left)}.scale-pole--left::before{background:var(--color-primary);opacity:.6}.scale-pole--right{background:var(--mbti-pole-right)}.scale-pole--right::before{background:var(--mbti-accent);opacity:.6}section[class^="section-"] .scale-pole h4{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm);padding-left:0;border-left:none;letter-spacing:var(--letter-spacing-wide)}.scale-pole--left h4{color:var(--color-primary)}.scale-pole--right h4{color:var(--mbti-accent)}.scale-pole p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}section[class^="section-"] .scale-pole p{text-align:left}.scale-myth{position:relative;padding:var(--spacing-md) var(--spacing-lg);border-left:3px solid var(--mbti-accent-border);background:var(--mbti-accent-subtle);margin-bottom:var(--spacing-lg)}.scale-myth__label{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--mbti-accent);margin-bottom:var(--spacing-xs)}.scale-myth p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}section[class^="section-"] .scale-myth p{text-align:left}.scale-self-check{position:relative;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-subtle);background:rgba(129,251,252,.03)}.scale-self-check::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--color-primary);opacity:.3}.scale-self-check__question{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0;font-style:italic}section[class^="section-"] .scale-self-check p{text-align:left}@media(max-width:768px){.scale-poles{grid-template-columns:1fr}.scale-pole{padding:var(--spacing-md)}.scale-accordion__header{padding:var(--spacing-md) var(--spacing-lg)}.scale-accordion__body{padding:var(--spacing-md) var(--spacing-lg)}section[class^="section-"] .scale-accordion__title{font-size:var(--font-size-sm);flex-wrap:wrap}.scale-myth{padding:var(--spacing-sm) var(--spacing-md)}.scale-self-check{padding:var(--spacing-sm) var(--spacing-md)}.faq-question{padding:var(--spacing-md) var(--spacing-lg)}.faq-answer{padding:var(--spacing-md) var(--spacing-lg)}section[class^="section-"] .faq-question h3{font-size:var(--font-size-sm)}}@media(max-width:599px){.scale-accordion__letter{min-width:40px;font-size:var(--font-size-xs)}.hero-header h1{font-size:var(--font-size-2xl)}.trust-badges{gap:var(--spacing-sm)}.trust-badge{font-size:.6rem;padding:var(--spacing-xs) var(--spacing-sm)}.probnik--expanded{padding:var(--spacing-lg)}.mini-case{padding:var(--spacing-md) var(--spacing-lg)}.hub-card:hover,.scale-accordion:hover{transform:none;box-shadow:none}.hero-cta-group .probnik-button:hover{transform:none}}..trust-badge::before{display:inline-block;margin-right:var(--spacing-xs);font-size:.65rem;line-height:1;vertical-align:middle;opacity:.7}.type-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs)}.type-tabs::-webkit-scrollbar{display:none}.type-tab{flex:1 1 0;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-base);text-align:center;white-space:nowrap}.type-tab:hover{border-color:var(--color-border);color:var(--color-text)}.type-tab--active{color:var(--color-primary);border-color:var(--color-primary);background:rgba(129,251,252,.06);text-shadow:0 0 8px var(--color-primary-glow)}.type-tab[aria-controls="panel-analysts"].type-tab--active{color:var(--mbti-analysts);border-color:var(--mbti-analysts);background:rgba(139,92,246,.06);text-shadow:0 0 8px rgba(139,92,246,.3)}.type-tab[aria-controls="panel-diplomats"].type-tab--active{color:var(--mbti-diplomats);border-color:var(--mbti-diplomats);background:rgba(52,211,153,.06);text-shadow:0 0 8px rgba(52,211,153,.3)}.type-tab[aria-controls="panel-sentinels"].type-tab--active{color:var(--mbti-sentinels);border-color:var(--mbti-sentinels);background:rgba(96,165,250,.06);text-shadow:0 0 8px rgba(96,165,250,.3)}.type-tab[aria-controls="panel-explorers"].type-tab--active{color:var(--mbti-explorers);border-color:var(--mbti-explorers);background:rgba(251,191,36,.06);text-shadow:0 0 8px rgba(251,191,36,.3)}.type-panel{display:none;animation:faq-expand .3s ease-out}.type-panel--active{display:block}section[class^="section-"] .type-panel h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-sm);border-left:none;padding-left:0;letter-spacing:var(--letter-spacing-wide)}.type-panel p{margin-bottom:var(--spacing-lg)}..types-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle);text-align:left}#panel-analysts .hub-card__code{color:var(--mbti-analysts);text-shadow:0 0 8px rgba(139,92,246,.3)}#panel-analysts .hub-card::before{background:var(--mbti-analysts)}#panel-diplomats .hub-card__code{color:var(--mbti-diplomats);text-shadow:0 0 8px rgba(52,211,153,.3)}#panel-diplomats .hub-card::before{background:var(--mbti-diplomats)}#panel-sentinels .hub-card__code{color:var(--mbti-sentinels);text-shadow:0 0 8px rgba(96,165,250,.3)}#panel-sentinels .hub-card::before{background:var(--mbti-sentinels)}#panel-explorers .hub-card__code{color:var(--mbti-explorers);text-shadow:0 0 8px rgba(251,191,36,.3)}#panel-explorers .hub-card::before{background:var(--mbti-explorers)}.howto-steps{list-style:none;padding:0;margin:0 0 var(--spacing-xl);counter-reset:none;display:flex;flex-direction:column;gap:var(--spacing-lg)}.howto-step{display:flex;gap:var(--spacing-lg);align-items:flex-start}.howto-step__marker{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);background:rgba(129,251,252,.06);border:1px solid var(--color-border);flex-shrink:0;text-shadow:0 0 8px var(--color-primary-glow)}.howto-step__content h3{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-xs);letter-spacing:var(--letter-spacing-wide)}section[class^="section-"] .howto-step__content h3{border-left:none;padding-left:0}.howto-step__content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}section[class^="section-"] .howto-step__content p{text-align:left}.situation-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.situation-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);opacity:.4;transition:opacity var(--transition-fast)}.situation-card:hover::before{opacity:.8}section[class^="section-"] .situation-card h3{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);margin:0 0 var(--spacing-md);border-left:none;padding-left:0;letter-spacing:var(--letter-spacing-wide)}.situation-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.situation-card p:last-child{margin-bottom:0}section[class^="section-"] .situation-card p{text-align:left}.dark-core-message{position:relative;padding:var(--spacing-lg) var(--spacing-xl);border:1px solid var(--mbti-accent-border);background:var(--mbti-accent-subtle);margin-bottom:var(--spacing-xl)}.dark-core-message::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--mbti-accent);opacity:.6}section[class^="section-"] .dark-core-message h3{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--mbti-accent);margin:0 0 var(--spacing-sm);border-left:none;padding-left:0}.dark-core-message p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}section[class^="section-"] .dark-core-message p{text-align:left}.popular-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pair-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);padding:var(--spacing-xl);transition:all var(--transition-base)}.pair-card:hover{border-color:rgba(129,251,252,.3)}.pair-card--golden{border-color:rgba(251,191,36,.3);background:var(--mbti-golden)}.pair-card--golden:hover{border-color:rgba(251,191,36,.5);box-shadow:0 0 20px rgba(251,191,36,.08)}.probnik-badge{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--mbti-explorers);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-md)}.pair-card__signs{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pair-card__sign{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.08em;text-shadow:0 0 8px var(--color-primary-glow)}.pair-card__vs{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-light)}.pair-card__content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}section[class^="section-"] .pair-card__content{text-align:left}.probnik-form{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:flex-end}.probnik-form__field{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.probnik-form__field label{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.probnik-form__select{appearance:none;-webkit-appearance:none;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text);background:var(--mbti-input-bg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2381fbfc' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.probnik-form__select:hover{border-color:var(--color-primary)}.probnik-form__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(129,251,252,.15)}.probnik-form__select option{background:var(--color-bg);color:var(--color-text)}.probnik-result{margin-top:var(--spacing-xl);padding:var(--spacing-xl);border:1px solid var(--color-border-subtle);background:var(--color-bg-card);animation:faq-expand .3s ease-out}.probnik-result h4{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-primary);margin:0 0 var(--spacing-md);letter-spacing:var(--letter-spacing-wide)}.probnik-result p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.express-checklist{margin-top:var(--spacing-lg)}.warmup-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.warmup-cta--secondary,.warmup-cta--tertiary{font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-fast);text-decoration:none;border-bottom:none;text-shadow:none}.warmup-cta--secondary{color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:inline-block}.warmup-cta--secondary:hover{border-color:var(--color-primary);color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow);text-decoration:none;border-bottom:1px solid var(--color-primary)}.warmup-cta--tertiary{color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-lg)}.warmup-cta--tertiary:hover{color:var(--color-primary);text-decoration:none;border-bottom:none}.hero-section--final{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.hero-section--final .hero-header{margin-bottom:var(--spacing-xl)}.hero-section--final .trust-badges{margin-bottom:var(--spacing-xl)}.disclaimer{padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border-subtle)}.disclaimer p{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed);text-align:center;margin:0;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:768px){.type-tab{min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:.6rem}.popular-pairs{grid-template-columns:1fr}.pair-card{padding:var(--spacing-lg)}.probnik-form{flex-direction:column}.situation-card{padding:var(--spacing-lg)}.howto-step{gap:var(--spacing-md)}.howto-step__marker{min-width:40px;height:40px;font-size:var(--font-size-base)}.warmup-cta--secondary{width:100%;text-align:center;box-sizing:border-box}}@media(max-width:599px){.type-tabs{gap:2px}.type-tab{min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}.pair-card__sign{font-size:var(--font-size-lg)}.probnik-form__select{font-size:var(--font-size-xs)}.dark-core-message{padding:var(--spacing-md) var(--spacing-lg)}}.hero-intro{max-width:none}.hero-section .container p{max-width:none}section[class^="section-"] .container p{max-width:none}..trust-badge::before{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border:1.5px solid var(--color-primary);border-radius:50%;font-size:0.55rem;color:var(--color-primary);margin-right:var(--spacing-xs)}#mbti-quiz[hidden]{display:none}.probnik--expanded[hidden]{display:none}.hero-cta-group{max-width:480px;margin-left:auto;margin-right:auto}.hero-cta-group .probnik-button,.hero-cta-group .probnik-button--large{width:100%}.howto-step{align-items:center}.howto-steps{margin-bottom:var(--spacing-2xl)}.faq-question::after,.scale-accordion__header::after{font-family:var(--font-display),Arial,sans-serif}details.faq-item[open] .faq-question::after,details.scale-accordion[open] .scale-accordion__header::after{content:"\2212 "}.trust-badge__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;position:relative}.trust-badge--time .trust-badge__icon::before{content: '';width:12px;height:12px;border:1.5px solid var(--color-primary);border-radius:50%;opacity:0.6}.trust-badge--time .trust-badge__icon::after{content: '';position:absolute;top:4px;left:7px;width:1.5px;height:5px;background:var(--color-primary);opacity:0.6;transform-origin:bottom center;transform:rotate(30deg)}.trust-badge--privacy .trust-badge__icon::before{content: '';width:8px;height:6px;border:1.5px solid var(--color-primary);border-radius:0 0 3px 3px;opacity:0.6;margin-top:3px}.trust-badge--privacy .trust-badge__icon::after{content: '';position:absolute;top:2px;left:4px;width:8px;height:6px;border:1.5px solid var(--color-primary);border-bottom:none;border-radius:4px 4px 0 0;opacity:0.6}.trust-badge--free .trust-badge__icon::before{content: '';width:8px;height:8px;background:var(--color-primary);opacity:0.4;transform:rotate(45deg)}.trust-badge--accuracy .trust-badge__icon::before{content: '';width:10px;height:10px;border:1.5px solid var(--color-primary);border-radius:50%;opacity:0.5}.trust-badge--accuracy .trust-badge__icon::after{content: '';position:absolute;width:4px;height:4px;background:var(--color-primary);border-radius:50%;opacity:0.6}.howto-step{align-items:flex-start}.howto-step__marker{margin-top:2px;flex-shrink:0}.howto-step__content h3{margin-top:0;line-height:48px}.howto-steps{margin-bottom:var(--spacing-2xl)}.hero-cta-group{max-width:600px;margin-left:auto;margin-right:auto}.probnik-button{width:100%;max-width:600px}.probnik--expanded[hidden],#mbti-quiz[hidden]{display:none}.faq-question::after{content: "+";font-family:Arial,sans-serif;font-weight:300}.faq-item[open] .faq-question::after,details.faq-item[open] .faq-question::after{content: "\2212";font-family:Arial,sans-serif}.scale-accordion__header::after{content: "+";font-family:Arial,sans-serif;font-weight:300}details.scale-accordion[open] .scale-accordion__header::after{content: "\2212";font-family:Arial,sans-serif}@media (max-width:768px){.howto-step__content h3{line-height:40px}}.quiz-progress{margin-bottom:var(--spacing-lg)}.progress-bar{height:4px;background:var(--color-border-subtle);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-bar__fill{height:100%;width:0%;background:var(--gradient-primary);transition:width 0.4s ease}.progress-bar__text{display:block;font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);text-align:center}.quiz-question-area{min-height:200px}.quiz-question{opacity:0;transform:translateY(10px);transition:all 0.3s ease}.quiz-question--enter{opacity:0;transform:translateY(10px)}.quiz-question--active{opacity:1;transform:translateY(0)}.quiz-question__text{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);text-align:center}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:rgba(129,251,252,0.03);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);text-align:left;cursor:pointer;transition:all var(--transition-base);width:100%}.quiz-option:hover{border-color:var(--color-primary);background:rgba(129,251,252,0.06);color:var(--color-text)}.quiz-option:active{transform:scale(0.98)}.quiz-option--selected{border-color:var(--color-primary);background:rgba(129,251,252,0.1);color:var(--color-primary)}.quiz-option__key{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);border:1px solid var(--color-border);text-transform:uppercase;flex-shrink:0}.quiz-option__text{flex:1;padding-top:2px}.quiz-result{opacity:0;transform:translateY(10px);transition:all 0.4s ease}.quiz-result--enter{opacity:0;transform:translateY(10px)}.quiz-result--active{opacity:1;transform:translateY(0)}.quiz-result__header{text-align:center;margin-bottom:var(--spacing-xl)}.quiz-result__emoji{display:block;font-size:3rem;margin-bottom:var(--spacing-sm)}.quiz-result__type{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow);letter-spacing:var(--letter-spacing-wider);margin:0}.quiz-result__name{font-size:var(--font-size-xl);color:var(--color-text);margin:var(--spacing-xs) 0 0}.quiz-result__group{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);padding:var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-sm)}.quiz-result__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:center;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.quiz-result__scales{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);max-width:500px;margin-left:auto;margin-right:auto}.result-scale{display:flex;flex-direction:column;gap:var(--spacing-xs)}.result-scale__labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;font-family:var(--font-display);letter-spacing:0.03em}.result-scale__label--active{color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow)}.result-scale__bar{height:6px;background:var(--color-border-subtle);overflow:hidden;position:relative}.result-scale__fill{height:100%;transition:width 0.6s ease;position:absolute;top:0}.result-scale__fill--left{left:0;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.result-scale__fill--right{right:0;background:var(--mbti-accent);box-shadow:0 0 8px var(--mbti-accent-glow)}.result-scale__values{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-display)}.quiz-result__details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.quiz-result__column h4{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-md)}.quiz-result__column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.quiz-result__column li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-md);position:relative}.quiz-result__column li::before{content: '';position:absolute;left:2px;top:8px;width:4px;height:4px;background:var(--color-primary);opacity:0.5;transform:rotate(45deg)}.quiz-result__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.probnik-button--outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-2xl);font-family:var(--font-display);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all var(--transition-fast);width:100%;max-width:400px;text-align:center}.probnik-button--outline:hover{border-color:var(--color-primary);background:rgba(129,251,252,0.06);box-shadow:0 0 15px var(--color-primary-glow)}.compat-result__card{padding:var(--spacing-xl);border:1px solid var(--color-border-subtle);background:var(--color-bg-card)}.compat-result__card--high{border-color:rgba(52,211,153,0.4);background:rgba(52,211,153,0.05)}.compat-result__card--medium{border-color:var(--color-border);background:rgba(129,251,252,0.03)}.compat-result__card--low{border-color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.03)}.compat-result__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.compat-result__icon{font-size:1.5rem}.compat-result__title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-primary);margin:0}.compat-result__pair{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.compat-result__type{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-text)}.compat-result__separator{color:var(--color-text-muted)}.compat-result__level{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.compat-result__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.compat-result__details h5{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.compat-result__details ul{list-style:none;padding:0;margin:0 0 var(--spacing-md)}.compat-result__details li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative;line-height:var(--line-height-relaxed)}.compat-result__details li::before{content: '';position:absolute;left:2px;top:8px;width:4px;height:4px;background:var(--color-primary);opacity:0.5;transform:rotate(45deg)}.compat-result__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-md);font-style:italic}.compat-result__error{color:var(--color-text-muted);text-align:center;padding:var(--spacing-lg)}@media (max-width:768px){.quiz-result__details{grid-template-columns:1fr}.quiz-result__type{font-size:var(--font-size-2xl)}.quiz-result__scales{max-width:100%}.quiz-result__actions{gap:var(--spacing-sm)}.probnik-button--outline{max-width:100%}}#mbti-quiz[hidden],.probnik--expanded[hidden]{display:none}section[class^="section-"] .container a.probnik-button,section[class^="section-"] .container a.probnik-button:hover,.hero-section .container a.probnik-button,.hero-section .container a.probnik-button:hover{border-bottom:none;text-decoration:none}section[class^="section-"] .container .howto-step{align-items:center}section[class^="section-"] .container .howto-step__content h3{line-height:normal;margin:0}section[class^="section-"] .container .howto-steps{margin-bottom:40px}section[class^="section-"] .container details.faq-item{margin-bottom:var(--spacing-md)}section[class^="section-"] .container .faq-accordion details.faq-item{margin-bottom:0}section[class^="section-"] .container details.scale-accordion{margin-bottom:var(--spacing-md)}.hero-cta-row .probnik-button.probnik-button--outline,.hero-cta-group .probnik-button.probnik-button--outline,section[class^="section-"] .container .probnik-button--outline,.hero-section .container .probnik-button--outline{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);font-family:var(--font-display);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast);text-align:center;text-decoration:none;width:auto}.hero-cta-row .probnik-button.probnik-button--outline:hover,.hero-cta-group .probnik-button.probnik-button--outline:hover,section[class^="section-"] .container .probnik-button--outline:hover,.hero-section .container .probnik-button--outline:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(129,251,252,0.04)}section[class^="section-"] .container a.warmup-cta--secondary,.hero-section .container a.warmup-cta--secondary{border:1px solid var(--color-border-subtle);text-shadow:none}section[class^="section-"] .container a.warmup-cta--secondary:hover,.hero-section .container a.warmup-cta--secondary:hover{border-color:var(--color-primary)}.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.hero-cta-row{display:flex;gap:var(--spacing-md);justify-content:center;align-items:stretch;width:100%;max-width:700px}.hero-cta-row .probnik-button{flex:1;max-width:340px;text-align:center}.hero-cta-row .probnik-button--outline{flex:0 1 auto;padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.hero-section--final .warmup-cta{margin-top:var(--spacing-xl)}@media (max-width:599px){.hero-cta-row{flex-direction:column;align-items:center}.hero-cta-row .probnik-button,.hero-cta-row .probnik-button--outline{width:100%;max-width:100%}}.hero-section .container a.probnik-button.probnik-button--outline,.hero-section--final .container a.probnik-button.probnik-button--outline,section[class^="section-"] .container a.probnik-button.probnik-button--outline,.hero-section .container button.probnik-button.probnik-button--outline,section[class^="section-"] .container button.probnik-button.probnik-button--outline{background:transparent;color:var(--color-text-secondary);border:1px dashed var(--color-border);box-shadow:none;text-shadow:none;padding:var(--spacing-lg) var(--spacing-2xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.4s ease}.hero-section .container a.probnik-button.probnik-button--outline::before,.hero-section--final .container a.probnik-button.probnik-button--outline::before,section[class^="section-"] .container a.probnik-button.probnik-button--outline::before{content: '';position:absolute;inset:-1px;border:1px dashed var(--color-primary);opacity:0;transition:opacity 0.4s ease}.hero-section .container a.probnik-button.probnik-button--outline:hover,.hero-section--final .container a.probnik-button.probnik-button--outline:hover,section[class^="section-"] .container a.probnik-button.probnik-button--outline:hover,.hero-section .container button.probnik-button.probnik-button--outline:hover,section[class^="section-"] .container button.probnik-button.probnik-button--outline:hover{background:rgba(129,251,252,0.04);color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow);text-shadow:0 0 8px var(--color-primary-glow)}.hero-section .container a.probnik-button.probnik-button--outline:hover::before,.hero-section--final .container a.probnik-button.probnik-button--outline:hover::before,section[class^="section-"] .container a.probnik-button.probnik-button--outline:hover::before{opacity:1}.hero-section .container a.warmup-cta--secondary,.hero-section--final .container a.warmup-cta--secondary{border:1px solid var(--color-border)}.hero-section .container a.warmup-cta--secondary:hover,.hero-section--final .container a.warmup-cta--secondary:hover{border:1px solid var(--color-primary)}.probnik-form .probnik-button,section[class^="section-"] .container .probnik-form .probnik-button{display:block;margin-left:auto;margin-right:auto}.hero-section .container a.warmup-cta--tertiary,.hero-section--final .container a.warmup-cta--tertiary,section[class^="section-"] .container a.warmup-cta--tertiary{border:1px dashed var(--color-border);display:block;text-align:center;padding:var(--spacing-md) var(--spacing-xl)}.hero-section .container a.warmup-cta--tertiary:hover,.hero-section--final .container a.warmup-cta--tertiary:hover{border-color:var(--color-primary);color:var(--color-primary)}.probnik--expanded button.probnik-button.probnik-button--pdf,.quiz-result__actions button.probnik-button--pdf{background:transparent;color:var(--mbti-accent);border:1px dashed var(--mbti-accent-border);padding:var(--spacing-md) var(--spacing-2xl);font-family:var(--font-display);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all 0.4s ease;text-align:center;width:100%;max-width:400px;box-shadow:none;text-shadow:none}.probnik--expanded button.probnik-button.probnik-button--pdf:hover,.quiz-result__actions button.probnik-button--pdf:hover{color:var(--mbti-accent);border:1px dashed var(--mbti-accent);background:var(--mbti-accent-subtle);box-shadow:0 0 20px var(--mbti-accent-glow);text-shadow:0 0 8px var(--mbti-accent-glow)}section[class^="section-"] > .container > p.types-note{text-align:left;font-size:var(--font-size-xs);color:var(--color-text-muted)}.trust-badge--time::before,.trust-badge--privacy::before,.trust-badge--free::before,.trust-badge--accuracy::before{content:none;display:none}.type-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}@media (max-width:1024px){.type-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.type-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){section[class^="section-"] .container .comparison-table{table-layout:fixed;width:100%}section[class^="section-"] .container .comparison-table th,section[class^="section-"] .container .comparison-table td{font-size:0.7rem;padding:6px 8px;overflow:hidden;text-overflow:ellipsis}section[class^="section-"] .container .comparison-table th:first-child,section[class^="section-"] .container .comparison-table td:first-child{width:22%;font-size:0.65rem}}@media (max-width:768px){.type-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);overflow:visible}.type-cards-grid .hub-card{width:auto;min-width:0;min-height:auto;flex:none}.probnik-form{align-items:center}.probnik-form__field{width:100%;max-width:300px}}@media (max-width:768px){.hub-cards-grid{padding-right:var(--spacing-xl)}.hub-cards-grid::after{content: '';flex:0 0 1px;display:block}}@media (max-width:768px){.hub-cards-grid .situation-card{flex:0 0 88vw;width:88vw;min-width:88vw;scroll-snap-align:center}}section[class^="section-"] .container .type-cards-grid a.hub-card{border:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}section[class^="section-"] .container .type-cards-grid a.hub-card:hover{border:1px solid var(--color-border-hover);border-bottom:1px solid var(--color-border-hover)}.is-lightweight .hub-card::before,.is-lightweight .hub-card::after,.is-lightweight .situation-card::before,.is-lightweight .faq-item::before,.is-lightweight .probnik--expanded::before,.is-lightweight .probnik--expanded::after{display:none}.is-lightweight .hub-card,.is-lightweight .situation-card,.is-lightweight .faq-item,.is-lightweight .dark-core-message,.is-lightweight .pair-card{backdrop-filter:none;-webkit-backdrop-filter:none}.is-lightweight .probnik-button{box-shadow:none}.is-lightweight .probnik-button:hover{transform:none;box-shadow:none}.is-lightweight .quiz-question,.is-lightweight .quiz-result{opacity:1;transform:none;transition:none}.is-lightweight .type-tab{transition:none}.is-lightweight .hub-cards-grid{overflow:visible;scroll-snap-type:none}@media (max-width:768px){.is-lightweight .hub-cards-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.is-lightweight .hub-cards-grid .hub-card,.is-lightweight .hub-cards-grid .situation-card{flex:none;width:100%;min-width:0;min-height:auto}}