.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--space-8) var(--space-6)}.landing__logo{font-size:var(--text-6xl);margin-bottom:var(--space-2);animation:float 6s ease-in-out infinite}.landing__title{font-size:var(--text-5xl);font-weight:var(--font-bold);background:var(--gradient-prism);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3)}.landing__subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-12);max-width:500px}.landing__features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:700px;margin-bottom:var(--space-12)}.landing__feature{text-align:center}.landing__feature-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.landing__feature-text{font-size:var(--text-sm);color:var(--text-secondary)}.landing__info{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-6)}.quiz{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-8) var(--space-6)}.quiz__header{max-width:var(--container-md);width:100%;margin:0 auto var(--space-8)}.quiz__progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.quiz__progress-text{font-size:var(--text-sm);color:var(--text-secondary)}.quiz__progress-number{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-accent);font-family:var(--font-mono)}.quiz__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-md);width:100%;margin:0 auto}.quiz__question{font-size:var(--text-2xl);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-10);line-height:1.6;max-width:600px}.quiz__options{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:600px}.quiz__nav{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-md);width:100%;margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.quiz__dimension-tag{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.result{padding:var(--space-12) var(--space-6);max-width:var(--container-lg);margin:0 auto}.result__header{text-align:center;margin-bottom:var(--space-12)}.result__type-reveal{margin-bottom:var(--space-6)}.result__type-code{font-size:5rem;font-weight:var(--font-bold);background:var(--gradient-prism);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;font-family:var(--font-ui);animation:typeReveal 1s ease-out}.result__type-name{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-top:var(--space-2)}.result__type-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-2)}.result__dimensions{margin-bottom:var(--space-12)}.result__dimensions .card{padding:var(--space-8) var(--space-10)}.result__section{margin-bottom:var(--space-8)}.result__section .card{padding:var(--space-8)}.result__section-content{color:var(--text-secondary);line-height:2;font-size:var(--text-base)}.result__section-content ul{padding-left:var(--space-6);margin:var(--space-4) 0}.result__section-content li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-3);list-style:none}.result__section-content li::before{content:'◆';position:absolute;left:0;color:var(--color-primary-light);font-size:var(--text-xs);top:4px}.cognitive-functions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-6)}.cognitive-function{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.cognitive-function__rank{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-1)}.cognitive-function__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-accent);margin-bottom:var(--space-2)}.cognitive-function__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.result__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-12);margin-bottom:var(--space-8)}.result__famous{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.result__famous-person{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.result__compatible{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.result__compatible-type{background:var(--gradient-prism-soft);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-accent);cursor:default}@media (max-width:768px){.landing__features{grid-template-columns:1fr;gap:var(--space-4)}.landing__title{font-size:var(--text-4xl)}.result__type-code{font-size:3.5rem}.cognitive-functions{grid-template-columns:1fr}.result__actions{flex-direction:column;align-items:stretch}.result{padding:var(--space-8) var(--space-4)}}@media (max-width:480px){.quiz__question{font-size:var(--text-xl)}.landing__title{font-size:var(--text-3xl)}.result__type-code{font-size:2.5rem}}