*,*:focus,*:active,*:visited{outline:none!important;box-shadow:none!important}button,input,textarea,select,a{outline:none!important;box-shadow:none!important}button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:none!important;box-shadow:none!important;border:none!important}#mobile-menu-button{position:relative;transition:all .3s ease}.hamburger-line{width:20px;transition:all .3s ease;transform-origin:center}.hamburger-container.active .hamburger-line-top{transform:rotate(45deg) translate(5px,5px)}.hamburger-container.active .hamburger-line-middle{opacity:0}.hamburger-container.active .hamburger-line-bottom{transform:rotate(-45deg) translate(5px,-5px)}#mobile-menu{transition:all .3s ease;transform:translateY(-10px);opacity:0}#mobile-menu.show{transform:translateY(0);opacity:1}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:translate-x-2{transform:translate(8px)}.group:hover .group-hover\:opacity-30{opacity:.3}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-50{opacity:.5}html{scroll-behavior:smooth}@media (max-width: 1024px){.grid.lg\:grid-cols-2{grid-template-columns:1fr}}@media (max-width: 768px){.text-6xl.sm\:text-8xl.lg\:text-9xl{font-size:3rem;line-height:1.1}.text-5xl.sm\:text-6xl.md\:text-7xl.lg\:text-8xl.xl\:text-9xl{font-size:3rem!important;line-height:1.1!important}}@media (max-width: 640px){.text-5xl.sm\:text-6xl.md\:text-7xl.lg\:text-8xl.xl\:text-9xl{font-size:2.5rem!important;line-height:1.1!important}}@media (max-width: 480px){.text-5xl.sm\:text-6xl.md\:text-7xl.lg\:text-8xl.xl\:text-9xl{font-size:2rem!important;line-height:1.1!important}}button{transition:all .3s ease}button:hover{transform:translateY(-1px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 2s infinite}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 640px){.flex.flex-col.sm\:flex-row{padding:0 1rem}button{min-width:200px;text-align:center}}.hero-buttons{max-width:100%;overflow:visible}.contact-section input:focus,.contact-section textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.contact-section button:hover{background-color:#f3f4f6}.group:hover .group-hover\:rotate-180{transform:rotate(180deg)}.fade-in-new{transition:all .6s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-category{transition:all .3s ease}.project-category:hover{background-color:#ffffff4d;transform:scale(1.05)}.navbar-scrolled{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loading{position:relative;overflow:hidden}.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .6s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .6s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}.filter-button{transition:all .3s ease;position:relative;overflow:hidden}.filter-button.active{background-color:#000;color:#fff}.filter-button:not(.active):hover{background-color:#f3f4f6}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:24px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.border-gradient{border-image:linear-gradient(45deg,#0fa8ff,#ff6b6b) 1}@media print{.no-print{display:none!important}body{font-size:12pt;line-height:1.4}}@media (prefers-contrast: high){.bg-gray-50{background-color:#fff}.text-gray-600{color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.auto-dark{background-color:#1f2937;color:#f9fafb}}
