@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0e7478;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0891b2}.nav-link.active{color:#0e7478;font-weight:600}*:focus{outline:2px solid #0E7478;outline-offset:2px}button:focus,a:focus{outline:2px solid #0E7478;outline-offset:2px}.field-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.progress-bar{overflow:hidden;border-radius:9999px;background-color:#e5e7eb}.progress-fill{height:100%;background:linear-gradient(90deg,#0e7478,#0891b2);border-radius:9999px;transition:width 1s ease-in-out;transform-origin:left}.skill-card{transition:all .2s ease-in-out}.skill-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.project-card{transition:all .25s ease-in-out}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.project-card img{transition:transform .3s ease-in-out}.project-card:hover img{transform:scale(1.05)}.filter-fade{animation:fadeIn .3s ease-out}#mobile-menu{transition:all .3s ease-in-out}#mobile-menu.show{animation:slideDown .3s ease-out}.section-reveal{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.section-reveal.revealed{opacity:1;transform:translateY(0)}.timeline-item{opacity:0;transform:translate(-20px);transition:all .6s ease-out}.timeline-item.revealed{opacity:1;transform:translate(0)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}@media (max-width: 640px){.animate-fade-in{animation-delay:.2s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.bg-gray-50\/50{background-color:#fff}.text-secondary{color:#000}.border-gray-100{border-color:#000}}