/* HERO-UNIQUE-V1 20260717h3 */
/* domain: nettikasinot-bonus.fi | variant: 14 diagonal | 2026-07-16T22:30:13Z */

/* v14 diagonal */
main .x692fba9{
  position:relative!important;overflow:hidden!important;text-align:left!important;
  margin:1.1rem 0 1rem!important;padding:2.4rem 1.8rem 2.5rem!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg, rgba(168,85,247,0.12) 0%, transparent 48%),
    linear-gradient(315deg, rgba(198,255,58,0.14) 0%, transparent 42%),
    linear-gradient(180deg, #fff, #0b0614)!important;
  border:1px solid rgba(168,85,247,0.1)!important;
  box-shadow:0 12px 36px rgba(243,233,255,0.07)!important;
}
main .x692fba9::before{
  content:''!important;position:absolute!important;right:-15%!important;top:-20%!important;
  width:55%!important;height:140%!important;
  background:linear-gradient(200deg, rgba(168,85,247,0.08), transparent 60%)!important;
  transform:skewX(-12deg)!important;z-index:0!important;
}
main .x692fba9::after{content:none!important;display:none!important;}
main .x692fba9 h1{
  position:relative!important;z-index:1!important;
  font-family:'Archivo', system-ui, sans-serif!important;font-weight:700!important;color:#f3e9ff!important;
  font-size:clamp(1.7rem,3.7vw,2.5rem)!important;line-height:1.12!important;
  letter-spacing:-0.024em!important;max-width:15ch!important;margin:0!important;
  text-align:left!important;
}
main .x99e6faf{
  position:relative!important;z-index:1!important;
  display:inline-block!important;color:#fff!important;
  background:linear-gradient(90deg, #a855f7, #b499ab)!important;
  font-size:.62rem!important;font-weight:800!important;text-transform:uppercase!important;
  letter-spacing:.12em!important;margin:0 0 1rem!important;
  padding:.4rem .85rem!important;border:0!important;border-radius:8px!important;
}
main .x67a04ec{
  max-width:100%!important;margin:.15rem 0 1.55rem!important;
  padding:1.25rem 1.45rem!important;background:#fff!important;
  border:1px solid rgba(168,85,247,0.1)!important;border-radius:14px!important;
  border-top:3px solid #a855f7!important;
  box-shadow:0 6px 20px rgba(243,233,255,0.05)!important;
}
main .x67a04ec p{margin:0!important;font-size:1.01rem!important;line-height:1.66!important;color:#ebe0f8!important;}
main .x67a04ec strong{color:#a855f7!important;}
main .xe3cb1d6{
  display:inline-block!important;color:#c6ff3a!important;font-size:.62rem!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.14em!important;
  margin:0 0 .45rem!important;padding:0!important;border:0!important;background:none!important;
}


/* contrast-guard light surface */
main .x692fba9 h1 { color: #f3e9ff !important; -webkit-text-fill-color: #f3e9ff !important; }
main .x692fba9 { color: #f3e9ff !important; }
main .x67a04ec, main .x67a04ec p { color: #e9def7 !important; }
main .x67a04ec strong { color: #a855f7 !important; }


/* shared mobile polish */
@media(max-width:640px){
  main .x692fba9{padding-left:1.15rem!important;padding-right:1.15rem!important;margin-left:0!important;margin-right:0!important;}
  main .x692fba9 h1{max-width:100%!important;font-size:clamp(1.45rem,6.5vw,1.95rem)!important;}
  main .x67a04ec{margin-left:0!important;margin-right:0!important;padding-left:1.1rem!important;padding-right:1.1rem!important;}
}
/* kill conflicting legacy !important text-align flips on hero */