.hero{text-align:center;background-color:var(--primary-red);height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;padding:130px 20px 80px;position:relative;overflow:hidden;background:url(/_next/static/media/redBackGround.ff550d29.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.hero h1{font-size:3rem;margin-bottom:1.5rem;font-weight:700}.hero h1,.hero p{text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero p{font-size:1.3rem;max-width:600px;margin:0 auto;line-height:1.6}header{position:relative;z-index:1000}.main{padding:60px 20px;text-align:center;background:#ffffff}.cardServices{max-width:1000px;margin:40px auto 0;background:white;min-height:100vh;padding:40px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative}.cardServices h2{font-size:2rem;margin-bottom:30px;color:var(--primary-red)}.file-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:30px}.file-type{display:flex;align-items:center;padding:15px 20px;border-radius:10px;transition:all .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.05);border:2px solid var(--primary-red)}.file-type:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.search-bar{width:100%;max-width:500px;margin:20px auto;font-size:1rem;border:2px solid #ffcccc;border-radius:8px;transition:all .3s ease;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff3333" width="24" height="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');background-repeat:no-repeat;background-position:15px;background-size:20px;padding:12px 20px 12px 45px}.search-bar:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,51,51,.2);outline:none}.language-flag{width:36px;height:27px;object-fit:cover;border-radius:3px;margin-right:15px;transition:transform .3s ease}.file-type:hover .language-flag{transform:scale(1.1)}@media (max-width:768px){.hero{padding:110px 15px 60px}.cardServices{padding:25px;margin-top:-30px}.file-types{grid-template-columns:1fr}.search-bar{max-width:100%}}@media (max-width:480px){.hero h1{font-size:2rem}.hero p{font-size:1.1rem}.file-type{padding:12px 15px}.language-flag{width:30px;height:22px}}