/* ================= FOOTER ================= */

.footer{
    position:relative;
  
    overflow:hidden;
  
    background:
    radial-gradient(circle at top left, rgba(0,119,255,0.14), transparent 30%),
    radial-gradient(circle at bottom right, rgba(0,89,255,0.12), transparent 30%),
    linear-gradient(180deg,#020817 0%, #01040c 100%);
  
    border-top:1px solid rgba(255,255,255,0.06);
  
    padding-top:80px;
    color:#ffffff;
  }
  
  /* CONTAINER */
  .f-container{
    max-width:1250px;
    margin:auto;
    padding:0 24px;
  }
  
  /* GLOW */
  .footer-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
  }
  
  .footer-glow-1{
    width:320px;
    height:320px;
  
    background:rgba(0,119,255,0.18);
  
    top:-100px;
    left:-100px;
  }
  
  .footer-glow-2{
    width:260px;
    height:260px;
  
    background:rgba(0,89,255,0.15);
  
    right:-80px;
    bottom:-80px;
  }
  
  /* ================= TOP ================= */
  
  .footer-top{
    position:relative;
    z-index:2;
  
    display:flex;
    justify-content:space-between;
    gap:80px;
    flex-wrap:wrap;
  
    padding-bottom:55px;
  }
  
  /* BRAND */
  .footer-brand{
    flex:1;
    min-width:300px;
    max-width:430px;
  }
  
  .footer-logo{
    width:220px;
    height:auto;
  
    display:block;
  
    margin-bottom:22px;
  
    object-fit:contain;
  }
  
  .brand-description{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.68);
  
    margin-bottom:30px;
  }
  
  /* INFO */
  .footer-info{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  
  .footer-info p{
    font-size:14px;
    line-height:1.7;
    color:rgba(255,255,255,0.72);
  }
  
  .footer-info strong{
    color:#ffffff;
    font-weight:700;
  }
  
  /* ================= LINKS ================= */
  
  .footer-links{
    flex:1;
  
    display:flex;
    justify-content:flex-end;
    gap:80px;
    flex-wrap:wrap;
  }
  
  .link-column h4{
    font-size:17px;
    font-weight:700;
    color:#ffffff;
  
    margin-bottom:24px;
  }
  
  .link-column ul{
    list-style:none;
    padding:0;
    margin:0;
  
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  
  .link-column ul li a{
    position:relative;
  
    text-decoration:none;
  
    font-size:14px;
    color:rgba(255,255,255,0.68);
  
    transition:0.3s ease;
  }
  
  .link-column ul li a:hover{
    color:#4cb4ff;
    padding-left:6px;
  }
  
  /* ================= DIVIDER ================= */
  
  .footer-divider{
    width:100%;
    height:1px;
  
    background:rgba(255,255,255,0.08);
  
    margin:0;
  }
  
  /* ================= WARNING ================= */
  
  .footer-warning{
    padding-top:45px;
    padding-bottom:45px;
  }
  
  .footer-warning h5{
    font-size:15px;
    font-weight:700;
    color:#ffffff;
  
    margin-bottom:14px;
  }
  
  .warning-space{
    margin-top:28px;
  }
  
  .footer-warning p{
    max-width:1150px;
  
    font-size:13px;
    line-height:2;
    color:rgba(255,255,255,0.62);
  }
  
  /* ================= BOTTOM ================= */
  
  .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    flex-wrap:wrap;
  
    padding-top:30px;
    padding-bottom:30px;
  }
  
  /* SOCIAL */
  .social-icons{
    display:flex;
    align-items:center;
    gap:14px;
  }
  
  .social-icons a{
    width:42px;
    height:42px;
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    border-radius:50%;
  
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
  
    text-decoration:none;
  
    transition:0.35s ease;
  }
  
  .social-icons a:hover{
    background:#0a84ff;
    transform:translateY(-4px);
  }
  
  .social-icons i{
    font-size:18px;
    color:#ffffff;
  }
  
  /* LEGAL */
  .footer-legal-links{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
  }
  
  .footer-legal-links a{
    text-decoration:none;
  
    font-size:13px;
    color:rgba(255,255,255,0.65);
  
    transition:0.3s ease;
  }
  
  .footer-legal-links a:hover{
    color:#4cb4ff;
  }
  
  /* COPYRIGHT */
  .footer-copy{
    font-size:13px;
    color:rgba(255,255,255,0.58);
  }
  
  /* ================= MOBILE ================= */
  
  @media(max-width:991px){
  
    .footer-top{
      gap:50px;
    }
  
    .footer-links{
      justify-content:flex-start;
      gap:50px;
    }
  
  }
  
  @media(max-width:768px){
  
    .footer{
      padding-top:65px;
    }
  
    .brand-name{
      font-size:26px;
    }
  
    .brand-description{
      font-size:14px;
    }
  
    .footer-warning p{
      font-size:12px;
      line-height:1.9;
    }
  
    .footer-bottom{
      flex-direction:column;
      text-align:center;
    }
  
    .footer-legal-links{
      justify-content:center;
      gap:18px;
    }
  
  }