.logo-images{
      display:flex;
      align-items:center;
      position:relative;
      --logo2-opacity: 1;
      --logo1-x: 0px;
      --logo1-y: 0px;
      --logo1-scale: 1;
    }
    .logo-images img.logo1{
      width:120px;height:auto;z-index:2;border-radius:8px;
      margin-right:-10px;
      transform-origin:left center;
      transform: translate3d(var(--logo1-x), var(--logo1-y), 0) scale(var(--logo1-scale));
      will-change:transform
    }
    .logo-images img.logo2{
      width:220px;height:auto;margin-left:-17px;margin-top:40px;z-index:1;
      transform:none;
      opacity:var(--logo2-opacity);
      will-change:opacity
    }
    :root{
      --brand-1: #0d6efd;
      --brand-2: #66b2ff;
      --accent: #08306b;
    }
    body{
      font-family: system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
      min-height:100vh;
      display:flex;
      flex-direction:column;
    }
    html.has-js body{
      opacity:0;
      transform:translateY(8px);
      transition:opacity 260ms ease, transform 260ms ease;
    }
    html.has-js body.page-ready{
      opacity:1;
      transform:translateY(0);
    }
    html.has-js body.page-leave{
      opacity:0;
      transform:translateY(-8px);
      pointer-events:none;
    }
    footer{background:#0b1220;color:#cbd5e1;padding:2.5rem 0; text-align: center;}

    .choice-section{
      background: linear-gradient(135deg, rgba(6,86,179,0.12), rgba(102,178,255,0.06));
      background-size: 200% 200%;
      display:flex;
      align-items:center;
      padding: 4rem 0;
      animation: slowShift 14s ease infinite;
      flex:1;
    }
    .choice-card{
      border-radius:16px;
      box-shadow:0 10px 30px rgba(10, 45, 80, 0.12);
      background:#fff;
    }
    .choice-btn{
      border-radius:16px;
      padding:1.6rem 1.8rem;
      font-size:1.25rem;
      font-weight:600;
      box-shadow:0 10px 24px rgba(13,110,253,0.16);
      transition:transform 160ms ease, box-shadow 160ms ease;
    }
    .choice-btn i{font-size:1.6rem;color:currentColor}
    .choice-btn:hover{
      transform:translateY(-3px);
      box-shadow:0 14px 30px rgba(13,110,253,0.22);
    }
    .choice-btn.btn-primary:hover{
      color:#fff;
    }
    .choice-btn.btn-outline-primary{
      background:#fff;
      color:var(--brand-1);
      box-shadow:0 10px 24px rgba(11, 18, 32, 0.12);
    }
    .choice-btn.btn-outline-primary:hover{
      background:#f8fbff;
      color:var(--brand-1);
      box-shadow:0 14px 30px rgba(11, 18, 32, 0.18);
    }

    .reveal{
      opacity:0;
      animation: fadeUp 640ms ease forwards;
    }
    .reveal-1{animation-delay:80ms}
    .reveal-2{animation-delay:160ms}
    .reveal-3{animation-delay:240ms}
    .reveal-4{animation-delay:320ms}

    @keyframes fadeUp{
      from{opacity:0;transform:translateY(18px)}
      to{opacity:1;transform:translateY(0)}
    }
    @keyframes slowShift{
      0%{background-position:0% 50%}
      100%{background-position:100% 50%}
    }
    @media (prefers-reduced-motion: reduce){
      .reveal{animation:none;opacity:1}
      .choice-section{animation:none}
      .choice-btn{transition:none}
      html.has-js body{transition:none}
    }