*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}html{scroll-behavior:smooth}section{padding:60px 0}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--text-color:#333;--light-bg:#f8f9fa;--border-color:#e2e8f0}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-size:32px;font-weight:700;margin-bottom:16px;color:#2d3748}@media (max-width:768px){.section-title{font-size:24px}}.section-subtitle{color:#718096;font-size:18px;margin-bottom:32px;line-height:1.6}.personality-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;background:#fff}.personality-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(102,126,234,.15);border-color:#667eea}.personality-card .card-body{padding:24px}.personality-card .personality-icon{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));transition:all .3s ease}.personality-card:hover .personality-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.personality-card:hover .personality-icon svg{stroke:#fff}.feature-box{padding:32px;border-radius:12px;background:#f7fafc;height:100%;transition:all .3s ease;border:1px solid transparent}.feature-box:hover{border-color:#667eea;transform:translateY(-5px)}.feature-box:hover,.hero-section{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.hero-section{padding:80px 0}@media (max-width:768px){.hero-section{padding:48px 0}}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:64px 0}.cta-section .btn{background:#fff;color:#667eea;font-weight:600}.cta-section .btn:hover{background:#f7fafc;color:#764ba2}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4);color:#fff}.btn-outline-primary{border:2px solid #667eea;color:#667eea;font-weight:600}.btn-outline-primary:hover{background:#667eea;color:#fff}.btn-light{background:#fff;color:#667eea;font-weight:600}.pros-cons-table{margin-top:24px;border-collapse:collapse;width:100%}.pros-cons-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;font-weight:600;text-align:left}.pros-cons-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:top}.pros-cons-table tr:last-child td{border-bottom:none}.timeline-item{position:relative;padding-left:32px;border-left:3px solid #667eea}.timeline-item:before{content:"";position:absolute;left:-8px;top:0;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.badge{font-weight:500;padding:8px 16px}.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important}.card{border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2}.breadcrumb{background:transparent;padding:0;margin-bottom:16px}.breadcrumb-item a{color:#667eea}.breadcrumb-item.active{color:#718096}.text-primary{color:#667eea!important}.text-secondary{color:#718096!important}.bg-light{background-color:#f7fafc!important}.site-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1000}.site-logo{font-weight:700;font-size:20px;color:#667eea}.header-nav{gap:24px}.btn-cta{padding:10px 24px;font-size:14px;font-weight:600}.mobile-menu-toggle{border:none;background:transparent;padding:8px}.mobile-menu{border-top:1px solid #e2e8f0;padding-top:16px}.mobile-menu-link{color:#333;text-decoration:none;font-weight:500;display:block;padding:8px 0}.btn-cta-mobile{display:block;text-align:center;padding:12px 24px;font-size:14px;font-weight:600}.footer-heading{color:#fff;font-weight:600;font-size:14px}.footer-text{line-height:1.6}.footer-link,.footer-text{color:#a0aec0;font-size:14px}.footer-link{text-decoration:none;transition:color .3s}.footer-link:hover{color:#667eea}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(102,126,234,.2);color:#fff;text-decoration:none;transition:background .3s}.footer-social-link:hover{background:rgba(102,126,234,.4)}.footer-copyright{color:#a0aec0;font-size:12px;margin:0}.header-link{color:#333;text-decoration:none;font-weight:500;transition:color .3s}.header-link:hover{color:#667eea}@media (max-width:768px){section{padding:40px 0}.section-title{font-size:24px}.section-subtitle{font-size:16px}.personality-card .card-body{padding:16px}.feature-box{padding:24px}}:root{--ink:#15131f;--ink-soft:#4b4860;--canvas:#fbfaff;--glass:hsla(0,0%,100%,.72);--glass-border:hsla(0,0%,100%,.6);--ring:0 12px 40px rgba(80,60,160,.12);--pop:cubic-bezier(0.34,1.56,0.64,1)}body{background:var(--canvas);color:var(--ink)}.aurora{position:relative;overflow:hidden}.aurora:before{content:"";position:absolute;inset:-40% -10% auto -10%;height:320px;background:radial-gradient(60% 60% at 20% 30%,var(--tc,#667eea) 0,transparent 60%),radial-gradient(50% 60% at 80% 20%,var(--tc2,#764ba2) 0,transparent 60%);filter:blur(40px);opacity:.5;z-index:0;animation:drift 14s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(4%,-3%,0) scale(1.08)}}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--ring)}.vibe-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--tsoft,#f3eefe);color:var(--tc2,#6d28d9);border:1px solid color-mix(in srgb,var(--tc,#8b5cf6) 25%,transparent);transition:transform .2s var(--pop)}.vibe-tag:hover{transform:translateY(-2px)}.group-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--on-color,#fff);background:linear-gradient(135deg,var(--tc) 0,var(--tc2) 100%);box-shadow:0 6px 18px color-mix(in srgb,var(--tc) 35%,transparent)}.emoji-avatar{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;font-size:4rem;background:radial-gradient(circle at 30% 25%,var(--tsoft,#f3eefe),#fff);border:3px solid #fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--tc,#8b5cf6) 30%,transparent),0 18px 40px color-mix(in srgb,var(--tc,#8b5cf6) 28%,transparent);animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.headline-gradient{background:linear-gradient(120deg,var(--tc,#667eea),var(--tc2,#764ba2) 60%,var(--tc,#667eea));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:200%}}.trait-bar{height:14px;border-radius:999px;background:var(--tsoft,#f3eefe);overflow:hidden;position:relative}.trait-bar__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--tc,#8b5cf6),var(--tc2,#6d28d9));transition:width .9s var(--pop)}.quiz-option{display:block;width:100%;text-align:left;padding:20px 22px;border-radius:18px;border:2px solid #ece9f5;background:#fff;color:var(--ink);font-weight:600;font-size:1.02rem;line-height:1.45;cursor:pointer;transition:all .22s var(--pop)}.quiz-option:hover{border-color:var(--tc,#8b5cf6);transform:translateY(-3px);box-shadow:0 12px 26px color-mix(in srgb,var(--tc,#8b5cf6) 20%,transparent)}.quiz-option.is-selected{border-color:var(--tc,#8b5cf6);background:var(--tsoft,#f3eefe);box-shadow:0 12px 26px color-mix(in srgb,var(--tc,#8b5cf6) 22%,transparent)}.progress-track{height:10px;border-radius:999px;background:#ece9f5;overflow:hidden}.progress-track__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--tc,#667eea),var(--tc2,#764ba2));transition:width .4s ease}.rise-in{animation:riseIn .45s var(--pop) both}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.stat-pill{padding:14px 10px;border-radius:18px;background:var(--tsoft,#f3eefe);text-align:center}.stat-pill__value{font-size:1.5rem;font-weight:800;color:var(--tc2,#6d28d9);line-height:1}.bar-underline{width:64px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--tc,#8b5cf6),var(--tc2,#6d28d9));margin:12px auto 0}@media (max-width:768px){.emoji-avatar{width:104px;height:104px;font-size:3rem}.quiz-option{padding:16px 18px;font-size:.98rem}}.ph-float{animation:phFloat 5s ease-in-out infinite}.ph-twinkle{animation:phTwinkle 3.4s ease-in-out infinite}.ph-spin-slow{animation:phSpin 26s linear infinite}@keyframes phFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2.4px)}}@keyframes phTwinkle{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes phSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.aurora:before,.emoji-avatar,.headline-gradient,.ph-float,.ph-spin-slow,.ph-twinkle{animation:none}}.rise-d1{animation-delay:.08s}.rise-d2{animation-delay:.18s}.rise-d3{animation-delay:.3s}.rise-d4{animation-delay:.42s}.result-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.result-hero-illustration{filter:drop-shadow(0 16px 30px color-mix(in srgb,var(--tc,#8b5cf6) 28%,transparent))}.rarity-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.8rem;color:var(--tc2,#6d28d9);background:#fff;border:1.5px solid color-mix(in srgb,var(--tc,#8b5cf6) 40%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--tc,#8b5cf6) 16%,transparent)}.insight-card{background:color-mix(in srgb,var(--tsoft,#f3eefe) 60%,#fff);border:1px solid color-mix(in srgb,var(--tc,#8b5cf6) 14%,transparent);border-radius:18px;padding:20px;height:100%}.clarity-number{font-size:2.6rem;font-weight:800;line-height:1;background:linear-gradient(120deg,var(--tc,#667eea),var(--tc2,#764ba2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.famous-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:600;background:#fff;color:var(--ink-soft,#4b4860);border:1px solid color-mix(in srgb,var(--tc,#8b5cf6) 22%,transparent)}@media (max-width:768px){.clarity-number{font-size:2.1rem}.insight-card{padding:16px}}