.quiz-container{background-color:#fff;border-radius:15px;max-width:800px;margin:30px auto;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.dark .quiz-container{background-color:#0f172a}.progress-container{padding:10px 0;position:relative}.progress-text{text-align:center;color:#b03f3e;margin-bottom:10px;font-weight:700}.progress-bar{background-color:#eee;border-radius:4px;height:8px;overflow:hidden}.dark .progress-bar{background-color:#60636b}.progress{background:linear-gradient(90deg,#b03f3e,#f96);width:0%;height:100%;transition:width .4s}.question{margin:25px 0;display:none}.question.active{animation:.5s slideIn;display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question h3{color:#ba5756;margin-bottom:20px;font-size:1.3em}.options{grid-template-columns:1fr;gap:12px;display:grid}.option{cursor:pointer;background-color:#f8f3ef;border:1px solid #d6d7d8;border-radius:8px;padding:15px 20px;transition:all .3s;position:relative;overflow:hidden}.dark .option{background-color:#222e40;border:1px solid #475569}.option:hover{background-color:#f8dab5;transform:translateY(-2px)}.dark .option:hover{background-color:#303a49;border:1px solid #df8e32}.option.selected{color:#fff;background-color:#e98811;border-color:#dd5620;font-weight:600}.dark .option.selected{color:#e5e7eb;background-color:#b84a1f;border-color:#e98811}.result{text-align:center;display:none}.result.active{animation:1s fadeIn;display:block}.cat-match{background-color:#f8f9fa;border-radius:15px;margin:30px 0;padding:30px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.dark .cat-match{background-color:#222e40}.cat-match img{border-radius:15px;max-width:300px;margin:15px 0;box-shadow:0 5px 15px rgba(0,0,0,.2)}.compatibility-score{color:#795b25;margin:20px 0;font-size:1.2em}.learn-more{padding-top:1.5rem;font-family:Atma;display:inline-block}.trait-match{color:#c03a37;text-align:center;white-space:nowrap;background-image:linear-gradient(to bottom right,#fde4cf,#fcbf8a);border:1px solid #eea41a;border-radius:15px;margin:3px;padding:4px 8px;font-size:.9em;font-weight:400;display:inline-block}