@charset "UTF-8";
 #JhpCookieBanner {
display: none; position: fixed; inset: 0; z-index: 999999; background: rgba(255, 255,255, 0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); align-items: flex-end; justify-content: center; opacity: 0; transition: opacity 0.4s ease;
&.active { display: flex; opacity: 1;}
.jhp-cookie-inner { 
width: 100%; max-width: 680px; margin: 0 auto 2rem; background: #0f1d3a; color: #ffffff; border-radius: 16px; padding: 2rem 2.2rem; box-shadow: 0 12px 40px rgba(15, 29, 58, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2); line-height: 1.6; text-align: center; animation: jhpSlideUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.jhp-cookie-icon { font-size: 2rem; margin-bottom: 0.6rem;}
.jhp-cookie-text { margin-bottom: 1.4rem; }
.jhp-cookie-text a { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; transition: opacity 0.2s ease; }
.jhp-cookie-text a:hover { opacity: 0.75; }
.cookieButton {
display: inline-block; background: #ffffff; color: #0f1d3a; font-weight: 700; font-size: 15px; padding: 0.75rem 2.8rem; border-radius: 50px; border: none; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; user-select: none; letter-spacing: 0.02em;
&:hover { transform: scale(1.04); box-shadow: 0 4px 18px rgba(255, 255, 255, 0.3); }   
&:active { transform: scale(0.97);}
}   
}
@media (max-width: 520px) {
#JhpCookieBanner .jhp-cookie-inner {
margin: 0 0.75rem 1rem;
padding: 1.5rem 1.3rem;
border-radius: 12px;
font-size: 14px;
}
#JhpCookieBanner .cookieButton {
width: 100%;
padding: 0.85rem 1rem;
}
}