/* Elegant premium resource launchers — Vwa Nwel 2026 */
.resource-launchers{
  gap:14px!important;
  margin-top:10px!important;
  margin-bottom:22px!important;
}
.big-3d,.big-3d.red{
  position:relative!important;
  overflow:visible!important;
  min-height:70px!important;
  padding:12px 48px 12px 14px!important;
  border-radius:18px!important;
  color:#123b5d!important;
  text-align:left!important;
  display:grid!important;
  grid-template-columns:40px 1fr!important;
  align-items:center!important;
  column-gap:12px!important;
  border:1px solid!important;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
.big-3d{
  background:linear-gradient(145deg,#fffdf8 0%,#fbf3de 55%,#f3e6c7 100%)!important;
  border-color:#e7d3a1!important;
  box-shadow:0 6px 0 #d8c28c,0 12px 24px rgba(93,73,34,.10)!important;
}
.big-3d.red{
  background:linear-gradient(145deg,#fbf9ff 0%,#f1ecfb 56%,#e7def4 100%)!important;
  border-color:#d7cae8!important;
  box-shadow:0 6px 0 #cbbdde,0 12px 24px rgba(87,67,118,.10)!important;
}
.big-3d:before,.big-3d.red:before{
  content:""!important;
  position:absolute!important;
  inset:1px 1px auto 1px!important;
  height:44%!important;
  border-radius:17px 17px 48% 48%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
.big-3d .icon{
  position:relative!important;
  z-index:1!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  font-size:21px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 3px 8px rgba(23,50,76,.09)!important;
  filter:none!important;
}
.big-3d b{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  font:900 16px/1.18 Georgia,"Times New Roman",serif!important;
  letter-spacing:.01em!important;
  color:#123b5d!important;
}
.big-3d small{display:none!important}
.big-3d .chev{
  position:absolute!important;
  z-index:2!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#75633a!important;
  font-size:20px!important;
  line-height:1!important;
}
.big-3d.red .chev{color:#706080!important}
.big-3d:hover,.big-3d.red:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.01)!important;
}
.big-3d:active,.big-3d[aria-expanded="true"]{
  transform:translateY(4px)!important;
  background:linear-gradient(145deg,#fffaf1,#f6ebce)!important;
  box-shadow:0 2px 0 #d8c28c,0 6px 13px rgba(93,73,34,.09)!important;
}
.big-3d.red:active,.big-3d.red[aria-expanded="true"]{
  transform:translateY(4px)!important;
  background:linear-gradient(145deg,#f9f6ff,#ece5f7)!important;
  box-shadow:0 2px 0 #cbbdde,0 6px 13px rgba(87,67,118,.09)!important;
}
.big-3d[aria-expanded="true"] .chev{
  transform:translateY(-50%) rotate(180deg)!important;
}
@media(max-width:700px){
  .resource-launchers{gap:10px!important}
  .big-3d,.big-3d.red{
    min-height:66px!important;
    padding:10px 38px 10px 10px!important;
    border-radius:16px!important;
    grid-template-columns:34px 1fr!important;
    column-gap:9px!important;
  }
  .big-3d .icon{width:34px!important;height:34px!important;border-radius:11px!important;font-size:18px!important}
  .big-3d b{font-size:14px!important}
  .big-3d .chev{right:12px!important;font-size:18px!important}
}
@media(max-width:390px){
  .resource-launchers{grid-template-columns:1fr 1fr!important}
  .big-3d,.big-3d.red{min-height:64px!important}
  .big-3d b{font-size:13px!important}
}