.tactic-card{background:#fff5f5;border-radius:20px;padding:20px;margin-bottom:20px;border-right:5px solid #e74c3c;transition:all .3s}.tactic-card:hover{transform:translateX(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.tactic-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.tactic-icon{width:50px;height:50px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.tactic-title{font-size:1.2rem;font-weight:700;color:#c0392b}.explanation{color:#555;line-height:1.6;margin:10px 0}.protection-tip{background:#e8f5e9;border-radius:12px;padding:12px;margin-top:12px;display:flex;gap:10px;align-items:flex-start}.protection-tip i{color:#4caf50;font-size:1.2rem;margin-top:2px}.quiz-option{background:#f0f0f0;border-radius:15px;padding:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.quiz-option:hover{background:#e0e0e0;transform:translateX(-5px)}.quiz-option.selected{background:linear-gradient(135deg,#e74c3c,#c0392b);color:white}.quiz-feedback.show{display:block}.quiz-feedback.correct{background:#e8f5e9;color:#4caf50}.quiz-feedback.wrong{background:#ffebee;color:#f44336}.flag-item{background:#fff5f5;border-radius:15px;padding:15px;text-align:center;transition:all .3s}.flag-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.flag-icon{font-size:2rem;margin-bottom:8px}.flag-text{font-size:.9rem;color:#555}.assessment-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #f0f0f0}.assessment-question{flex:1;color:#555}.assessment-buttons{display:flex;gap:8px}.assessment-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;transition:all .3s;font-weight:700}.assessment-btn.yes{background:#ffebee;color:#f44336}.assessment-btn.yes:hover,.assessment-btn.yes.active{background:#f44336;color:white}.assessment-btn.no{background:#e8f5e9;color:#4caf50}.assessment-btn.no:hover,.assessment-btn.no.active{background:#4caf50;color:white}.assessment-result.show{display:block}@media (max-width:768px){.tactic-header{flex-direction:column;text-align:center}}.fade-in{animation:fadeIn .5s ease-out}