@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.6}.modern-container{width:100%;min-height:100vh}.modern-nav{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;position:sticky;top:0}.modern-nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.modern-logo{color:#111827;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-image{width:auto;height:40px;display:block}.logo-text-simple{color:#1d1d1f;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.logo-icon{font-size:1.5rem}.logo-highlight{color:#4f46e5}.modern-nav-links{align-items:center;gap:2rem;display:flex}.modern-nav-links a{color:#6b7280;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.modern-nav-links a:hover{color:#111827}.modern-nav-actions{align-items:center;gap:1rem;display:flex}.lang-switch-dropdown{position:relative}.lang-button{color:#1d1d1f;cursor:pointer;background:#f5f5f7;border:1px solid #e8e8ed;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.lang-button:hover{background:#e8e8ed;border-color:#d1d1d6}.lang-button svg:first-child{color:#86868b}.lang-button svg:last-child{color:#86868b;transition:transform .2s}.lang-switch-dropdown:hover .lang-button svg:last-child{transform:rotate(180deg)}.lang-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #e8e8ed;border-radius:.75rem;min-width:150px;transition:all .2s;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-10px);box-shadow:0 4px 20px #0000001a}.lang-switch-dropdown:hover .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{color:#1d1d1f;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background .2s;display:block}.lang-option:first-child{border-radius:.75rem .75rem 0 0}.lang-option:last-child{border-radius:0 0 .75rem .75rem}.lang-option:hover{background:#f5f5f7}.lang-option.active{color:#fff;background:#007aff}.modern-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff 0%,#4f46e5 100%);border:none;border-radius:.625rem;padding:.625rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #4f46e533}.modern-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.modern-hero{background:linear-gradient(135deg,#e0e7ff 0%,#ede9fe 50%,#fce7f3 100%);padding:4rem 0;position:relative;overflow:hidden}.modern-hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.modern-hero-left{flex-direction:column;gap:1.5rem;display:flex}.modern-hero-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(90deg,#6c63ff 0%,#5b52e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.modern-hero-subtitle{color:#6b7280;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.modern-cta-button{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:3.5rem;align-items:center;gap:.75rem;width:fit-content;padding:1.125rem 3rem;font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 12px 32px #6c63ff59}.modern-cta-button:hover{background:#5b52e8;transform:translateY(-3px);box-shadow:0 16px 40px #6c63ff73}.modern-badges{flex-wrap:wrap;gap:1.5rem;display:flex}.badge-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;display:flex}.badge-icon{color:#4f46e5;font-weight:700}.modern-hero-right{justify-content:center;align-items:center;display:flex;position:relative}.hero-floating-cards,.hero-image-container{width:100%;height:500px;position:relative}.hero-image-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:1rem;width:100%;height:100%;position:relative;overflow:hidden}.hero-image-bg{border-radius:1rem;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.silhouette-effect{clip-path:ellipse(40% 50% at 50% 100%);background:linear-gradient(#0000 0%,#1118274d 100%);width:60%;height:80%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.floating-card{background:#fff;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 4px 12px #0000001a}.card-1{animation-delay:0s;top:15%;right:10%}.card-2{animation-delay:1s;bottom:25%;left:5%}.card-3{animation-delay:2s;top:50%;right:5%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-icon{font-size:1.25rem}.card-text{color:#111827}.modern-trust{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:2.5rem 0}.trust-content{grid-template-columns:repeat(3,1fr);align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.trust-users{align-items:center;gap:1rem;display:flex}.user-avatars{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-left:-.75rem;font-size:1rem;display:flex}.avatar:first-child{margin-left:0}.avatar-count{color:#fff;background:#4f46e5;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-left:-.75rem;font-size:.75rem;font-weight:700;display:flex}.trust-text{flex-direction:column;gap:.125rem;display:flex}.trust-label{color:#111827;font-size:.9375rem;font-weight:600}.trust-subtitle{color:#6b7280;font-size:.8125rem}.trust-rating{text-align:center}.stars{margin-bottom:.5rem;font-size:1.5rem}.rating-score{color:#111827;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.rating-text{color:#6b7280;font-size:.8125rem}.trust-badge{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.badge-circle{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.badge-text{flex-direction:column;gap:.125rem;display:flex}.badge-title{color:#111827;font-size:.9375rem;font-weight:600}.badge-subtitle{color:#6b7280;font-size:.8125rem}.modern-types{background:#f5f5f7;padding:5rem 0}.types-header{text-align:center;max-width:1200px;margin:0 auto 3rem;padding:0 2rem}.types-title{color:#111827;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.types-subtitle{color:#6b7280;font-size:1.125rem}.types-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.type-card{text-align:center;cursor:pointer;background:#fff;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .2s;box-shadow:0 1px 3px #0000000d}.type-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.type-card-image{margin-bottom:1rem}.type-placeholder{aspect-ratio:1;border-radius:.5rem;justify-content:center;align-items:center;width:100%;font-size:3rem;display:flex}.type-boss{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)}.type-fake{background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 100%)}.type-ctrl{background:linear-gradient(135deg,#fdba74 0%,#fb923c 100%)}.type-monk{background:linear-gradient(135deg,#86efac 0%,#4ade80 100%)}.type-solo{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 100%)}.type-emoji{filter:brightness(0)invert()}.type-card-title{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.type-card-desc{color:#6b7280;font-size:.875rem;line-height:1.5}.types-footer{text-align:center;max-width:1200px;margin:3rem auto 0;padding:0 2rem}.view-all-link{color:#4f46e5;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s}.view-all-link:hover{opacity:.8}.modern-why{background:#fff;padding:5rem 0}.why-header{text-align:center;max-width:1200px;margin:0 auto 3rem;padding:0 2rem}.why-title{color:#111827;font-size:2.5rem;font-weight:700}.why-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.why-card{text-align:center;padding:2rem}.why-icon{margin-bottom:1rem;font-size:3rem}.why-card-title{color:#111827;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.why-card-text{color:#6b7280;font-size:.9375rem;line-height:1.6}.modern-final-cta{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);padding:5rem 0}.final-cta-content{grid-template-columns:1fr 1.5fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.final-cta-left{justify-content:center;display:flex}.cta-image-placeholder{font-size:12rem;animation:2s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.final-cta-right{flex-direction:column;gap:1.5rem;display:flex}.final-cta-title{color:#111827;font-size:2.5rem;font-weight:700}.final-cta-text{color:#6b7280;font-size:1.125rem;line-height:1.7}.final-cta-actions{flex-direction:column;gap:1.5rem;display:flex}.cta-users{align-items:center;gap:1rem;display:flex}.cta-avatars{align-items:center;display:flex}.cta-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:-.5rem;font-size:.875rem;display:flex}.cta-avatar:first-child{margin-left:0}.cta-users-text{color:#6b7280;font-size:.875rem}@media (max-width:1024px){.modern-hero-content{grid-template-columns:1fr;gap:3rem}.modern-hero-right{order:-1}.hero-image-container{height:400px}.types-grid{grid-template-columns:repeat(3,1fr)}.trust-content{text-align:center;grid-template-columns:1fr;gap:2rem}.trust-users,.trust-badge{justify-content:center}.why-grid{grid-template-columns:1fr}.final-cta-content{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.modern-nav-links{display:none}.modern-hero-title{font-size:2rem}.types-grid{grid-template-columns:1fr}.types-title,.why-title,.final-cta-title{font-size:2rem}.cta-image-placeholder{font-size:6rem}}.nav{z-index:100;background:#fff;border-bottom:1px solid #e5e5e5;padding:1.2rem 0;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{letter-spacing:-.03em;color:#1a1a1a;flex-shrink:0;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{flex:1;align-items:center;gap:2rem;display:flex}.nav-links a{color:#666;white-space:nowrap;font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#1a1a1a}.lang-switch{flex-shrink:0;gap:.5rem;display:flex}.lang-switch a{color:#666;border-radius:.3rem;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;transition:all .2s}.lang-switch a:hover{background:#f5f5f5}.lang-switch a.active{color:#fff;background:#1a1a1a}.breadcrumb-link{color:#666;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#1a1a1a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{text-align:center;background:#fff;border-radius:1rem;margin:2rem 0;padding:5rem 0 3rem}.hero-badge{color:#666;background:#f5f5f5;border-radius:2rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;display:inline-block}.hero h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-desc{color:#666;max-width:700px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.7}.btn-primary{color:#fff;background:#1a1a1a;border-radius:3rem;padding:1.1rem 3rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 12px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stats{grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;padding:0;display:grid}.stat{text-align:center;background:#fff;border-radius:1rem;padding:3rem 2rem}.num{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700;display:block}.label{color:#666;font-size:1rem}.section{background:#fff;border-radius:1rem;margin:2rem 0;padding:4rem 3rem}.section-title{text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:700}.section-subtitle{text-align:center;color:#666;margin-bottom:3rem;font-size:1.1rem}.features{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:0;display:grid}.feature{background:#fafafa;border-radius:.8rem;padding:2rem;transition:all .2s}.feature:hover{background:#f5f5f5;transform:translateY(-2px)}.feature h3{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.feature p{color:#666;font-size:1rem;line-height:1.8}.steps{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.step{text-align:center;padding:2rem}.step-num{color:#fff;background:#1a1a1a;border-radius:50%;width:3rem;height:3rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:3rem;display:inline-block}.step h3{margin-bottom:1rem;font-size:1.2rem;font-weight:600}.step p{color:#666;font-size:.95rem;line-height:1.7}.testimonials{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.testimonial{background:#fafafa;border-radius:.8rem;padding:2rem}.testimonial-text{color:#333;margin-bottom:1rem;font-size:.95rem;line-height:1.7}.testimonial-author{color:#999;font-size:.85rem}.testimonial-type{color:#666;font-size:.9rem;font-weight:600}.cta{text-align:center;background:#fff;border-radius:1rem;margin:2rem 0;padding:4rem 0}.cta h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta p{color:#666;margin-bottom:2rem;font-size:1.1rem}.link{color:#1a1a1a;border-bottom:2px solid #1a1a1a;padding-bottom:3px;font-size:1.05rem;text-decoration:none;transition:opacity .2s}.link:hover{opacity:.6}.personality-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:3rem 0;display:grid}.p-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;flex-direction:column;min-height:280px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.p-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 8px 24px #10b98126}.p-card-image{object-fit:contain;background:linear-gradient(#f9fafb 0%,#fff 100%);width:100%;height:180px;padding:1.5rem;transition:transform .3s}.p-card:hover .p-card-image{transform:scale(1.08)}.p-card-content{flex-direction:column;flex:1;padding:1rem 1.5rem 1.5rem;display:flex}.p-card h3{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.p-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.9375rem;font-weight:600;overflow:hidden}.p-desc{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.intro{text-align:center;padding:4rem 0 2rem}.intro h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.intro p{color:#666;margin-bottom:2rem;font-size:1.1rem}.note{color:#999;margin-top:3rem;font-size:.9rem}@media (max-width:768px){.stats{gap:2rem}.personality-grid{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.hero-desc{font-size:1rem}.stats{grid-template-columns:1fr;gap:1rem}.stat{padding:2rem 1.5rem}.features,.steps,.testimonials{grid-template-columns:1fr;gap:1.5rem}.section{padding:3rem 1.5rem}.section-title{font-size:1.6rem}}.test-container{max-width:800px;margin:3rem auto;padding:0 1rem}.test-header{margin-bottom:3rem}.progress-bar{background:#e5e5e5;border-radius:10px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.question-counter{text-align:center;color:#666;font-size:.9rem}.question-card{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 2px 20px #00000014}.question-text{color:#1a1a1a;margin-bottom:2.5rem;font-size:1.8rem;font-weight:600;line-height:1.4}.options{flex-direction:column;gap:1rem;display:flex}.option-btn{cursor:pointer;text-align:left;background:#fafafa;border:2px solid #e5e5e5;border-radius:.8rem;align-items:center;gap:1rem;padding:1.5rem;font-size:1rem;transition:all .2s;display:flex}.option-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.option-btn.selected{background:#f0f0ff;border-color:#667eea}.option-letter{background:#fff;border:2px solid #e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:600;display:flex}.option-btn:hover .option-letter{border-color:#1a1a1a}.option-btn.selected .option-letter{color:#fff;background:#667eea;border-color:#667eea}.option-text{flex:1;line-height:1.5}.back-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #e5e5e5;border-radius:2rem;margin:2rem auto 0;padding:.8rem 2rem;font-size:.95rem;transition:all .2s;display:block}.back-btn:hover{color:#1a1a1a;border-color:#1a1a1a}.test-result{text-align:center;padding:5rem 2rem}.test-result h1{margin-bottom:1.5rem;font-size:2.5rem}.test-result p{color:#666;margin-bottom:2rem;font-size:1.2rem}@media (max-width:768px){.question-card{padding:2rem 1.5rem}.question-text{font-size:1.4rem}.option-btn{padding:1.2rem}}.result-page{max-width:800px;margin:3rem auto;padding:0 1rem}.result-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.result-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1.5rem;margin-bottom:2rem;padding:3rem 2rem}.result-avatar{margin-bottom:2rem}.avatar-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;font-size:2.5rem;font-weight:700;display:flex}.result-title{margin-bottom:.5rem;font-size:3.5rem;font-weight:700}.result-subtitle{opacity:.95;margin-bottom:1rem;font-size:2rem;font-weight:600}.result-motto{opacity:.9;font-size:1.2rem;font-style:italic}.result-body{flex-direction:column;gap:1.5rem;display:flex}.result-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 2px 10px #0000000d}.card-title{color:#1a1a1a;border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.6rem;font-weight:600}.card-text{color:#333;font-size:1.05rem;line-height:1.8}.dimensions{gap:1.5rem;display:grid}.dimension-group{background:#fafafa;border-left:4px solid #667eea;border-radius:.8rem;padding:1.2rem}.dimension-group h4{color:#1a1a1a;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.dimension-group p{color:#666;font-size:.95rem;line-height:1.6}.traits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.trait-item{color:#333;text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:.5rem;padding:1rem 1.2rem;font-size:.95rem;font-weight:500}.advice-box{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);border-radius:.8rem;padding:1.5rem}.advice-box p{color:#333;margin:0;font-size:1.05rem;line-height:1.8}.result-actions-bottom{grid-template-columns:1fr;gap:1rem;margin-top:2rem;display:grid}.btn-share-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.8rem;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.btn-share-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-retake,.btn-view-all{color:#1a1a1a;text-align:center;background:#fff;border:2px solid #e5e5e5;border-radius:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.btn-retake:hover,.btn-view-all:hover{background:#f5f7ff;border-color:#667eea}.result-header{text-align:center;background:#fff;border-radius:1rem;margin-bottom:2rem;padding:3rem 2rem;box-shadow:0 2px 20px #00000014}.hidden-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;display:inline-block}.result-code{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:700}.result-name{color:#1a1a1a;margin-bottom:1rem;font-size:2rem;font-weight:600}.result-tagline{color:#666;font-size:1.2rem;font-style:italic}.result-content{background:#fff;border-radius:1rem;margin-bottom:2rem;padding:3rem;box-shadow:0 2px 20px #00000014}.result-section{margin-bottom:2.5rem}.result-section:last-child{margin-bottom:0}.result-section h3{color:#1a1a1a;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.result-section p{color:#333;font-size:1.05rem;line-height:1.8}.traits-list{padding:0;list-style:none}.traits-list li{color:#333;background:#fafafa;border-radius:.3rem;margin-bottom:.8rem;padding:.8rem 1.2rem;font-size:1rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-secondary{color:#1a1a1a;background:#fff;border:2px solid #e5e5e5;border-radius:2rem;padding:1rem 2rem;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{border-color:#1a1a1a}.btn-share{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:2rem;padding:1rem 2rem;font-size:1rem;transition:all .2s}.btn-share:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}@media (max-width:768px){.result-code{font-size:3rem}.result-name{font-size:1.6rem}.result-content{padding:2rem 1.5rem}.result-actions{flex-direction:column}.result-actions a,.result-actions button{text-align:center;width:100%}.result-hero{padding:2rem 1.5rem}.result-title{font-size:2.5rem}.result-subtitle{font-size:1.5rem}.result-card{padding:1.5rem}.traits-grid{grid-template-columns:1fr}}.intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.intro-text{padding-right:1rem}.intro-features{flex-direction:column;gap:1.5rem;display:flex}.intro-feature{background:#fafafa;border-radius:.8rem;align-items:flex-start;gap:1rem;padding:1.2rem;transition:all .2s;display:flex}.intro-feature:hover{background:#f5f5f5;transform:translate(4px)}.intro-icon{background:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;display:flex}@media (max-width:768px){.intro-grid{grid-template-columns:1fr;gap:2rem}.intro-text{padding-right:0}}.intro-features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:0;display:grid}.intro-feature-item{background:0 0;border-radius:0;padding:0}.intro-feature-item h4{color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.intro-feature-item p{color:#666;margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.intro-features-grid{grid-template-columns:1fr;gap:1.5rem}}.faq-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.faq-item{background:#fafafa;border:1px solid #e5e5e5;border-radius:.8rem;transition:all .2s;overflow:hidden}.faq-item:hover{border-color:#d0d0d0}.faq-item[open]{background:#fff}.faq-question{color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;font-size:1.05rem;font-weight:600;list-style:none;transition:all .2s;display:flex}.faq-question:hover{background:#f5f5f5}.faq-question:after{content:"+";color:#666;font-size:1.5rem;font-weight:400;transition:transform .2s}.faq-item[open] .faq-question:after{content:"−";transform:rotate(0)}.faq-question::-webkit-details-marker{display:none}.faq-answer{color:#666;margin:0;padding:0 1.5rem 1.2rem;font-size:.95rem;line-height:1.7;animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{color:#fff;background:#1a1a1a;margin-top:3rem;padding:3rem 0 1.5rem}.footer-content{grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1200px;margin:0 auto 2rem;padding:0 2rem;display:grid}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section p{color:#999;margin:0;font-size:.9rem;line-height:1.7}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.6rem}.footer-links a,.footer-links li{color:#999;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #333;max-width:1200px;margin:0 auto;padding:1.5rem 2rem 0}.footer-bottom p{color:#666;margin:.5rem 0;font-size:.85rem;line-height:1.6}.footer-bottom a{color:#999;text-decoration:none;transition:color .2s}.footer-bottom a:hover{color:#fff}.footer-disclaimer{color:#555!important;margin-top:1rem!important;font-size:.8rem!important}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer{padding:2rem 0 1rem}}.legal-page{background:#fff;border-radius:1rem;max-width:900px;margin:3rem auto;padding:3rem;box-shadow:0 2px 20px #00000014}.legal-page h1{color:#1a1a1a;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.last-updated{color:#999;margin-bottom:2.5rem;font-size:.9rem}.legal-page section{margin-bottom:2.5rem}.legal-page h2{color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;font-size:1.6rem;font-weight:600}.legal-page h3{color:#333;margin-top:1.5rem;margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.legal-page p{color:#666;margin-bottom:1rem;font-size:1rem;line-height:1.8}.legal-page ul{margin:1rem 0 1rem 2rem;line-height:1.8}.legal-page li{color:#666;margin-bottom:.5rem;font-size:1rem}.legal-page strong{color:#1a1a1a;font-weight:600}.back-link{text-align:center;border-top:1px solid #e5e5e5;margin-top:3rem;padding-top:2rem}.back-link a{color:#1a1a1a;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .2s}.back-link a:hover{opacity:.6}@media (max-width:768px){.legal-page{margin:2rem 1rem;padding:2rem 1.5rem}.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.4rem}.legal-page h3{font-size:1.1rem}}.content-page{background:#fff;border-radius:1rem;max-width:900px;margin:3rem auto;padding:3rem;box-shadow:0 2px 20px #00000014}.content-page h1{color:#1a1a1a;text-align:center;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.content-page .subtitle{text-align:center;color:#999;margin-bottom:2.5rem;font-size:1.1rem}.intro-section{background:#f5f7fa;border-radius:.8rem;margin-bottom:2.5rem;padding:2rem}.intro-section p{color:#333;margin:0;font-size:1.1rem;line-height:1.8}.content-page section{margin-bottom:2.5rem}.content-page h2{color:#1a1a1a;margin-top:2rem;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.content-page h3{color:#333;margin-top:1.5rem;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.content-page h4{color:#1a1a1a;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.content-page p{color:#666;margin-bottom:1rem;font-size:1rem;line-height:1.8}.content-page ul{margin:1rem 0 1rem 2rem;line-height:1.8}.content-page li{color:#666;margin-bottom:.5rem;font-size:1rem}.info-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0;display:grid}.info-item{color:#666;background:#fafafa;border-radius:.5rem;padding:1.2rem;font-size:.95rem;line-height:1.6}.info-item strong{color:#1a1a1a;font-weight:600}.model-section{background:#fafafa;border-radius:.8rem;margin-bottom:1.5rem;padding:1.5rem}.model-section h3{color:#1a1a1a;margin-top:0}.model-section ul{margin:.5rem 0 0 1.5rem}.model-section li{margin-bottom:.8rem}.faq-simple{flex-direction:column;gap:1.5rem;display:flex}.faq-simple-item{background:#fafafa;border-radius:.8rem;padding:1.5rem}.faq-simple-item h4{margin-top:0;margin-bottom:.8rem}.faq-simple-item p{margin:0}.cta-section{text-align:center;background:#f5f7fa;border-radius:.8rem;margin-top:3rem;padding:2rem}.cta-section h2{margin-top:0}@media (max-width:768px){.content-page{margin:2rem 1rem;padding:2rem 1.5rem}.content-page h1{font-size:2rem}.content-page h2{font-size:1.5rem}.info-grid{grid-template-columns:1fr;gap:1rem}}.personality-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}.personality-card-featured{background:#fff;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.personality-card-featured:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.personality-featured-image{object-fit:cover;border-bottom:3px solid #007aff;width:100%;height:250px}.personality-featured-content{flex-direction:column;flex:1;padding:25px;display:flex}.personality-code-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#007aff 0%,#0051d5 100%);border-radius:20px;width:fit-content;margin-bottom:15px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.personality-featured-title{color:#1a1a1a;margin-bottom:15px;font-size:24px;font-weight:700}.personality-featured-desc{color:#4a5568;flex:1;margin-bottom:20px;font-size:15px;line-height:1.7}.personality-learn-more{color:#007aff;align-items:center;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex}.personality-learn-more:hover{transform:translate(5px)}@media (max-width:768px){.personality-grid{grid-template-columns:1fr;gap:20px}.personality-featured-image{height:200px}.personality-featured-content{padding:20px}.personality-featured-title{font-size:20px}.personality-featured-desc{font-size:14px}}.personality-hover-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f!important}.cta-hover:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d!important}.btn-outline-hover:hover{color:#fff!important;background:#667eea!important}@media (max-width:768px){.hero-conversion>div>div{text-align:center;grid-template-columns:1fr!important}.hero-conversion h1{font-size:36px!important}.hero-conversion p{font-size:18px!important}}.result-modern{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}.result-hero-modern{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);padding:80px 20px}.result-section-modern{padding:80px 20px}.trait-bar-container{margin-bottom:24px}.trait-bar-bg{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.trait-bar-fill{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%);border-radius:999px;height:100%;transition:width 1s ease-out}.info-card-modern{background:#fff;border-radius:16px;padding:32px;transition:transform .2s;box-shadow:0 4px 20px #0000000d}.info-card-modern:hover{transform:translateY(-5px)}.cta-button-modern{color:#fff;cursor:pointer;background:#ff7a59;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:transform .2s;box-shadow:0 4px 12px #ff7a594d}.cta-button-modern:hover{transform:translateY(-2px)}.secondary-button-modern{color:#0f172a;background:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.secondary-button-modern:hover{transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-scale-in{animation:.5s ease-out scaleIn}
.hero-badge-modern{color:#6c63ff;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-trust-badges{gap:1.5rem;margin-top:1.5rem;display:flex}.trust-badge-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.trust-badge-item svg{flex-shrink:0}.modern-trust-floating{z-index:10;margin-top:-80px;padding:0 2rem 3rem;position:relative}.trust-card-unified{background:#fff;border-radius:1.5rem;justify-content:space-between;align-items:center;gap:3rem;max-width:1200px;margin:2rem auto 0;padding:2.5rem 3rem;display:flex;box-shadow:0 8px 30px #0000001f}.trust-left-section{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.stats-right-section{flex:1;justify-content:flex-end;gap:2rem;display:flex}.stat-item-inline{text-align:center;flex-direction:column;align-items:center;gap:1rem;min-width:140px;display:flex}.stat-icon-inline{background:#f5f5f7;border-radius:1.25rem;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex}.stat-item-inline:hover .stat-icon-inline{background:#e8e8ed}.stat-text-inline{flex-direction:column;gap:.25rem;display:flex}.stat-number-inline{background:linear-gradient(135deg,#6c63ff 0%,#5b52e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.stat-label-inline{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.user-avatars-horizontal{flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-new{object-fit:cover;border:3px solid #fff;border-radius:50%;width:56px;height:56px;margin-left:-14px;transition:all .3s}.avatar-new:first-child{margin-left:0}.avatar-new:hover{z-index:10;transform:scale(1.1)}.avatar-count-new{color:#fff;background:linear-gradient(135deg,#6c63ff 0%,#5b52e8 100%);border:3px solid #fff;border-radius:28px;justify-content:center;align-items:center;width:70px;height:56px;margin-left:-14px;font-size:1rem;font-weight:700;display:flex}.trust-text-center{flex-direction:column;align-items:center;gap:.25rem;display:flex}.trust-main-text-bold{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.trust-sub-text-gray{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.4}@media (max-width:1024px){.trust-card-unified{flex-direction:column;gap:2.5rem}.stats-right-section{justify-content:center;width:100%}}@media (max-width:768px){.modern-trust-floating{margin-top:-40px}.trust-card-unified{padding:2rem}.stats-right-section{flex-direction:column;gap:1.5rem}.stat-item-inline{width:100%}.avatar-new{width:48px;height:48px;margin-left:-12px}.avatar-count-new{width:60px;height:48px;margin-left:-12px}}.stat-icon-compact{background:linear-gradient(135deg,#f0edff 0%,#e8e5ff 100%);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-text-compact{flex-direction:column;gap:.25rem;display:flex}.stat-number-compact{background:linear-gradient(135deg,#6c63ff 0%,#5b52e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label-compact{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}@media (max-width:1024px){.trust-bar{flex-direction:column;gap:2rem;padding:2rem}.trust-divider{width:100%;height:1px}.trust-item,.trust-stat-compact{justify-content:center;width:100%}}.modern-stats{background:#f9fafb;padding:3rem 0}.stats-content{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}@media (max-width:768px){.stats-content{grid-template-columns:1fr}}.trust-stat-item{text-align:center;background:#fff;border-radius:1.25rem;padding:2.5rem 2rem;transition:all .3s;box-shadow:0 4px 16px #0000000f}.trust-stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon-svg{background:linear-gradient(135deg,#f0edff 0%,#e8e5ff 100%);border-radius:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s;display:inline-block}.trust-stat-item:hover .stat-icon-svg{background:linear-gradient(135deg,#e8e5ff 0%,#ddd6fe 100%);transform:scale(1.1)}.stat-icon{margin-bottom:1rem;font-size:3rem}.stat-number{background:linear-gradient(135deg,#6c63ff 0%,#5b52e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.stat-label{color:#6b7280;font-size:1rem;font-weight:500}.modern-section{background:#f5f5f7;padding:4rem 0 6rem}.modern-section-white{background:#fff;padding:4rem 0 6rem}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-heading{color:#1d1d1f;text-align:center;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:600}.section-intro-text{color:#86868b;text-align:center;max-width:680px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.personality-carousel-container{margin-top:3rem;padding:0 4rem;position:relative}.carousel-arrow{cursor:pointer;z-index:10;color:#1d1d1f;background:#fff;border:2px solid #e8e8ed;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{color:#007aff;background:#f5f5f7;border-color:#007aff;transform:translateY(-50%)scale(1.1)}.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}.personality-carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:1.75rem;padding:1.5rem 0 2.5rem;display:flex;overflow-x:auto}.personality-carousel::-webkit-scrollbar{display:none}.personality-card-large{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;flex:none;width:300px;height:400px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014,0 0 0 1px #0000000d}.personality-card-large:after{content:"";opacity:0;background:linear-gradient(90deg,#10b981 0%,#34d399 50%,#6ee7b7 100%);height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.personality-card-large:hover:after{opacity:1}.personality-card-large:hover{border-color:#10b98133;transform:translateY(-10px);box-shadow:0 16px 48px #10b98126,0 0 0 1px #10b9811a}.personality-image-large{object-fit:contain;z-index:2;filter:drop-shadow(0 2px 8px #0000000f);flex-shrink:0;width:100%;height:200px;padding:1.5rem 1.5rem .5rem;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.personality-card-large:hover .personality-image-large{transform:scale(1.1)translateY(-6px)}.personality-info-large{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:flex-start;gap:.375rem;min-height:0;padding:.75rem 1.5rem 1.5rem;display:flex;position:relative}.personality-code-small{color:#9ca3af;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.125rem;font-size:.6875rem;font-weight:700}.personality-name-large{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-shadow:0 2px 4px #10b9811a;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:800;line-height:1.1}.personality-desc-short{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0 .75rem;font-size:.8125rem;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.personality-tags{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:auto;display:flex}.personality-tag{color:#166534;letter-spacing:.01em;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:999px;padding:4px 10px;font-size:.6875rem;font-weight:600;transition:all .3s}.personality-card-large:hover .personality-tag{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;transform:translateY(-2px)}@media (max-width:768px){.personality-carousel-container{padding:0 3rem}.carousel-arrow{width:40px;height:40px}.personality-card-large{width:260px;height:360px}.personality-image-large{height:170px;padding:1.25rem 1.25rem .5rem}.personality-info-large{padding:.5rem 1.25rem 1.25rem}.personality-name-large{font-size:1.5rem}}.personality-horizontal-grid{grid-template-columns:repeat(8,1fr);gap:1.25rem;margin-top:3rem;display:grid}.personality-card-horizontal{text-align:center;background:#f5f5f7;border-radius:1.5rem;flex-direction:column;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.personality-card-horizontal:hover{background:#e8e8ed;transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}@media (max-width:1200px){.personality-horizontal-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.personality-horizontal-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.personality-card-horizontal{padding:1rem}}.personality-image-horizontal{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%;height:auto;margin-bottom:1rem}.personality-name-horizontal{color:#1d1d1f;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.personality-subtitle-horizontal{color:#86868b;margin:0;font-size:.875rem}.view-more-container{text-align:center;margin-top:2rem}.view-more-button{color:#fff;background:#007aff;border-radius:3rem;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #007aff4d}.view-more-button:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 6px 24px #007aff66}.personality-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:3rem;display:grid}.personality-card-link{text-align:center;background:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #00000014}.personality-card-link:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.personality-image{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%;height:auto;margin-bottom:1rem}.personality-name{color:#1d1d1f;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.personality-subtitle{color:#86868b;margin:0;font-size:.875rem}@media (max-width:1024px){.personality-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.personality-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.personality-card-link{padding:1rem}}.feature-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.feature-card-modern{background:#fff;border:none;border-radius:1.75rem;align-items:flex-start;gap:2rem;padding:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #00000014}.feature-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.feature-icon-svg{background:#f5f5f7;border-radius:1.25rem;flex-shrink:0;padding:1.25rem;transition:all .3s}.feature-card-modern:hover .feature-icon-svg{background:#e8e8ed}.feature-card-content{flex:1}.feature-card-title{color:#1d1d1f;letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.feature-card-text{color:#86868b;font-size:1rem;line-height:1.6}.modern-why{background:#fff;padding:4rem 0 6rem}.why-container{max-width:1200px;margin:0 auto;padding:0 2rem}.why-title-main{color:#1d1d1f;text-align:center;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:600}.why-subtitle-main{color:#86868b;text-align:center;margin-bottom:3rem;font-size:1.25rem}.why-features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.why-feature-card{background:#f5f5f7;border:none;border-radius:1.75rem;align-items:flex-start;gap:2rem;padding:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.why-feature-card:hover{background:#e8e8ed;transform:translateY(-4px)}.why-feature-icon-svg{background:#fff;border-radius:1.25rem;flex-shrink:0;padding:1.25rem;transition:all .3s}.why-feature-content{flex:1}.why-feature-title{color:#1d1d1f;letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.why-feature-text{color:#86868b;font-size:1rem;line-height:1.6}.modern-steps-section{background:#f9fafb;padding:5rem 0}.steps-container{max-width:1200px;margin:0 auto;padding:0 2rem}.steps-heading{color:#111827;text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.steps-subheading{color:#6b7280;text-align:center;margin-bottom:3rem;font-size:1.125rem}.steps-grid-modern{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.step-card-modern{text-align:center;background:#fff;border-radius:1rem;padding:2rem}.step-number-modern{color:#fff;background:linear-gradient(135deg,#6c63ff 0%,#4f46e5 100%);border-radius:50%;width:4rem;height:4rem;margin:0 auto 1.5rem;font-size:1.75rem;font-weight:700;line-height:4rem}.step-title-modern{color:#111827;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.step-text-modern{color:#6b7280;font-size:.9375rem;line-height:1.7}.modern-testimonials{background:#f5f5f7;padding:4rem 0 6rem}.testimonials-container{max-width:1200px;margin:0 auto;padding:0 2rem}.testimonials-heading{color:#1d1d1f;text-align:center;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:600}.testimonials-subheading{color:#86868b;text-align:center;margin-bottom:3rem;font-size:1.25rem}.testimonials-grid-modern{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.testimonial-card-modern{background:#fff;border:none;border-radius:1.75rem;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #00000014}.testimonial-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.testimonial-quote{color:#1d1d1f;margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.6}.testimonial-author-modern{align-items:center;gap:1rem;display:flex}.testimonial-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.testimonial-author-info{flex-direction:column;gap:.25rem;display:flex}.testimonial-author-name{color:#1d1d1f;margin:0;font-size:1rem;font-weight:600}.testimonial-type-modern{color:#86868b;margin:0;font-size:.9375rem;font-weight:500}.modern-cta-section{background:url(/footer.png) 50%/cover no-repeat;padding:8rem 0;position:relative}.cta-content-modern{text-align:center;z-index:1;max-width:800px;margin:0 auto;padding:0 2rem;position:relative}.cta-heading-modern{color:#1d1d1f;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:600}.cta-text-modern{color:#86868b;margin-bottom:2rem;font-size:1.25rem}.modern-cta-button-large{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:3.5rem;padding:1rem 3rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #007aff66}.modern-cta-button-large:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 6px 24px #007aff80}.modern-faq-section{background:#fff;padding:5rem 0}.faq-container-modern{max-width:900px;margin:0 auto;padding:0 2rem}.faq-heading-modern{color:#111827;text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.faq-list-modern{flex-direction:column;gap:1rem;display:flex}.faq-item-modern{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s;overflow:hidden}.faq-item-modern:hover{border-color:#d1d5db}.faq-item-modern[open]{background:#fff;border-color:#4f46e5}.faq-question-modern{color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.0625rem;font-weight:600;list-style:none;transition:all .2s;display:flex}.faq-question-modern:hover{background:#f3f4f6}.faq-question-modern:after{content:"+";color:#6b7280;font-size:1.5rem;font-weight:400;transition:transform .2s}.faq-item-modern[open] .faq-question-modern:after{content:"−";color:#4f46e5}.faq-question-modern::-webkit-details-marker{display:none}.faq-answer-modern{color:#6b7280;margin:0;padding:0 1.5rem 1.25rem;font-size:.9375rem;line-height:1.7;animation:.3s ease-in fadeIn}.modern-footer{color:#fff;background:#111827;padding:3rem 0 1.5rem}.footer-content-modern{grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1200px;margin:0 auto 2rem;padding:0 2rem;display:grid}.footer-section-modern h4{color:#fff;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.footer-text-modern{color:#9ca3af;margin:0;font-size:.9375rem;line-height:1.7}.footer-heading-modern{color:#fff;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.footer-links-modern{margin:0;padding:0;list-style:none}.footer-links-modern li{margin-bottom:.625rem}.footer-links-modern a,.footer-links-modern li{color:#9ca3af;font-size:.9375rem;text-decoration:none;transition:color .2s}.footer-links-modern a:hover{color:#fff}.footer-bottom-modern{text-align:center;border-top:1px solid #374151;max-width:1200px;margin:0 auto;padding:1.5rem 2rem 0}.footer-bottom-modern p{color:#6b7280;margin:.5rem 0;font-size:.875rem;line-height:1.6}.footer-bottom-modern a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-bottom-modern a:hover{color:#fff}.footer-disclaimer-modern{color:#6b7280!important;margin-top:1rem!important;font-size:.8125rem!important}@media (max-width:1024px){.feature-cards-grid,.why-features-grid,.testimonials-grid-modern,.steps-grid-modern{grid-template-columns:1fr}}@media (max-width:768px){.footer-content-modern{grid-template-columns:1fr;gap:2rem}.section-heading,.steps-heading,.testimonials-heading,.cta-heading-modern,.faq-heading-modern,.why-title-main{font-size:2rem}}