/* BOOSTR Agent LATAM — premium black-bubble treatment */
#work{background:linear-gradient(180deg,#f7f7fa 0%,#f1f1f5 100%)}
#work .wrap{max-width:1280px}
#work .hero{min-height:620px;background:#09090b;color:#fff;border-color:#19191d;box-shadow:0 28px 90px rgba(0,0,0,.16);background-image:linear-gradient(rgba(188,181,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(188,181,255,.055) 1px,transparent 1px);background-size:92px 92px}
#work .hero:before{background:radial-gradient(circle at 35% 35%,rgba(185,175,255,.35),rgba(134,200,255,.16) 45%,transparent 72%);right:-220px;top:-340px}
#work .hero:after{background:radial-gradient(circle,rgba(217,247,232,.2),rgba(213,244,246,.08) 55%,transparent 72%);right:110px;bottom:-390px}
#work .hero .eyebrow{font-size:0;color:#a7a7ae}
#work .hero .eyebrow:after{content:"BOOSTR AGENT · LATAM";font-size:11px;letter-spacing:.26em;font-weight:900;color:#b8b8c0}
#work .hero h1{color:#fff;max-width:920px}
#work .hero h1 span{color:#58d47a!important}
#work .hero .lead{color:#d7d7dc;max-width:760px}
#work .hero .pill{background:#202025;color:#fff;border:1px solid rgba(255,255,255,.06)}
#work .hero .pill.green{background:#163b23;color:#91eba9}
#work .hero .btn.dark{background:#fff;color:#09090b;box-shadow:none}
#work .hero .btn.light{background:#17171b;color:#fff;border-color:#2b2b31}

#work .section{padding-top:34px}
#work .grid{gap:16px}
#work .section .card{border-radius:30px;box-shadow:0 18px 55px rgba(20,20,30,.06)}
#work .section .card h3{font-size:30px;line-height:.95}
#work .section .card p{font-size:16px;line-height:1.55}
#work .section .card:nth-child(1){background:#0c0c0f;color:#fff;border-color:#1c1c21;min-height:260px}
#work .section .card:nth-child(1) .eyebrow,#work .section .card:nth-child(1) p{color:#b8b8bf}
#work .section .card:nth-child(1):after{background:linear-gradient(90deg,#b9afff,#86c8ff)}
#work .section .card:nth-child(2){background:linear-gradient(145deg,#fff,#f8f7ff)}
#work .section .card:nth-child(3){background:#0c0c0f;color:#fff;border-color:#1c1c21}
#work .section .card:nth-child(3) .eyebrow,#work .section .card:nth-child(3) p{color:#b8b8bf}
#work .section .card:nth-child(3):after{background:linear-gradient(90deg,#d9f7e8,#86c8ff)}

#work .section .card.half:nth-of-type(4){background:#0b0b0d;color:#fff;border-color:#1b1b20;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
#work .section .card.half:nth-of-type(4) .eyebrow,#work .section .card.half:nth-of-type(4) p{color:#b8b8bf}
#work .section .card.half:nth-of-type(4) h2{font-size:clamp(44px,6vw,76px)!important;line-height:.88;margin-bottom:20px}
#work .section .card.half:nth-of-type(4):before{content:"10";position:absolute;right:24px;top:10px;font-family:"Arial Black",Arial,sans-serif;font-size:100px;line-height:1;color:rgba(255,255,255,.055);letter-spacing:-.08em}
#work .section .card.half:nth-of-type(5){background:linear-gradient(145deg,#101113,#0a0a0c);color:#fff;border-color:#1b1b20;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
#work .section .card.half:nth-of-type(5) .eyebrow,#work .section .card.half:nth-of-type(5) p{color:#b8b8bf}
#work .section .card.half:nth-of-type(5) h2{font-size:clamp(44px,6vw,76px)!important;line-height:.88;color:#59d47b!important;margin-bottom:20px}
#work .section .card.half:nth-of-type(5):before{content:"USD";position:absolute;right:24px;top:22px;font-family:"Arial Black",Arial,sans-serif;font-size:72px;color:rgba(89,212,123,.08);letter-spacing:-.08em}

#apply .auth-shell{max-width:980px}
#apply .auth-card{border-radius:34px;padding:42px;box-shadow:0 24px 80px rgba(20,20,30,.09)}
#apply .auth-card>.eyebrow{font-size:0}
#apply .auth-card>.eyebrow:after{content:"BOOSTR AGENT · LATAM";font-size:11px;letter-spacing:.24em;font-weight:900;color:#777}
#apply .auth-card>h2{background:#0b0b0e;color:#fff;border-radius:28px;padding:30px 28px;margin:22px -4px 22px!important;font-size:clamp(44px,6vw,68px)!important;line-height:.9;box-shadow:0 18px 60px rgba(0,0,0,.12)}
#apply .auth-card>h2:after{content:"";display:block;width:74px;height:5px;border-radius:999px;background:linear-gradient(90deg,#b9afff,#86c8ff,#d9f7e8);margin-top:22px}
#apply .auth-card>.lead{font-size:17px;max-width:720px;margin-bottom:28px}

@media(max-width:700px){
  #work .wrap{padding:12px}
  #work .hero{min-height:590px;border-radius:30px;padding:34px 24px}
  #work .hero h1{font-size:clamp(44px,13vw,58px);line-height:.88}
  #work .hero .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #work .hero .btn{width:100%;padding:14px 12px;font-size:13px}
  #work .section{padding-top:18px}
  #work .section .card{padding:24px;border-radius:26px;min-height:0}
  #work .section .card h3{font-size:31px}
  #work .section .card.half:nth-of-type(4),#work .section .card.half:nth-of-type(5){min-height:320px}
  #work .section .card.half:nth-of-type(4) h2,#work .section .card.half:nth-of-type(5) h2{font-size:clamp(42px,12vw,58px)!important}
  #work .section .card.half:nth-of-type(4):before{font-size:82px}
  #work .section .card.half:nth-of-type(5):before{font-size:58px}
  #apply .auth-shell{padding:0 12px;margin-top:18px}
  #apply .auth-card{padding:20px;border-radius:28px}
  #apply .auth-card>h2{margin:18px 0 20px!important;padding:26px 22px;border-radius:24px;font-size:clamp(42px,12vw,56px)!important}
  #apply .formgrid{gap:10px}
}
