:root{--ti-black:#1c1a1a;--ti-red:#c72b1c}
body{font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.ti-header{background:#fff}
.ti-header .navbar-brand img{display:block}
.ti-header .nav-link{color:#1c1a1a;font-weight:500}
.ti-header .nav-link:hover{color:#000}
.ti-header .btn-primary{background-color:var(--ti-red);border-color:var(--ti-red)}
.ti-header .btn-primary:hover{background-color:#eb4d36;border-color:#eb4d36}
.ti-header .header-inner{min-height:110px}
.border-bottom{border-bottom:.5px solid #000!important}
.brand-logo{
    width: 192px;
height: 50.196px;
flex-shrink: 0;
aspect-ratio: 192.00/50.20;
}
/* Hero - replicate index.html */
.ti-hero{color:#fff;padding:64px 0;background:linear-gradient(96deg,#2F0001 -1.31%, rgba(170,15,0,0.76) 42.89%, rgba(235,77,54,0) 78.42%), url('/influencer/images/Hero Banner.png') center/cover no-repeat;max-width:1380px;margin:0 auto;margin-top:37px;}
.ti-hero .hero-title{font-family:Manrope,sans-serif;font-weight:900;font-size:38px;line-height:58px;margin:0 0 12px}
.ti-hero .hero-sub{font-weight:500;font-size:24px;line-height:30px;margin:0 0 16px}
.ti-hero .hero-text{font-weight:300;font-size:16px;line-height:24px;margin:0 0 16px}
.ti-hero .hero-foot{font-weight:400;font-size:14px;line-height:24px;margin:0}
.ti-hero .btn{
    font-family:Manrope,sans-serif;
    display: inline-flex;
    height: 54px;
    padding: 12px 20px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 5px;
background: #C72B1C;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
border: none;
cursor: pointer;    
transition: background-color 0.3s ease;
}
.ti-hero .btn:hover{
    background-color: #fff;
    color: #C72B1C;
    padding: 9px 17px;
    border-width: 3px;
    border-style: solid;
    /* border-color: #C72B1C; */
}

@media (max-width: 768px){
  .ti-hero{padding:40px 0}
  .ti-hero{background-position:70% center}
  .ti-hero .hero-title{font-size:28px;line-height:34px}
  .ti-hero .hero-sub{font-size:18px;line-height:24px}
  .ti-hero .hero-text{font-size:14px;line-height:22px}
}

/* Why nominate - heading + glass cards on red gradient */
.ti-why{padding:36px 0;background:#fff}
.ti-why-title{margin-top:45px;margin-bottom:55px;font-family:Manrope,sans-serif;font-weight:800;font-size:36px;line-height:44px;color:#c72b1c}
.ti-why-cards{background:linear-gradient(180deg,#EB4D36 0%,#A40002 79%);padding:36px 0;max-width:1380px;margin:0 auto;}
.benefit-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;padding:22px;min-height:270px;display:block}
.benefit-icon
{
    display:inline-flex;
    padding:10px;
    flex-direction:column;
    align-items:center;
    gap:10px;
    border-radius:105px;
    background:rgba(255, 255, 255, 0.10);
    border:1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter:blur(10px);
    box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);
    vertical-align:middle;
    margin-right:12px;
}
.benefit-h{
    display:inline-block;vertical-align:middle;font-weight:700;font-size:24px;line-height:34px;margin:0;
    color:#FFF;
    font-family:Manrope,sans-serif;
    font-style:normal;
}
.benefit-p{
    color:#FFF;
    font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:22px;
    margin-top:31px;
}

@media (max-width: 992px){
  .benefit-p{font-size:14px;line-height:22px}
}
@media (max-width: 576px){
  .ti-why-title{font-size:28px;line-height:34px}
  .benefit-p{font-size:16px;line-height:22px}
  .benefit-card{text-align:center}
  .benefit-icon{margin:0 auto 8px}
  .benefit-h{display:block;margin:0 auto}
}

/* Who are we looking for? */
.ti-who{padding:64px 0}
.ti-who-title{font-family:Manrope,sans-serif;font-weight:800;font-size:36px;line-height:44px;color:#c72b1c;margin:0 0 23px}
.ti-who-intro{font-weight:400;font-size:22px;line-height:29px;margin:8px 0 18px;color: var(--Primary-Black, #1C1A1A);
    font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-style:normal;
    margin-bottom:37px;
}
.ti-who-list{list-style:none;margin:0;padding:0;display:grid;gap: 16px;}
.ti-who-list li{font-weight:300;font-size:16px;line-height:20px;color:#000;display:flex;align-items:flex-start;gap:12px}
.ti-who-list li span.bar{display:inline-block;width:2px;height:30px;background:#a40002;margin-top:4px;flex:0 0 2px}
.ti-who-list li span.content{flex:1}
.ti-who-list li strong{font-weight:500;display:inline}
.ti-who-img{border-radius:0px;display:block;width:100%;height:auto}

@media (max-width: 992px){
  .ti-who-intro{font-size:18px;line-height:26px}
  .ti-who-list li{font-size:16px;line-height:28px}
}

/* How it works - red gradient, glass numbered circles, connecting line */
.ti-how{background:linear-gradient(353deg,#A40002 -5.9%, #EB4D36 86.03%);color:#fff;text-align:center;padding:64px 0;max-width:1380px;margin:0 auto;}
.ti-how-title{font-family:Manrope,sans-serif;font-weight:800;font-size:36px;line-height:44px;margin:0 0 20px}
.steps{list-style:none;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;margin-bottom:51px;padding:0}
.steps::before{content:"";position:absolute;top:36px;left:calc(33.333% - 80px);width:160px;height:3px;background:rgba(255,255,255,.85);border-radius:2px}
.steps::after{content:"";position:absolute;top:36px;left:calc(66.666% - 80px);width:160px;height:3px;background:rgba(255,255,255,.85);border-radius:2px}
.step-num{
    display: inline-flex;
padding: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 165px;
background: rgba(255, 255, 255, 0.10);
color: #FFF;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
font-family: Manrope;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 44px; /* 129.412% */  
margin-bottom:10px;
}
.step-h{font-weight:700;font-size:24px;margin:0 0 8px}
.step-p{font-weight:400;font-size:16px;line-height:24px;margin:0}
.how-note{font-weight:500;font-size:20px;margin:12px 0;line-height: 34px;font-style: normal;}
.how-deadline{font-weight:700;font-size:20px;margin:0 0 44px}
.ti-how .btn.btn-light{background:#fff;border-color:#fff;color:#c72b1c;border-radius:5px;padding:12px 20px;font-family:Manrope,sans-serif}
.ti-how .btn.btn-light:hover{background:transparent;color:#fff;outline:1px solid #fff}

@media (max-width: 992px){
  .steps{grid-template-columns:1fr}
  .steps::before,.steps::after{display:none}
  .steps{justify-items:center}
}

/* Footer */
.ti-footer{background:#1c1a1a}
.ti-footer.border-top{border-top:.5px solid #000!important}
.ti-footer .foot-grid{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:110px}
.ti-footer .foot-copy{color:#d6d6d6;font-weight:400;font-size:14px;line-height:26px}
.ti-footer .foot-links a{color:#9aa0a6;text-decoration:none;margin-left:20px;font-weight:400;font-size:14px;line-height:26px}
.ti-footer .foot-links a:hover{color:#fff}
@media (max-width: 576px){
  .ti-footer .foot-grid{flex-direction:column;justify-content:center;text-align:center;padding:20px 0;gap:8px}
  .ti-footer .foot-links a{margin:0 10px}
}
@media (max-width: 576px){
  .ti-who{padding:40px 0}
  .ti-who-title{font-size:28px;line-height:34px}
  .ti-who-intro{font-size:16px;line-height:24px}
  .ti-who-list li{font-size:16px;line-height:26px}
  .ti-who .row {display: flex; flex-direction: column;}
  .ti-who .image-col {order: 1;}
  .ti-who .content-col {order: 2;}
}