.logo{text-align:center;margin-bottom:30px}.logo h1{color:white;font-size:28px;font-weight:700;margin-bottom:8px}.logo p{color:rgba(255,255,255,.85);font-size:16px;font-weight:500}.intro-container.hidden{display:none}.intro-subtitle{color:rgba(255,255,255,.9);font-size:20px;font-weight:500;margin-bottom:24px;line-height:1.4;display:none}.question-container.active{display:block}.option.selected{background:rgba(59,130,246,.25);border-color:#3b82f6;box-shadow:0 8px 25px rgba(59,130,246,.15)}.result-container.active{display:block}.loading-container.active{display:block}.recommendation-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px;transition:all .3s ease}.recommendation-card:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.recommendation-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.recommendation-title{color:white;font-size:18px;font-weight:600;margin-bottom:8px}.recommendation-description{color:rgba(255,255,255,.8);font-size:14px;margin-bottom:12px;line-height:1.4}.recommendation-link{display:inline-block;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);color:white;text-decoration:none;font-weight:700;font-size:15px;padding:12px 20px;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 12px rgba(96,165,250,.3);border:1px solid rgba(255,255,255,.1);text-align:center;width:100%;margin-top:4px}.recommendation-link:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(96,165,250,.4)}.recommendation-link::after{content:""}@media (max-width:768px){.intro-subtitle{font-size:18px}.logo h1{font-size:24px}}