body{margin:0;font-family:Poppins,sans-serif;background-color:#ffffff;color:#fff}.tech-section{padding:60px 20px;text-align:center}.tech-section h1{font-size:48px;margin-bottom:10px;color:rgb(0,0,0)}.description{font-size:18px;color:#aaa;max-width:700px;margin:0 auto 40px}.filters{margin-bottom:30px}.filter-button{background:transparent;border:2px solid rgb(215,215,215);color:rgb(123,123,123);padding:10px 20px;margin:5px;border-radius:30px;cursor:pointer;transition:all .3s ease}.filter-button.active,.filter-button:hover{background-color:#000000;color:rgb(255,255,255)}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;animation:fadeInUp 1s ease forwards}.tech-card{background:#505050;border:1px solid #29293d;padding:20px;border-radius:20px;width:150px;text-align:center;font-size:16px;color:white;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:calc(var(--i) * .05s)}.tech-card i{font-size:32px;margin-bottom:10px;display:block}.tech-card:hover{transform:scale(1.05);box-shadow:0 0 15px #ffffff50}.cta_button_tech{margin-top:40px;background:linear-gradient(90deg,#000000,#505050);border:none;padding:14px 36px;font-size:16px;border-radius:30px;color:rgb(255,255,255);cursor:pointer;transition:.3s ease;display:none}.cta_button_tech:hover{opacity:.9}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}