@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#2563eb)}.btn-action{padding:.5rem 1rem;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.form-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font:inherit;transition:border-color .3s}.form-input:focus{outline:none;border-color:#10b981}.card-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}
