:root {
--brand-mint: #00E676; --brand-mint-hover: #00C467; --brand-mint-soft: rgba(0,230,118,0.25);
--brand-navy: #001F3F;  --neutral-body: #242424;
--neutral-dark: #111111;
--neutral-light: #FFFFFF; --neutral-border: #E5E7EB; --rating-star: #FACC15; --brand-primary: var(--brand-mint);
--brand-link: var(--brand-mint);
--brand-link-hover: var(--brand-mint-hover);
--brand-accent: var(--brand-mint);
--brand-accent-soft: var(--brand-mint-soft);
} .highlight-underline {
position: relative;
display: inline-block;
z-index: 0;
}
.highlight-underline::after {
content: "";
position: absolute;
left: 0;
bottom: 0.15em;
width: 100%;
height: 0.3em;
background: var(--brand-mint-soft);
border-radius: 2px;
z-index: -1;
} .cta-glow {
transition: transform .3s ease, box-shadow .3s ease;
} .cta-glow:hover {
transform: scale(1.03);
box-shadow: 0 0 10px rgba(0,0,0,0.25); } .divider-mint {
width: 100%;
height: 2px;
background: var(--brand-mint);
} .badge-featured {
font-size: 11px;
font-weight: 600;
background: var(--brand-mint-soft);
color: #000;
padding: 2px 6px;
border-radius: 9999px;
}
.badge-neutral {
font-size: 11px;
font-weight: 500;
background: rgba(0,0,0,0.05);
color: #555;
padding: 2px 6px;
border-radius: 9999px;
} .rating-stars {
color: var(--rating-star);
font-size: 1rem;
letter-spacing: 1px;
} .post-content {
font-size: 1.125rem;
line-height: 1.75;
color: var(--neutral-body);
font-family: 'Inter', sans-serif;
background: var(--neutral-light);
}
.post-content h1 {
font-size: 2.25rem;
line-height: 1.25;
font-weight: 800;
margin-bottom: 1rem;
}
@media (min-width:640px){.post-content h1{font-size:3rem;}}
.post-content h2 {
font-size: 1.75rem;
line-height: 1.3;
font-weight: 700;
margin-top: 2.5rem;
margin-bottom: 1rem;
}
@media (min-width:1024px){.post-content h2{font-size:2.25rem;}}
.post-content h3 {
font-size: 1.25rem;
line-height: 1.4;
font-weight: 600;
margin-top: 2rem;
margin-bottom: .75rem;
}
@media (min-width:640px){.post-content h3{font-size:1.5rem;}}
.post-content h4 {
font-size:1.125rem;
line-height:1.5;
font-weight:600;
margin-top:1.5rem;
margin-bottom:.5rem;
} .post-content a {
color: var(--brand-mint);
text-decoration: underline;
text-underline-offset: 3px;
transition: color .25s ease;
}
.post-content a:hover { color: var(--brand-mint-hover); } .post-content blockquote {
border-left: 4px solid var(--brand-mint);
padding-left: 1rem;
color: #374151;
font-style: italic;
margin: 1.5rem 0;
background: #FAFAFA;
} .policy-btn,
.terms-btn {
background:#fff;
color:#374151;
border:1px solid #d1d5db;
border-radius:9999px;
padding:.5rem 1rem;
font-size:.875rem;
font-weight:500;
transition:transform .25s ease,box-shadow .25s ease;
} .CookieDeclarationType {
margin-bottom:1.5rem;
border:1px solid #e5e7eb;
border-radius:1rem;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.05);
overflow:hidden;
}
.CookieDeclarationTypeHeader {
display:flex;
justify-content:space-between;
align-items:center;
font-weight:600;
font-size:1rem;
padding:1rem 1.25rem;
cursor:pointer;
user-select:none;
transition:background .2s ease;
}
.CookieDeclarationTypeHeader:hover{background:#f9fafb;}
.CookieDeclarationTypeHeader svg {
margin-left:auto;
width:20px;height:20px;
color:#9ca3af;
transition:transform .3s ease,color .2s ease;
}
.CookieDeclarationTypeHeader.active svg {
transform:rotate(180deg);
color:var(--brand-mint);
}
.CookieDeclarationTypeDescription {
padding:0 1.25rem 1rem;
color:#4b5563;
font-size:.875rem;
line-height:1.5;
border-bottom:1px solid #f3f4f6;
}
.CookieDeclarationTable {
width:100%;
border-collapse:collapse;
font-size:.9rem;
}
.CookieDeclarationTable thead{background:#f9fafb;}
.CookieDeclarationTableHeader {
font-weight:600;
text-align:left;
padding:.75rem 1rem;
border-bottom:1px solid #e5e7eb;
color:#111;
}
.CookieDeclarationTableCell {
padding:.75rem 1rem;
border-bottom:1px solid #f3f4f6;
color:#374151;
vertical-align:top;
}
.CookieDeclarationTable tr:nth-child(even) .CookieDeclarationTableCell {background:#fcfcfc;}
.CookieDeclaration a {
color: var(--brand-mint);
text-decoration: underline;
text-underline-offset: 3px;
}
.CookieDeclaration a:hover {
color: var(--brand-mint-hover);
text-underline-offset: 2px;
} @media (max-width:640px){
.CookieDeclarationTable,
.CookieDeclarationTable thead,
.CookieDeclarationTable tbody,
.CookieDeclarationTable tr,
.CookieDeclarationTableCell{display:block;width:100%;}
.CookieDeclarationTable thead{display:none;}
.CookieDeclarationTable tr{
margin:0;
padding:1rem 1.25rem;
border:none;
border-bottom:1px solid #e5e7eb;
}
.CookieDeclarationTable tr:last-child{border-bottom:none;}
.CookieDeclarationTableCell{
border:none!important;
padding:.5rem 0;
font-size:.9rem;
color:#374151;
}
.CookieDeclarationTableCell::before{
content:attr(data-title);
display:block;
font-weight:600;
color:#6b7280;
font-size:.75rem;
text-transform:uppercase;
margin-bottom:.25rem;
}
.CookieDeclarationTableCell:not(:last-child){margin-bottom:.75rem;}
} .cta-mail {
color: var(--brand-mint);
font-weight: 600;
text-decoration: none;
transition: color .25s ease;
}
.cta-mail:hover {
color: var(--brand-mint-hover);
text-decoration: underline;
text-underline-offset: 3px;
} #blog-overview nav a,
#blog-overview nav a:hover,
#blog-overview nav a:focus {
text-decoration:none!important;
text-decoration-color:transparent!important;
} a[class*="btn"],
button,
.cta-glow,
.hero-cta,
.policy-btn,
.terms-btn {
transition:transform 0.3s ease,box-shadow 0.3s ease,filter .3s ease;
} .btn-primary,
button {
background:#000;
color:#fff;
font-weight:600;
border-radius:9999px;
padding:.75rem 1.5rem;
border:none;
transition: all .3s cubic-bezier(.25,.1,.25,1);
}
.btn-primary:hover,
button:hover {
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.25); filter:brightness(1.1);
}
.btn-primary:focus-visible,
button:focus-visible {
outline:2px solid var(--brand-mint);
outline-offset:2px;
} .accent-bg {background-color:var(--brand-accent);}
.accent-bg-soft {background-color:var(--brand-accent-soft);}
.bg-navy {background-color:var(--brand-navy);}
.text-navy {color:var(--brand-navy);}
.text-mint {color:var(--brand-mint);} .terms-btn,
.policy-btn {
color:#374151 !important;
background-color:#fff !important;
}  .feature-card {
border: 1px solid var(--neutral-border);
border-radius: 1.25rem;
padding: 2rem;
background-color: #fafafa;
transition: all .3s ease;
}
.feature-card:hover {
transform: translateY(-4px);
background: #fff;
box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}
.feature-card h3 {
font-size: 1.125rem;
font-weight: 700;
color: #000;
margin-top: 1rem;
margin-bottom: .5rem;
}
.feature-card p {
font-size: .9375rem;
color: #555;
line-height: 1.6;
} .feature-icon {
width: 48px;
height: 48px;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--brand-mint-soft);
border: 1px solid var(--brand-mint);
transition: all .3s ease;
}
.feature-card:hover .feature-icon {
background-color: var(--brand-mint);
color: #fff;
transform: scale(1.05);
} [data-aos] {
transition-property: transform, opacity;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
} @media (max-width:640px){
.feature-card { padding:1.5rem; }
}