.enneagram-intro{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 50%, var(--primary) 100%);color:#fff;border-radius:15px;margin:30px 0;padding:50px 20px}.enneagram-symbol{margin-bottom:25px}.symbol-circle{border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;display:flex;position:relative}.type-num{width:30px;height:30px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.9em;font-weight:700;display:flex;position:absolute}.type-num:first-child{top:-15px;left:50%;transform:translate(-50%)}.type-num:nth-child(2){top:10px;right:5px}.type-num:nth-child(3){top:50%;right:-15px;transform:translateY(-50%)}.type-num:nth-child(4){bottom:10px;right:5px}.type-num:nth-child(5){bottom:-15px;left:50%;transform:translate(-50%)}.type-num:nth-child(6){bottom:10px;left:5px}.type-num:nth-child(7){top:50%;left:-15px;transform:translateY(-50%)}.type-num:nth-child(8){top:10px;left:5px}.type-num:nth-child(9){background:var(--primary);color:#fff;top:35%;left:50%;transform:translate(-50%,-50%)}.intro-text{margin-bottom:30px;font-size:1.3em;line-height:1.8}.test-info{flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 0;display:flex}.test-info p{margin:5px 0;font-size:1.1em}.btn-primary{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:30px;padding:15px 40px;font-size:1.2em;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.progress-bar{background:#e0e0e0;border-radius:5px;width:100%;height:10px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary));width:0%;height:100%;transition:width .3s}.question-counter{text-align:center;color:#666;margin-bottom:30px;font-size:1.2em}.question-container{padding:40px 20px}.question-container h2{text-align:center;color:#333;margin-bottom:40px;font-size:1.4em;line-height:1.6}.options{flex-direction:column;gap:12px;max-width:600px;margin:0 auto;display:flex}.option-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:18px;font-size:1.1em;transition:all .2s}.option-btn:hover{border-color:var(--primary);background:#f5f3ff;transform:translate(5px)}.result-container{text-align:center;padding:40px 20px}.type-visual{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;border-radius:20px;margin-bottom:30px;padding:40px}.type-number{margin-bottom:10px;font-size:4em;font-weight:800;display:block}.type-name{margin:0;font-size:1.8em}.type-desc{color:#555;max-width:600px;margin:0 auto 30px;font-size:1.1em;line-height:1.8}.type-detail{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px;display:flex}.detail-item{background:#f8f9fa;border-radius:15px;min-width:200px;padding:20px 30px}.detail-item h4{color:var(--primary);margin:0 0 10px;font-size:.95em}.detail-item p{color:#333;margin:0;font-weight:500}.strengths-section{margin-bottom:25px}.strengths-section h3{color:var(--primary);margin-bottom:15px}.strength-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.strength-tag{background:linear-gradient(135deg, var(--primary), var(--primary));color:#fff;border-radius:20px;padding:8px 16px;font-size:.95em}.growth-section{background:#f8f9fa;border-radius:15px;margin-bottom:25px;padding:25px}.growth-section h3{color:var(--primary);margin-bottom:15px}.growth-text{color:#555;line-height:1.8}.type-chart{margin-bottom:30px}.type-chart h3{color:var(--primary);margin-bottom:20px}.chart-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-width:500px;margin:0 auto;display:grid}.chart-item{text-align:center;background:#f8f9fa;border-radius:10px;padding:15px}.chart-item .chart-type{color:var(--primary);font-size:1.5em;font-weight:700}.chart-item .chart-score{color:#666;margin-top:5px;font-size:.9em}.chart-item.active{background:linear-gradient(135deg, var(--primary), var(--primary))}.chart-item.active .chart-type,.chart-item.active .chart-score{color:#fff}#retry-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;margin-top:20px}.content-section{max-width:800px;margin:40px auto;line-height:1.8}.content-section h2{color:var(--primary);margin-top:35px;margin-bottom:15px;font-size:1.4em}.content-section p{color:#555;margin-bottom:15px}.content-section ul{margin-bottom:15px;padding-left:20px}.content-section li{color:#555;margin-bottom:10px}@media (width<=768px){.test-info{flex-direction:column;gap:10px}.intro-text{font-size:1.1em}.symbol-circle{width:120px;height:120px}.type-num{width:25px;height:25px;font-size:.8em}.type-detail{flex-direction:column}.chart-grid{grid-template-columns:repeat(3,1fr);gap:10px}}