body {
      margin: 0;
      background: #eee;
      font-family: Arial, sans-serif;
    }

    /* HEADER */
    .landing-header {
      background: #0072bc;
      color: #fff;
      padding: 10px 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 10;
    }

    .landing-header .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .brand-name {
      font-weight: bold;
      font-size: 20px;
    }

    .btn-login {
      background: #fff;
      color: #0072bc;
      padding: 6px 12px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: bold;
      transition: all 0.3s ease;
    }

    .btn-login:hover {
      background: #005fa3;
      color: #fff;
    }

    /* CARD */
    main {
      padding-top: 80px;
    }

    .card.modern-card {
      max-width: 900px;
      background: #fff;
      margin: 60px auto;
      border: 2px solid #ddd;
      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
      display: flex;
      gap: 30px;
      padding: 40px;
      border-radius: 12px;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }

    .card-text {
      flex: 1;
      min-width: 300px;
    }

    .card-photo img {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid #0072bc;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .title {
      font-size: 24px;
      margin-bottom: 10px;
      text-align: center;
    }

    .title .light {
      color: #0072bc;
      font-weight: bold;
    }

    .title .bold {
      color: #0072bc;
      font-weight: bold;
      text-shadow: 1px 1px 1px #000;
    }

    .subtitle {
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0;
      text-align: center;
    }

    .card p {
      margin: 5px 0;
      font-size: 14px;
      color: #333;
      text-align: center;
    }

    .email {
      font-size: 13px;
      color: #333;
    }

    .phone {
      font-size: 20px;
      color: red;
      font-weight: bold;
      margin-top: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .icons a i {
      font-size: 24px;
      cursor: pointer;
    }

    .whatsapp {
      color: #25D366;
    }

    .facebook {
      color: #0072bc;
    }

    /* ANIMATIONS */
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeIn 1s forwards;
    }

    .fade-in:nth-child(1) { animation-delay: 0.2s; }
    .fade-in:nth-child(2) { animation-delay: 0.4s; }
    .fade-in:nth-child(3) { animation-delay: 0.6s; }
    .fade-in:nth-child(4) { animation-delay: 0.8s; }
    .fade-in:nth-child(5) { animation-delay: 1s; }
    .fade-in:nth-child(6) { animation-delay: 1.2s; }
    .fade-in:nth-child(7) { animation-delay: 1.4s; }

    @keyframes fadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .zoom-hover img {
      transition: transform 0.3s ease;
    }

    .zoom-hover img:hover {
      transform: scale(1.05);
    }

    .pulse:hover {
      animation: pulseAnim 0.6s infinite alternate;
    }

    @keyframes pulseAnim {
      0% { transform: scale(1); }
      100% { transform: scale(1.2); }
    }

    /* FOOTER */
    .landing-footer {
      margin-top: 60px;
      padding: 40px 20px;
      background: #0072bc;
      color: #fff;
      text-align: center;
    }

    .landing-footer h3 {
      margin-bottom: 30px;
      font-size: 20px;
    }

    .partners {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px;
      flex-wrap: wrap;
    }

    .partner {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .partner p {
      margin: 10px 0 0;
      font-size: 16px;
      font-weight: bold;
    }

    /* NOS LOGO */
    .logo-nos {
      width: 150px;
      height: 150px;
      position: relative;
    }

    .circle {
      width: 100%;
      height: 100%;
      border: 5px solid #333;
      border-radius: 50%;
      position: relative;
      overflow: hidden;
      background: white;
    }

    .circle::before {
      content: "";
      position: absolute;
      width: 70px;
      height: 70px;
      border: 3px solid #333;
      border-color: transparent transparent #333 #333;
      border-radius: 50%;
      top: -30px;
      left: -30px;
      transform: rotate(45deg);
    }

    .circle::after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
      transform: rotate(45deg);
      top: 0px;
      left: 50px;
    }

    .stripes {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: repeating-linear-gradient(
        90deg,
        #0072bc 0 15%,
        white 15% 30%,
        #ffcc00 30% 45%,
        white 45% 60%,
        #0072bc 60% 75%,
        #ffcc00 75% 90%,
        white 90% 100%
      );
      opacity: 0.5;
    }

    .text {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
    }

    .text .nos {
      display: block;
      font-size: 36px;
      font-weight: bold;
      color: #333;
      letter-spacing: 2px;
      line-height: 1;
    }

    .text .telefonia {
      display: block;
      font-size: 12px;
      color: #333;
      letter-spacing: 1px;
      margin-top: 5px;
    }

    .logo-nos-svg {
      width: 150px;
      height: 150px;
      display: block;
      margin: 0 auto;
    }

    .icons a {
      text-decoration: none;
    }