@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:300;src:url(montserrat-v29-latin-300.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(montserrat-v29-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:500;src:url(montserrat-v29-latin-500.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:600;src:url(montserrat-v29-latin-600.woff2) format('woff2')}*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}body{background-color:#f9f9f9;color:#333;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;overflow-x:hidden;position:relative}header{background:linear-gradient(135deg,#1c6e8c 0%,#0f455a 100%);color:#fff;padding:60px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:0 0 15px 15px}header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"20\"\ height=\"20\"\ viewBox=\"0\ 0\ 20\ 20\"><rect\ width=\"10\"\ height=\"10\"\ fill=\"%23ffffff10\"/><rect\ x=\"10\"\ y=\"10\"\ width=\"10\"\ height=\"10\"\ fill=\"%23ffffff10\"/></svg>);opacity:.05;z-index:1}header a{text-decoration:none}.title-container{flex:1;z-index:2;text-align:left;padding-left:30px}.company-name{font-size:3rem;margin-bottom:10px;font-weight:500;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff!important;text-decoration:none}.subtitle{font-size:1.8rem;font-weight:300;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.1)}.logo-container{position:absolute;right:40px;top:40px;z-index:10;transform:perspective(800px) rotateY(15deg);transition:transform .5s ease;box-shadow:0 8px 20px rgba(0,0,0,.2);background-color:#fff;padding:10px;border-radius:10px;width:210px;height:auto;display:flex;align-items:center;justify-content:center}.logo-container:hover{transform:perspective(800px) rotateY(-15deg)}.logo{width:100%;height:auto;border-radius:10px;object-fit:contain}main{display:flex;flex-direction:column;padding:40px 20px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:60px;animation:slideUp .8s ease forwards}.tagline{font-size:2.3rem;color:#1c6e8c;text-align:center;margin:20px 0;font-weight:bold;max-width:800px;animation:fadeIn 1s ease forwards;animation-delay:.6s}.services-section{display:flex;flex-direction:column;align-items:center;margin-bottom:60px;animation:slideUp .8s ease forwards;animation-delay:.3s;width:100%}.services-title{font-size:2rem;color:#1c6e8c;margin-bottom:30px;font-weight:400;position:relative;padding-bottom:15px}.services-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:#1c6e8c;border-radius:2px}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1000px}.service-card{background-color:#f9f9f9;padding:30px;border-radius:12px;flex:1 1 250px;min-width:250px;max-width:350px;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .3s ease , box-shadow .3s ease;text-align:center;animation:fadeIn .8s ease forwards;animation-delay: calc(0.2s * var(--delay));border-bottom:3px solid #1c6e8c}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.service-title{color:#1c6e8c;margin-bottom:15px;font-size:1.4rem}.contact-section{display:flex;flex-direction:column;align-items:center;margin-bottom:60px;animation:slideUp .8s ease forwards;animation-delay:.6s}.contact-title{font-size:2rem;color:#1c6e8c;margin-bottom:30px;font-weight:400;position:relative;padding-bottom:15px}.contact-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:#1c6e8c;border-radius:2px}.contact-info{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:600px}.contact-item{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;border-bottom:1px solid rgba(28,110,140,.1)}.contact-item:last-child{border-bottom:none}.contact-label{color:#777;margin-bottom:5px;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.contact-value{color:#1c6e8c;font-weight:500;font-size:1.2rem;text-align:center}.contact-value a{color:#1c6e8c;text-decoration:none;transition:color .3s ease;position:relative;padding-bottom:2px}.contact-value a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#0f455a;transition:width .3s ease}.contact-value a:hover{color:#0f455a}.contact-value a:hover::after{width:100%}.portrait-contact{width:190px;height:190px;border-radius:50%;object-fit:cover;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:3px solid #1c6e8c}footer{background:linear-gradient(135deg,#1c6e8c 0%,#0f455a 100%);color:#fff;padding:30px 20px;text-align:center;border-radius:15px 15px 0 0;position:relative;overflow:hidden}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"20\"\ height=\"20\"\ viewBox=\"0\ 0\ 20\ 20\"><rect\ width=\"10\"\ height=\"10\"\ fill=\"%23ffffff10\"/><rect\ x=\"10\"\ y=\"10\"\ width=\"10\"\ height=\"10\"\ fill=\"%23ffffff10\"/></svg>);opacity:.05}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:20px;position:relative;z-index:1}.footer-link{color:#fff;text-decoration:none;transition:color .3s ease;font-weight:500;position:relative;padding:5px 0}.footer-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.footer-link:hover{color:rgba(255,255,255,.9)}.footer-link:hover::after{width:100%}.copyright{font-size:.9rem;opacity:.8;position:relative;z-index:1}@keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }@keyframes slideUp {
      from { 
        opacity: 0;
        transform: translateY(30px);
      }
      to { 
        opacity: 1;
        transform: translateY(0);
      }
    }@media (max-width:900px){header{flex-direction:column;text-align:center;padding-bottom:30px}.title-container{padding-left:0;margin-bottom:20px;text-align:center}.company-name{font-size:2.5rem}.logo-container{position:relative;right:auto;top:auto;margin-top:20px}}@media (max-width:768px){.company-name{font-size:2rem}.subtitle{font-size:1.4rem}.tagline{font-size:1.6rem;padding:0 20px}.services-grid{flex-direction:column;align-items:center}.service-card{width:100%;max-width:100%;margin-bottom:15px}}@media (max-width:480px){.company-name{font-size:1.8rem}.subtitle{font-size:1.2rem}.tagline{font-size:1.4rem}.service-card{padding:20px}.services-title,.contact-title{font-size:1.7rem}.logo{width:120px}.footer-links{flex-direction:column;gap:15px}}