*{margin:0;padding:0;box-sizing:border-box;-webkit-text-fill-color:unset!important}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333!important}h1,h2,h3,h4,h5,h6{color:#1a1a1a!important;font-weight:700!important}p,span,div,a,li{color:#333!important}@tailwind base;@tailwind components;@tailwind utilities;.text-gray-900{color:#1a1a1a!important}.text-slate-800{color:#1e293b!important}.text-slate-700{color:#334155!important}.text-green-600{color:#16a34a!important}.text-white{color:#fff!important}.text-blue-600{color:#2563eb!important}button,.btn{background-color:#16a34a;color:#fff!important;padding:8px 16px;border-radius:6px;border:none;cursor:pointer}button:hover,.btn:hover{background-color:#15803d}input,textarea,select{color:#1a1a1a!important;background-color:#fff!important;border:1px solid #d1d5db;padding:8px 12px;border-radius:4px}input:focus,textarea:focus{outline:2px solid #16a34a;border-color:#16a34a}nav a{color:#1a1a1a!important;text-decoration:none;padding:8px 12px}nav a:hover{color:#16a34a!important}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin:10px 0}.card h3{color:#1a1a1a!important;margin-bottom:10px}.card p{color:#4b5563!important}.transition-colors{transition:color .2s ease}.hover\:bg-green-100:hover{background-color:#dcfce7}.hover\:text-green-600:hover{color:#16a34a!important}@media (max-width: 768px){.hidden{display:none}.block{display:block}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate-code{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-float{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-30px) scale(1.1)}}@keyframes code-drift{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-rotate-code{animation:rotate-code 20s linear infinite}.animate-fade-float{animation:fade-float 8s ease-in-out infinite}.animate-code-drift{animation:code-drift 15s ease-in-out infinite}.code-element{font-family:Courier New,monospace;font-weight:700;-webkit-user-select:none;user-select:none;pointer-events:none}.gradient-text,.text-shimmer,.animate-typing,.bg-clip-text{color:#1a1a1a!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}