.parallax{background:linear-gradient(#0f172a66,#0f172a66),url(/images/img-tech.png) center/cover no-repeat;height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;gap:1rem;color:#f8fafc}.parallax h1{font-size:2.8rem;font-weight:700;margin:2rem 0 1rem;letter-spacing:1px;text-shadow:1px 1px 0 #6e07f3,-1px -1px 0 #9333ea,1px -1px 0 #6e07f3,-1px 1px 0 #9333ea;animation:fadeInDown .6s ease-out forwards}.parallax p{font-size:1.5rem;font-weight:400;color:#cbd5e1;margin:.5rem auto 1rem;line-height:1.6;letter-spacing:.3px;max-width:700px}@media (max-width: 768px){.parallax{height:320px;padding:1.5rem}.parallax h1{font-size:2rem}.parallax p{font-size:1rem}}@media (max-width: 480px){.parallax{height:260px}.parallax h1{font-size:1.6rem}}.footer{background-color:#0f172a;color:#94a3b8;text-align:center;padding:1.25rem 1rem;margin-top:3rem;font-size:.85rem;line-height:1.5;border-top:1px solid #1e293b}.footer p{margin:.4rem 0}.footer a{color:#cbd5e1;text-decoration:none;font-weight:500;margin:0 .5rem;transition:color .3s ease}.footer a:hover{color:#fff}@media (max-width: 450px){.footer{font-size:.78rem;padding:1rem}}.tooltipContainer{position:fixed;right:20px;bottom:20px;z-index:1000}.scrollTop{width:50px;height:50px;border-radius:50%;background-color:#6e07f3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;position:relative;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.scrollTop:hover{background-color:#9333ea}.tooltipText{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1001;min-width:40px;text-align:center}.tooltipText:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}.tooltipContainer.show,.tooltipContainer.show .scrollTop{opacity:1;transform:translateY(0)}.tooltipContainer:hover .tooltipText{opacity:1;transform:translate(-50%) translateY(-5px)}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(5px)}to{transform:translateY(0)}}.scrollTop.clicked{animation:jump .4s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tooltipContainer.show .scrollTop{animation:pulse .5s ease}@media (min-width: 768px){.tooltipContainer{right:30px;bottom:30px}.scrollTop{width:55px;height:55px}}section{margin-bottom:4rem;padding:0 1rem}section h2{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;text-align:center;margin-bottom:.5rem;color:#f8fafc;letter-spacing:.5px;text-shadow:1px 1px 0 #6e07f3,-1px -1px 0 #9333ea;animation:fadeInDown .5s ease-out forwards}section h4{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500;color:#94a3b8;text-align:center;margin-bottom:2rem;letter-spacing:.3px;opacity:.95;animation:fadeInDown .6s ease-out forwards}.certificates-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-items:center;margin-bottom:40px}@media (max-width: 1024px){.certificates-gallery{grid-template-columns:repeat(3,minmax(260px,1fr));justify-content:center}}@media (max-width: 768px){.certificates-gallery{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 640px){.certificates-gallery{grid-template-columns:1fr}}@media (max-width: 480px){.certificates-gallery{grid-template-columns:1fr}}.certificate{background-color:#1e293b;color:#f1f5f9;padding:1.5rem;border-radius:12px;box-shadow:0 12px 24px #00000040;width:100%;max-width:280px;min-width:260px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInUp .5s ease forwards}.certificate:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000059}.certificate h3{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;color:#f8fafc;text-align:center;margin-bottom:.4rem;letter-spacing:.4px;text-shadow:1px 1px 0 #6e07f3,-1px -1px 0 #9333ea;transition:color .3s ease}.certificate p{font-size:.95rem;color:#94a3b8;margin:0}.certificate img{max-width:120px;border-radius:6px;transition:transform .3s ease;margin-bottom:.75rem}.certificate img:hover{transform:scale(1.05)}.certificate button{background:linear-gradient(90deg,#6e07f3,#9333ea);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .3s ease}.certificate button:hover{background:linear-gradient(90deg,#5a00e0,#7e22ce)}.certificate a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}@media (max-width: 1024px){.certificate{max-width:33.33%}}@media (max-width: 768px){.certificate{max-width:50%}}@media (max-width: 480px){.certificate{max-width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.filter-btn{background:#1e293b;color:#cbd5e1;padding:.5rem 1rem;border:1px solid #334155;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#6e07f3;color:#fff;border-color:#6e07f3}.filter-btn.active{background:linear-gradient(90deg,#6e07f3,#9333ea);color:#fff;border-color:transparent}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary: #2d2d2d;--secondary: #535353;--accent: #6e07f3;--light: #f8f9fa;--dark: #212529}body{font-family:Poppins,sans-serif;background-color:#0f172a;color:#f1f5f9;line-height:1.6}main{padding:20px;margin:0 auto;max-width:1200px}