.global-hero-box{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.18);
} .glossy-pill a{
padding: 10px 36px !important;
border-radius: 30px !important;
background: linear-gradient(to bottom, #2ad1ff, #0668a3) !important;
color:#fff !important;
font-weight: 600 !important;
box-shadow: 0 10px 18px rgba(0,0,0,0.35) !important;
position: relative;
overflow: hidden;
}
.glossy-pill a:before{
content:"";
position:absolute;
top:0; left:0; right:0;
height:45%;
background: rgba(255,255,255,0.25);
} .active-orange a{
background: linear-gradient(to bottom, #ff4d00, #a31a00) !important;
}
.active-black a{
background: linear-gradient(to bottom, #2d2d2d, #000) !important;
} .global-hero-title{
text-transform: uppercase;
letter-spacing: 2px;
text-shadow:
0 2px 0 rgba(255,255,255,0.25),
0 8px 14px rgba(0,0,0,0.55);
} .global-hero-subtitle p{
color: rgba(255,255,255,0.70);
font-size: 26px;
margin-top: 10px;
} .global-hero-btn a{
padding: 18px 52px !important;
border-radius: 35px !important;
background: linear-gradient(to bottom, #18c9ff, #0b67b0) !important;
box-shadow: 0 14px 30px rgba(0,0,0,0.45) !important;
font-weight: 700 !important;
}