/* Shared styles for Cyber Tools */
.fade-in { animation: fadeIn 0.5s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

.ad-placeholder { background: linear-gradient(45deg, #f3f4f6, #e5e7eb); border: 2px dashed #d1d5db; min-height: 100px; }
.card-shadow { box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04); }

/* Mobile nav */
.mobile-menu { transform: translateX(-100%); transition: transform .3s ease-in-out; }
.mobile-menu.open { transform: translateX(0); }
.hamburger { transition: all .3s ease; }
.hamburger.active .line1 { transform: rotate(45deg) translate(5px, 5px); }
.hamburger.active .line2 { opacity: 0; }
.hamburger.active .line3 { transform: rotate(-45deg) translate(7px, -6px); }

/* Utilities */
.spinner { border: 2px solid #f3f3f3; border-top: 2px solid #6366f1; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; display: inline-block; margin-right: 8px; }
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }