:root { --bs-bg:        #0a0a12;
--bs-card:      #12121e;
--bs-dark:      #1a1a2e;
--bs-card-b:    rgba(255, 255, 255, 0.06);
--bs-accent:    #ff4d00;
--bs-accent2:   #ff8c00;
--bs-gold:      #ffd700;
--bs-green:     #00c853;
--bs-red:       #ef4444;
--bs-white:     #f4f4f8;
--bs-gray:      #ababbc; --bs-font-heading:  'Oswald', sans-serif;
--bs-font-body:     'Barlow', sans-serif;
--bs-font-label:    'Barlow Condensed', sans-serif; --bs-radius:    8px;
--bs-radius-lg: 12px;
--bs-max-w:     900px; --bs-nav-h:     64px; --bs-text-muted: rgba(171,171,188,0.65);
--bs-bg-card:    #12121e;
--bs-border:     rgba(255,255,255,0.06);
} *,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} body {
background-color: var(--bs-bg);
color: var(--bs-white);
font-family: var(--bs-font-body);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.6;
} #main {
min-height: 60vh;
} .skip-link {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-link:focus {
position: static;
width: auto;
height: auto;
display: block;
padding: 0.5rem 1rem;
background: var(--bs-accent);
color: var(--bs-white);
z-index: 9999;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
} .bs-main {
padding: 2rem 0;
}
.bs-main__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.bs-404 {
text-align: center;
padding: 6rem 1.5rem;
}
.bs-404__code {
font-family: var(--bs-font-heading);
font-size: clamp(5rem, 20vw, 10rem);
font-weight: 700;
color: var(--bs-accent);
line-height: 1;
margin-bottom: 1rem;
}
.bs-404__msg {
font-size: 1.25rem;
color: var(--bs-gray);
margin-bottom: 2rem;
}
.bs-btn {
display: inline-block;
background: var(--bs-accent);
color: var(--bs-white);
text-decoration: none;
font-family: var(--bs-font-heading);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0.75rem 2rem;
border-radius: var(--bs-radius);
transition: background 0.2s;
}
.bs-btn:hover {
background: var(--bs-accent2);
} .bs-archive {
max-width: 1200px;
margin: 0 auto;
padding: 2rem 1.5rem;
}
.bs-archive__header {
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--bs-card-b);
}
.bs-archive__title {
font-family: var(--bs-font-heading);
font-size: clamp(1.5rem, 4vw, 2.5rem);
font-weight: 700;
text-transform: uppercase;
color: var(--bs-white);
}
.bs-archive__desc {
margin-top: 0.75rem;
color: var(--bs-gray);
font-size: 0.95rem;
}
.bs-archive__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 640px) {
.bs-archive__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.bs-archive__grid {
grid-template-columns: 1fr 1fr 1fr;
}
} .bs-card {
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
padding: 1.5rem;
transition: border-color 0.2s;
list-style: none;
}
.bs-card:hover {
border-color: rgba(255, 77, 0, 0.3);
}
.bs-card__title {
font-family: var(--bs-font-heading);
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.75rem;
}
.bs-card__title a {
color: var(--bs-white);
text-decoration: none;
transition: color 0.2s;
}
.bs-card__title a:hover {
color: var(--bs-accent);
}
.bs-card__excerpt {
font-size: 0.88rem;
color: var(--bs-gray);
line-height: 1.6;
} .bs-no-results,
.bs-search-results {
max-width: 1200px;
margin: 0 auto;
padding: 2rem 1.5rem;
}
.bs-no-results p {
color: var(--bs-gray);
font-size: 1rem;
}  .bs-hero {
position: relative;
padding: 6rem 1.5rem 5rem;
text-align: center;
overflow: hidden;
background-size: cover;
background-position: center 35%;
background-repeat: no-repeat;
border-bottom: 3px solid var(--bs-accent);
}
.bs-hero__bg {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}
.bs-hero__glow {
width: 100%;
height: 100%;
}
.bs-hero__inner {
position: relative;
z-index: 1;
max-width: 700px;
margin: 0 auto;
}
.bs-hero__label {
font-family: var(--bs-font-label);
font-size: 0.62rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--bs-accent);
opacity: 0.8;
margin-bottom: 1.25rem;
}
.bs-hero__title {
font-family: var(--bs-font-heading);
font-size: clamp(2.2rem, 7vw, 4rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: -1px;
line-height: 1.05;
color: var(--bs-white);
margin-bottom: 1.25rem;
}
.bs-hero__accent {
color: var(--bs-accent);
}
.bs-hero__sub {
font-size: 1rem;
color: rgba(190, 190, 205, 0.8);
line-height: 1.7;
max-width: 520px;
margin: 0 auto 2rem;
}
.bs-hero__cta {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
justify-content: center;
}
.bs-btn--ghost {
background: transparent;
border: 1px solid rgba(255, 77, 0, 0.4);
color: rgba(244, 244, 248, 0.8);
}
.bs-btn--ghost:hover {
background: rgba(255, 77, 0, 0.08);
border-color: var(--bs-accent);
color: var(--bs-white);
} .bs-home-stats {
border-top: 1px solid var(--bs-card-b);
border-bottom: 1px solid var(--bs-card-b);
background: var(--bs-card);
}
.bs-home-stats__inner {
max-width: 900px;
margin: 0 auto;
padding: 0 1.5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 640px) {
.bs-home-stats__inner {
grid-template-columns: repeat(4, 1fr);
}
}
.bs-home-stat {
padding: 1.5rem 1rem;
text-align: center;
border-right: 1px solid var(--bs-card-b);
}
.bs-home-stat:last-child {
border-right: none;
}
.bs-home-stat__n {
display: block;
font-family: var(--bs-font-heading);
font-size: clamp(1.6rem, 4vw, 2.2rem);
font-weight: 700;
color: var(--bs-accent);
line-height: 1;
margin-bottom: 0.3rem;
}
.bs-home-stat--muted .bs-home-stat__n {
color: var(--bs-gray);
}
.bs-home-stat__l {
display: block;
font-family: var(--bs-font-label);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--bs-gray);
opacity: 0.7;
} .bs-home-section {
padding: 4rem 0;
}
.bs-home-section--alt {
background: var(--bs-card);
border-top: 1px solid var(--bs-card-b);
border-bottom: 1px solid var(--bs-card-b);
}
.bs-home-section__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.bs-home-section__title {
font-family: var(--bs-font-heading);
font-size: clamp(1.1rem, 2.5vw, 1.5rem);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--bs-white);
margin-bottom: 1.75rem;
} .bs-home-cats {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 640px) {
.bs-home-cats {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.bs-home-cats {
grid-template-columns: repeat(4, 1fr);
}
}
.bs-home-cat {
display: flex;
flex-direction: column;
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
padding: 1.5rem;
text-decoration: none;
transition: border-color 0.2s, transform 0.2s;
position: relative;
overflow: hidden;
}
.bs-home-cat::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, var(--bs-accent), var(--bs-accent2));
transform: scaleX(0);
transition: transform 0.25s ease;
}
.bs-home-cat:hover {
border-color: rgba(255, 77, 0, 0.3);
transform: translateY(-2px);
}
.bs-home-cat:hover::before {
transform: scaleX(1);
}
.bs-home-cat__icon {
width: 40px;
height: 40px;
background: rgba(255, 77, 0, 0.1);
border-radius: var(--bs-radius);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
color: var(--bs-accent);
}
.bs-home-cat__icon svg {
width: 20px;
height: 20px;
}
.bs-home-cat__title {
font-family: var(--bs-font-heading);
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
color: var(--bs-white);
margin-bottom: 0.5rem;
}
.bs-home-cat__desc {
font-size: 0.85rem;
color: rgba(215, 215, 228, 0.85);
line-height: 1.55;
flex: 1;
margin-bottom: 1rem;
}
.bs-home-cat__arrow {
font-size: 1rem;
color: var(--bs-accent);
opacity: 0.6;
transition: opacity 0.2s, transform 0.2s;
display: block;
}
.bs-home-cat:hover .bs-home-cat__arrow {
opacity: 1;
transform: translateX(4px);
} .bs-home-articles {
display: grid;
grid-template-columns: 1fr;
gap: 0;
} .bs-home-article--featured {
}
@media (min-width: 640px) {
.bs-home-articles { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
.bs-home-articles { grid-template-columns: repeat(3, 1fr); }
} .bs-home-article--featured {
grid-column: auto;
border-bottom: none;
} .bs-home-article {
background: transparent;
border: none;
border-right: 1px solid rgba(255,255,255,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
padding: 1.75rem 1.5rem 1.5rem;
text-decoration: none;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
gap: 1rem;
transition: background 0.2s;
}
.bs-home-article:last-child {
border-right: none;
}
.bs-home-article:hover {
background: rgba(255,255,255,0.02);
} .bs-home-article::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: var(--bs-article-accent, var(--bs-accent));
opacity: 0.6;
transition: opacity 0.2s;
}
.bs-home-article:hover::before {
opacity: 1;
} .bs-home-article[data-cat="strategy"]  { --bs-article-accent: var(--bs-accent); }
.bs-home-article[data-cat="math"]      { --bs-article-accent: var(--bs-gold); }
.bs-home-article[data-cat="psychology"]{ --bs-article-accent: #818cf8; }
.bs-home-article[data-cat="casino"]    { --bs-article-accent: var(--bs-green); }
.bs-home-article[data-cat="bankroll"]  { --bs-article-accent: #38bdf8; } .bs-home-article__num {
font-family: var(--bs-font-heading);
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
color: var(--bs-article-accent, var(--bs-accent));
opacity: 0.18;
flex-shrink: 0;
width: 3rem;
transition: opacity 0.2s;
padding-top: 0.1rem;
}
.bs-home-article:hover .bs-home-article__num {
opacity: 0.35;
} .bs-home-article__body {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
} .bs-home-article__cat {
font-family: var(--bs-font-label);
font-size: 0.58rem;
text-transform: uppercase;
letter-spacing: 2.5px;
color: var(--bs-article-accent, var(--bs-accent));
margin-bottom: 0.4rem;
display: block;
} .bs-home-article__title {
font-family: var(--bs-font-heading);
font-size: 0.95rem;
font-weight: 600;
text-transform: uppercase;
color: var(--bs-white);
margin-bottom: 0.5rem;
line-height: 1.3;
} .bs-home-article__excerpt {
font-size: 0.88rem;
color: rgba(215, 215, 228, 0.7);
line-height: 1.55;
flex: 1;
margin: 0;
} .bs-home-article__read {
display: inline-block;
margin-top: 1rem;
font-family: var(--bs-font-label);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--bs-article-accent, var(--bs-accent));
opacity: 0.75;
transition: opacity 0.15s;
}
.bs-home-article:hover .bs-home-article__read {
opacity: 1;
} .bs-home-article--featured .bs-home-article__num {
font-size: 3.5rem;
width: 3.5rem;
opacity: 0.12;
}
.bs-home-article--featured:hover .bs-home-article__num {
opacity: 0.25;
}
.bs-home-article--featured .bs-home-article__title {
font-size: 1.2rem;
line-height: 1.2;
}
.bs-home-article--featured .bs-home-article__excerpt {
font-size: 0.95rem;
color: rgba(215, 215, 228, 0.8);
max-width: 48ch;
} .bs-ad-betway {
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
position: relative;
overflow: hidden;
background-color: #003366;
background-size: cover;
background-position: center;
}
.bs-ad-betway::before {
content: '';
position: absolute;
top: 0; right: 0; bottom: 0;
width: 40%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.03));
pointer-events: none;
}
.bs-ad-betway__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0.9rem 1.5rem;
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.bs-ad-betway__brand {
display: flex;
flex-direction: column;
gap: 0.15rem;
flex-shrink: 0;
}
.bs-ad-betway__logo {
font-family: Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
color: white;
letter-spacing: -0.5px;
line-height: 1;
}
.bs-ad-betway__logo strong {
font-weight: 900;
color: #00d68f;
}
.bs-ad-betway__tagline {
font-family: var(--bs-font-label);
font-size: 0.55rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.45);
}
.bs-ad-betway__offer {
display: flex;
align-items: baseline;
gap: 0.5rem;
flex: 1;
flex-wrap: wrap;
}
.bs-ad-betway__bonus {
font-family: var(--bs-font-heading);
font-size: clamp(1rem, 3vw, 1.4rem);
font-weight: 700;
color: #00d68f;
letter-spacing: 1px;
}
.bs-ad-betway__amount {
font-family: var(--bs-font-heading);
font-size: clamp(1.1rem, 3.5vw, 1.7rem);
font-weight: 700;
color: white;
letter-spacing: -0.5px;
}
.bs-ad-betway__sub {
font-size: 0.72rem;
color: rgba(255, 255, 255, 0.45);
font-family: var(--bs-font-label);
letter-spacing: 0.5px;
align-self: center;
}
.bs-ad-betway__cta {
font-family: var(--bs-font-heading);
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #003366;
background: #00d68f;
text-decoration: none;
padding: 0.65rem 1.5rem;
border-radius: 4px;
white-space: nowrap;
transition: background 0.2s, transform 0.15s;
flex-shrink: 0;
}
.bs-ad-betway__cta:hover {
background: #00f0a0;
transform: scale(1.02);
}
.bs-ad-betway__age {
font-family: var(--bs-font-label);
font-size: 0.6rem;
font-weight: 600;
color: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 3px;
padding: 0.2rem 0.4rem;
flex-shrink: 0;
} .bs-home-bento {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 768px) {
.bs-home-bento {
grid-template-columns: 1fr 1fr;
}
}
.bs-home-bento__card {
display: flex;
flex-direction: column;
border-radius: var(--bs-radius-lg);
overflow: hidden;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.06);
transition: transform 0.25s ease, border-color 0.25s;
position: relative;
}
.bs-home-bento__card:hover {
transform: translateY(-3px);
} .bs-home-bento__card--strat {
background: linear-gradient(160deg, #1c0a04 0%, #2a1208 60%, #120805 100%);
border-color: rgba(255, 77, 0, 0.18);
}
.bs-home-bento__card--strat:hover { border-color: rgba(255, 77, 0, 0.45); }
.bs-home-bento__card--casino {
background: linear-gradient(160deg, #050820 0%, #0c1240 60%, #06090f 100%);
border-color: rgba(99, 130, 255, 0.18);
}
.bs-home-bento__card--casino:hover { border-color: rgba(99, 130, 255, 0.4); }
.bs-home-bento__card--math {
background: linear-gradient(160deg, #041510 0%, #072818 60%, #03100c 100%);
border-color: rgba(0, 200, 83, 0.18);
}
.bs-home-bento__card--math:hover { border-color: rgba(0, 200, 83, 0.4); }
.bs-home-bento__card--dict {
background: linear-gradient(160deg, #1a1504 0%, #2c2508 60%, #120e02 100%);
border-color: rgba(255, 215, 0, 0.18);
}
.bs-home-bento__card--dict:hover { border-color: rgba(255, 215, 0, 0.4); } .bs-home-bento__visual {
height: 130px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1.25rem 1.5rem;
overflow: hidden;
}
.bs-home-bento__deco {
width: 130px;
height: 87px;
opacity: 0.18;
transition: opacity 0.3s;
}
.bs-home-bento__card--strat .bs-home-bento__deco  { color: #ff6a20; }
.bs-home-bento__card--casino .bs-home-bento__deco { color: #8fa8ff; }
.bs-home-bento__card--math .bs-home-bento__deco   { color: #00e87a; }
.bs-home-bento__card--dict .bs-home-bento__deco   { color: #ffd700; }
.bs-home-bento__card:hover .bs-home-bento__deco { opacity: 0.32; } .bs-home-bento__content {
padding: 0 1.5rem 1.5rem;
display: flex;
flex-direction: column;
gap: 0.6rem;
flex: 1;
}
.bs-home-bento__cat {
font-family: var(--bs-font-label);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 600;
}
.bs-home-bento__card--strat  .bs-home-bento__cat { color: #ff6a20; }
.bs-home-bento__card--casino .bs-home-bento__cat { color: #8fa8ff; }
.bs-home-bento__card--math   .bs-home-bento__cat { color: #00c853; }
.bs-home-bento__card--dict   .bs-home-bento__cat { color: #ffd700; }
.bs-home-bento__title {
font-family: var(--bs-font-heading);
font-size: clamp(1rem, 2.2vw, 1.2rem);
font-weight: 700;
text-transform: uppercase;
color: var(--bs-white);
line-height: 1.2;
}
.bs-home-bento__links {
list-style: none;
padding: 0;
margin: 0.25rem 0;
display: flex;
flex-direction: column;
gap: 0.25rem;
flex: 1;
}
.bs-home-bento__links li {
font-size: 0.88rem;
color: rgba(215, 215, 228, 0.7);
padding-left: 1rem;
position: relative;
line-height: 1.45;
}
.bs-home-bento__links li::before {
content: '›';
position: absolute;
left: 0;
font-size: 0.95rem;
}
.bs-home-bento__card--strat  .bs-home-bento__links li::before { color: #ff6a20; }
.bs-home-bento__card--casino .bs-home-bento__links li::before { color: #8fa8ff; }
.bs-home-bento__card--math   .bs-home-bento__links li::before { color: #00c853; }
.bs-home-bento__card--dict   .bs-home-bento__links li::before { color: #ffd700; }
.bs-home-bento__cta {
font-size: 0.85rem;
font-weight: 600;
margin-top: 0.25rem;
opacity: 0.7;
transition: opacity 0.2s;
}
.bs-home-bento__card--strat  .bs-home-bento__cta { color: #ff6a20; }
.bs-home-bento__card--casino .bs-home-bento__cta { color: #8fa8ff; }
.bs-home-bento__card--math   .bs-home-bento__cta { color: #00c853; }
.bs-home-bento__card--dict   .bs-home-bento__cta { color: #ffd700; }
.bs-home-bento__card:hover .bs-home-bento__cta { opacity: 1; } .bs-home-section__sub {
font-size: 0.9rem;
color: rgba(215, 215, 228, 0.85);
margin-top: -1rem;
margin-bottom: 1.75rem;
} .bs-ticker {
overflow: hidden;
background: rgba(255, 77, 0, 0.04);
border-top: 1px solid rgba(255, 77, 0, 0.1);
border-bottom: 1px solid rgba(255, 77, 0, 0.1);
padding: 0.65rem 0;
}
.bs-ticker__track {
display: inline-flex;
align-items: center;
gap: 1.25rem;
white-space: nowrap;
animation: bs-ticker 45s linear infinite;
will-change: transform;
}
@keyframes bs-ticker {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
.bs-ticker__item {
font-family: var(--bs-font-label);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2.5px;
color: rgba(255, 100, 20, 0.65);
}
.bs-ticker__sep {
color: rgba(255, 77, 0, 0.2);
font-size: 0.45rem;
line-height: 1;
} .bs-home-steps-banner {
position: relative;
margin: 0 0 2.5rem;
border-radius: 6px;
overflow: hidden;
max-height: 260px;
}
.bs-home-steps-banner img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center 55%;
display: block;
filter: brightness(0.28) saturate(0.35) contrast(0.9);
} .bs-home-steps-banner::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 50%, transparent 25%, rgba(0,0,0,0.55) 100%);
pointer-events: none;
} .bs-home-steps {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 640px) {
.bs-home-steps { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
.bs-home-steps { grid-template-columns: repeat(4, 1fr); }
}
.bs-home-step {
background: transparent;
border: none;
border-top: 2px solid rgba(255, 77, 0, 0.12);
border-right: 1px solid rgba(255, 255, 255, 0.04);
padding: 2rem 1.75rem 2rem 0;
display: flex;
flex-direction: column;
gap: 0.6rem;
position: relative;
overflow: hidden;
transition: border-top-color 0.2s;
}
.bs-home-step:last-child {
border-right: none;
}
.bs-home-step:hover {
border-top-color: rgba(255, 77, 0, 0.5);
} .bs-home-step__n {
font-family: var(--bs-font-heading);
font-size: 7rem;
font-weight: 700;
color: var(--bs-accent);
opacity: 0.055;
line-height: 1;
position: absolute;
top: -0.75rem;
right: -0.25rem;
pointer-events: none;
user-select: none;
transition: opacity 0.2s;
}
.bs-home-step:hover .bs-home-step__n {
opacity: 0.12;
} .bs-home-step__n::before {
content: attr(data-label);
}
.bs-home-step__title {
font-family: var(--bs-font-heading);
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
color: var(--bs-white);
margin-bottom: 0.2rem;
line-height: 1.25;
}
.bs-home-step__desc {
font-size: 0.9rem;
color: rgba(215, 215, 228, 0.75);
line-height: 1.55;
flex: 1;
}
.bs-home-step__link {
font-size: 0.82rem;
color: var(--bs-accent);
text-decoration: none;
opacity: 0.65;
transition: opacity 0.15s;
margin-top: 0.25rem;
}
.bs-home-step__link:hover {
opacity: 1;
} .bs-home-step::before {
content: '';
position: absolute;
top: -1px;
left: 0;
width: 2rem;
height: 2px;
background: var(--bs-accent);
opacity: 0.7;
} .bs-home-section__inner--split {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
align-items: center;
}
@media (min-width: 900px) {
.bs-home-section__inner--split {
grid-template-columns: 1fr 1.6fr;
gap: 4rem;
}
}
.bs-home-split__desc {
font-size: 0.9rem;
color: rgba(215, 215, 228, 0.85);
line-height: 1.7;
margin-bottom: 1.5rem;
}
.bs-home-he-table {
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
overflow: hidden;
}
.bs-home-he-row {
display: grid;
grid-template-columns: 1fr auto auto;
gap: 1rem;
padding: 0.7rem 1.1rem;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
font-size: 0.85rem;
color: rgba(244, 244, 248, 0.75);
position: relative;
overflow: hidden;
} .bs-home-he-row:not(.bs-home-he-row--head)::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: var(--he, 0%);
background: var(--he-c, rgba(255,255,255,0.1));
opacity: 0.08;
pointer-events: none;
}
.bs-home-he-row:last-child {
border-bottom: none;
}
.bs-home-he-row--head {
background: var(--bs-dark);
font-family: var(--bs-font-label);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(190, 190, 205, 0.5);
font-weight: 600;
}
.bs-home-he-row:nth-child(even):not(.bs-home-he-row--head) {
background: rgba(255, 255, 255, 0.015);
}
.he-val { font-family: var(--bs-font-heading); font-size: 0.95rem; font-weight: 600; }
.he-good { color: #00c853; }
.he-mid  { color: #ffd700; }
.he-bad  { color: #ef4444; }
.he-badge {
font-family: var(--bs-font-label);
font-size: 0.55rem;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 0.2rem 0.5rem;
border-radius: 3px;
border: 1px solid;
white-space: nowrap;
}
.he-badge--good { color: #00c853; border-color: rgba(0, 200, 83, 0.25); background: rgba(0, 200, 83, 0.06); }
.he-badge--mid  { color: #ffd700; border-color: rgba(255, 215, 0, 0.25); background: rgba(255, 215, 0, 0.06); }
.he-badge--bad  { color: #ef4444; border-color: rgba(239, 68, 68, 0.25); background: rgba(239, 68, 68, 0.06); } .bs-home-section--img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .bs-home-section--dark {
background: #07070d;
border-top: 1px solid var(--bs-card-b);
border-bottom: 1px solid var(--bs-card-b);
} .bs-home-formulas {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 640px) {
.bs-home-formulas { grid-template-columns: repeat(3, 1fr); }
} .bs-home-formula--ev    { --fc: var(--bs-accent);  border-left: 3px solid var(--bs-accent); }
.bs-home-formula--ip    { --fc: var(--bs-gold);    border-left: 3px solid var(--bs-gold); }
.bs-home-formula--kelly { --fc: #38bdf8;            border-left: 3px solid #38bdf8; }
.bs-home-formula--ev::before    { content: 'EV'; }
.bs-home-formula--ip::before    { content: 'IP'; }
.bs-home-formula--kelly::before { content: 'f'; }
.bs-home-formula::before {
position: absolute;
bottom: -0.15em;
right: 0.1em;
font-family: var(--bs-font-heading);
font-size: 6.5rem;
font-weight: 700;
line-height: 1;
color: var(--fc, var(--bs-accent));
opacity: 0.07;
pointer-events: none;
} .bs-home-formula--ev .bs-home-formula__eq    { border-color: rgba(255,77,0,0.35); background: rgba(255,77,0,0.06); }
.bs-home-formula--ip .bs-home-formula__eq    { border-color: rgba(255,215,0,0.35); background: rgba(255,215,0,0.06); }
.bs-home-formula--kelly .bs-home-formula__eq { border-color: rgba(56,189,248,0.35); background: rgba(56,189,248,0.06); }
.bs-home-formula {
position: relative;
overflow: hidden;
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
border-top: 2px solid rgba(255, 215, 0, 0.3);
}
.bs-home-formula__label {
font-family: var(--bs-font-label);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 2.5px;
color: var(--bs-gold);
opacity: 0.8;
}
.bs-home-formula__eq {
font-family: 'JetBrains Mono', 'Courier New', monospace;
font-size: clamp(0.85rem, 2vw, 1.05rem);
font-weight: 600;
color: var(--bs-gold);
background: rgba(255, 215, 0, 0.05);
border: 1px solid rgba(255, 215, 0, 0.12);
border-radius: var(--bs-radius);
padding: 0.6rem 0.9rem;
letter-spacing: 0.5px;
}
.bs-home-formula__desc {
font-size: 0.92rem;
color: rgba(215, 215, 228, 0.85);
line-height: 1.6;
flex: 1;
}
.bs-home-formula__link {
font-size: 0.88rem;
color: var(--bs-gold);
text-decoration: none;
opacity: 0.6;
transition: opacity 0.15s;
}
.bs-home-formula__link:hover {
opacity: 1;
} .bs-home-facts {
background: linear-gradient(135deg, rgba(255, 77, 0, 0.06) 0%, rgba(255, 140, 0, 0.03) 100%);
border-top: 1px solid rgba(255, 77, 0, 0.12);
border-bottom: 1px solid rgba(255, 77, 0, 0.12);
padding: 3rem 0;
}
.bs-home-facts__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.bs-home-facts__label {
font-family: var(--bs-font-label);
font-size: 0.62rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--bs-accent);
opacity: 0.7;
margin-bottom: 1.5rem;
text-align: center;
}
.bs-home-facts__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (min-width: 1024px) {
.bs-home-facts__grid { grid-template-columns: repeat(4, 1fr); }
}
.bs-home-fact {
position: relative;
text-align: center;
padding: 1.25rem 1rem;
border: 1px solid rgba(255, 77, 0, 0.1);
border-radius: var(--bs-radius-lg);
background: rgba(255, 255, 255, 0.02);
} .bs-home-fact::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 120px;
background: radial-gradient(ellipse at 50% 10%, rgba(255,77,0,0.18) 0%, transparent 70%);
pointer-events: none;
}
.bs-home-fact__n {
position: relative;
display: block;
font-family: var(--bs-font-heading);
font-size: clamp(1.8rem, 4vw, 2.4rem);
font-weight: 700;
color: var(--bs-accent);
line-height: 1;
margin-bottom: 0.6rem;
}
.bs-home-fact__t {
font-size: 0.92rem;
color: rgba(215, 215, 228, 0.85);
line-height: 1.55;
} .bs-home-dict {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
padding: 2.5rem;
align-items: center;
}
@media (min-width: 768px) {
.bs-home-dict {
grid-template-columns: 1fr 1.5fr;
gap: 3rem;
}
}
.bs-home-dict__title {
font-family: var(--bs-font-heading);
font-size: clamp(1.2rem, 3vw, 1.8rem);
font-weight: 700;
text-transform: uppercase;
color: var(--bs-white);
margin-bottom: 0.75rem;
}
.bs-home-dict__desc {
font-size: 0.9rem;
color: rgba(215, 215, 228, 0.85);
line-height: 1.7;
margin-bottom: 1.5rem;
}
.bs-home-dict__desc strong {
color: var(--bs-white);
}
.bs-home-dict__preview {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.bs-home-dict__preview span {
font-family: var(--bs-font-label);
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(190, 190, 205, 0.45);
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 4px;
padding: 0.3rem 0.7rem;
} .bs-sitemap {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem 5rem;
}
.bs-sitemap__label {
font-family: var(--bs-font-label);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--bs-gray);
text-align: center;
margin-bottom: 2rem;
opacity: 0.7;
}
.bs-sitemap__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (min-width: 640px) {
.bs-sitemap__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.bs-sitemap__grid {
grid-template-columns: repeat(4, 1fr);
}
}
.bs-sitemap__section {
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
overflow: hidden;
transition: border-color 0.2s;
}
.bs-sitemap__section:hover {
border-color: rgba(255, 77, 0, 0.2);
}
.bs-sitemap__cat {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.9rem 1.25rem;
background: rgba(255, 77, 0, 0.07);
border-bottom: 1px solid rgba(255, 77, 0, 0.15);
color: var(--bs-white);
text-decoration: none;
font-family: var(--bs-font-heading);
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: background 0.2s;
}
.bs-sitemap__cat:not(.bs-sitemap__cat--static):hover {
background: rgba(255, 77, 0, 0.14);
}
.bs-sitemap__cat--static {
cursor: default;
opacity: 0.8;
}
.bs-sitemap__cat svg {
color: var(--bs-accent);
flex-shrink: 0;
width: 18px;
height: 18px;
}
.bs-sitemap__body {
padding: 1.1rem 1.25rem;
display: flex;
flex-direction: column;
gap: 1.1rem;
}
.bs-sitemap__group-label {
display: flex;
align-items: center;
gap: 0.4rem;
font-family: var(--bs-font-label);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--bs-accent);
opacity: 0.75;
margin-bottom: 0.35rem;
}
.bs-sitemap__group-label svg {
flex-shrink: 0;
width: 11px;
height: 11px;
}
.bs-sitemap__group ul {
list-style: none;
padding: 0;
margin: 0;
}
.bs-sitemap__group a {
display: flex;
align-items: center;
gap: 0.35rem;
color: rgba(244, 244, 248, 0.65);
text-decoration: none;
font-size: 0.85rem;
padding: 0.18rem 0;
transition: color 0.15s;
line-height: 1.4;
}
.bs-sitemap__group a::before {
content: '›';
color: var(--bs-accent);
opacity: 0.45;
font-size: 0.95rem;
flex-shrink: 0;
transition: opacity 0.15s;
}
.bs-sitemap__group a:hover {
color: var(--bs-white);
}
.bs-sitemap__group a:hover::before {
opacity: 1;
}  .bs-rechnik-hero {
background: linear-gradient(180deg, rgba(255,77,0,0.05) 0%, transparent 100%);
border-bottom: 1px solid rgba(255,255,255,0.05);
padding: 3.5rem 1.5rem 3rem;
display: flex;
flex-direction: column;
gap: 2rem;
max-width: 1280px;
margin: 0 auto;
}
.bs-rechnik-hero__label {
font-family: var(--bs-font-label);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--bs-accent);
margin: 0;
}
.bs-rechnik-hero__title {
font-family: var(--bs-font-heading);
font-size: clamp(2.4rem, 6vw, 4rem);
font-weight: 700;
text-transform: uppercase;
line-height: 1.05;
letter-spacing: -1px;
color: var(--bs-white);
margin: 0.5rem 0 0.75rem;
}
.bs-rechnik-hero__accent {
color: var(--bs-accent);
}
.bs-rechnik-hero__desc {
font-size: 1rem;
color: rgba(215,215,228,0.8);
max-width: 520px;
line-height: 1.7;
margin: 0;
}
.bs-rechnik-hero__stats {
display: flex;
flex-wrap: wrap;
gap: 1rem 2rem;
margin-top: 0.5rem;
}
.bs-rechnik-hero__stat {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.bs-rechnik-hero__stat-num {
font-family: var(--bs-font-heading);
font-size: 2rem;
font-weight: 700;
color: var(--bs-gold);
line-height: 1;
}
.bs-rechnik-hero__stat-label {
font-family: var(--bs-font-label);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(215,215,228,0.5);
}
@media (min-width: 768px) {
.bs-rechnik-hero {
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 4rem 2rem 3.5rem;
}
.bs-rechnik-hero__stats {
flex-direction: column;
gap: 1.5rem;
flex-shrink: 0;
margin-top: 0;
}
} .bs-alpha-nav {
position: sticky;
top: 60px;
z-index: 50;
background: rgba(10,10,18,0.95);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(255,255,255,0.05);
padding: 0.75rem 0;
}
.bs-alpha-nav__inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5rem;
display: flex;
flex-wrap: wrap;
gap: 0.15rem;
}
.bs-alpha-nav__link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.35rem 0.6rem;
font-family: var(--bs-font-heading);
font-size: 0.95rem;
font-weight: 600;
color: rgba(215,215,228,0.6);
text-decoration: none;
border-radius: 4px;
transition: color 0.15s, background 0.15s;
}
.bs-alpha-nav__link:hover {
color: var(--bs-white);
background: rgba(255,255,255,0.06);
}
.bs-alpha-nav__count {
font-family: var(--bs-font-label);
font-size: 0.6rem;
font-weight: 400;
color: rgba(215,215,228,0.35);
padding: 0.1rem 0.3rem;
background: rgba(255,255,255,0.04);
border-radius: 3px;
} .bs-alpha-nav__section {
font-family: var(--bs-font-label);
font-size: 0.55rem;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(215,215,228,0.3);
padding: 0.15rem 0.4rem;
align-self: center;
}
.bs-alpha-nav__sep {
display: inline-block;
width: 1px;
height: 1.2rem;
background: rgba(255,255,255,0.1);
align-self: center;
margin: 0 0.25rem;
} .bs-rechnik-section-head {
display: flex;
align-items: center;
gap: 1rem;
padding: 0 0 0.5rem;
margin: 3rem 0 0.5rem;
}
.bs-rechnik-section-head:first-child {
margin-top: 0;
}
.bs-rechnik-section-head__label {
font-family: var(--bs-font-label);
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--bs-accent);
white-space: nowrap;
}
.bs-rechnik-section-head--en .bs-rechnik-section-head__label {
color: rgba(215,215,228,0.35);
}
.bs-rechnik-section-head__line {
flex: 1;
height: 1px;
background: rgba(255,255,255,0.06);
}
.bs-rechnik-section-head__note {
font-size: 0.72rem;
color: rgba(215,215,228,0.3);
white-space: nowrap;
display: none;
}
@media (min-width: 640px) {
.bs-rechnik-section-head__note {
display: inline;
}
} .bs-rechnik-list {
padding: 2rem 0 4rem;
}
.bs-rechnik-list__inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5rem;
}
.bs-rechnik-group {
margin-bottom: 3rem;
scroll-margin-top: 110px;
}
.bs-rechnik-group__letter {
font-family: var(--bs-font-heading);
font-size: 2.5rem;
font-weight: 700;
color: var(--bs-accent);
line-height: 1;
margin: 0 0 1.25rem;
padding-bottom: 0.75rem;
border-bottom: 2px solid rgba(255,77,0,0.15);
}
.bs-rechnik-group__terms {
list-style: none;
display: grid;
grid-template-columns: 1fr;
gap: 0.25rem;
}
@media (min-width: 640px) {
.bs-rechnik-group__terms {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.bs-rechnik-group__terms {
grid-template-columns: repeat(3, 1fr);
}
}
.bs-rechnik-group__term {
border-radius: 6px;
transition: background 0.15s;
}
.bs-rechnik-group__term:hover {
background: rgba(255,255,255,0.03);
}
.bs-rechnik-group__link {
display: flex;
flex-direction: column;
gap: 0.15rem;
padding: 0.6rem 0.75rem;
text-decoration: none;
}
.bs-rechnik-group__name {
font-size: 0.95rem;
font-weight: 500;
color: rgba(215,215,228,0.9);
transition: color 0.15s;
}
.bs-rechnik-group__link:hover .bs-rechnik-group__name {
color: var(--bs-white);
}
.bs-rechnik-group__excerpt {
font-size: 0.78rem;
color: rgba(215,215,228,0.4);
line-height: 1.4;
} .bs-rechnik-empty {
padding: 4rem 1.5rem;
}
.bs-rechnik-empty__inner {
max-width: 1280px;
margin: 0 auto;
}
.bs-rechnik-empty__text {
color: rgba(215,215,228,0.6);
font-size: 1rem;
text-align: center;
padding: 3rem;
border: 1px solid rgba(255,255,255,0.05);
border-radius: var(--bs-radius-lg);
} .bs-rechnik-cats {
background: var(--bs-card);
border-top: 1px solid rgba(255,255,255,0.05);
padding: 3rem 1.5rem;
}
.bs-rechnik-cats__inner {
max-width: 1280px;
margin: 0 auto;
}
.bs-rechnik-cats__title {
font-family: var(--bs-font-heading);
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(215,215,228,0.5);
margin: 0 0 1.5rem;
}
.bs-rechnik-cats__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
@media (min-width: 480px) {
.bs-rechnik-cats__grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 900px) {
.bs-rechnik-cats__grid {
grid-template-columns: repeat(8, 1fr);
}
}
.bs-rechnik-cat {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4rem;
padding: 1.25rem 0.75rem;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.05);
border-radius: var(--bs-radius);
text-decoration: none;
text-align: center;
transition: border-color 0.2s, background 0.2s;
}
.bs-rechnik-cat:hover {
border-color: rgba(255,77,0,0.25);
background: rgba(255,77,0,0.04);
}
.bs-rechnik-cat__icon {
font-size: 1.5rem;
}
.bs-rechnik-cat__name {
font-size: 0.78rem;
font-weight: 500;
color: rgba(215,215,228,0.85);
line-height: 1.3;
}
.bs-rechnik-cat__count {
font-family: var(--bs-font-label);
font-size: 0.62rem;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgba(215,215,228,0.35);
} .entry-content .tpl-glossary {
max-width: 900px;
margin: 0 auto;
padding: 2rem 1.5rem 4rem;
}
.entry-content .article-header {
padding-bottom: 2rem;
border-bottom: 1px solid rgba(255,255,255,0.06);
margin-bottom: 2rem;
}
.entry-content .article-header h1 {
font-family: var(--bs-font-heading);
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.5px;
line-height: 1.1;
color: var(--bs-white);
margin: 0 0 0.75rem;
}
.entry-content .term-meta {
font-size: 0.88rem;
color: rgba(215,215,228,0.5);
margin: 0;
font-style: normal;
}
.entry-content .term-meta em {
font-style: italic;
}
.entry-content .content-body { }
.entry-content .example-box {
background: var(--bs-card);
border: 1px solid rgba(255,255,255,0.06);
border-left: 3px solid var(--bs-accent);
border-radius: 0 var(--bs-radius-lg) var(--bs-radius-lg) 0;
padding: 1.5rem 2rem;
margin: 1.5rem 0;
}
.entry-content .example-box p {
margin-bottom: 0.75rem;
}
.entry-content .example-box p:last-child {
margin-bottom: 0;
}
.entry-content .example-box ul,
.entry-content .example-box ol {
margin-bottom: 0.75rem;
}
.entry-content .chart {
background: var(--bs-card);
border: 1px solid rgba(255,255,255,0.06);
border-radius: var(--bs-radius-lg);
padding: 1.5rem;
margin: 2rem 0;
overflow: hidden;
}
.entry-content .chart svg {
width: 100%;
height: auto;
display: block;
} .entry-content .chart svg text,
.entry-content .chart svg tspan {
font-size: 13px;
font-family: var(--bs-font-body);
}
.entry-content .related-terms {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
margin: 1rem 0 0;
}
.entry-content .related-terms li {
font-size: 0.92rem;
color: rgba(215,215,228,0.75);
padding: 0.6rem 0;
border-bottom: 1px solid rgba(255,255,255,0.04);
margin: 0;
}
.entry-content .related-terms li:last-child {
border-bottom: none;
}
.entry-content .related-terms a {
font-weight: 600;
} .entry-content .faq details p {
padding: 0 1.5rem 1.25rem;
margin: 0;
font-size: 0.95rem;
color: rgba(215,215,228,0.75);
line-height: 1.75;
} .bs-rechnik-layout {
display: flex;
flex-direction: column;
gap: 3rem;
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5rem 4rem;
} .bs-page-sidebar { display: none; } .bs-rechnik-content .tpl-glossary {
max-width: none;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.bs-rechnik-layout {
flex-direction: row;
align-items: flex-start;
gap: 3.5rem;
padding: 0 2rem 4rem;
}
.bs-rechnik-content {
flex: 1;
min-width: 0;
}
.bs-rechnik-sidebar {
flex-shrink: 0;
width: 300px;
align-self: flex-start;
position: sticky;
top: calc(var(--bs-nav-h) + 1.5rem);
}
.bs-page-sidebar {
display: block;
flex-shrink: 0;
width: 280px;
align-self: flex-start;
}
} .bs-page-layout {
display: flex;
flex-direction: column;
gap: 3rem;
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5rem 4rem;
}
@media (min-width: 1024px) {
.bs-page-layout {
flex-direction: row;
align-items: flex-start;
gap: 3.5rem;
padding: 0 2rem 4rem;
}
.bs-page-content {
flex: 1;
min-width: 0;
}
} .bs-related {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid var(--card-b);
}
.bs-related__title {
font-family: 'Barlow Condensed', sans-serif;
font-size: .7rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--gray);
margin: 0 0 1.25rem;
}
.bs-related__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: .5rem;
}
@media (min-width: 640px) {
.bs-related__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
.bs-related__grid { grid-template-columns: repeat(4, 1fr); }
}
.bs-related__link {
display: block;
background: var(--card);
border: 1px solid var(--card-b);
border-radius: var(--r);
padding: .65rem 1rem;
color: var(--white);
text-decoration: none;
font-size: .88rem;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
line-height: 1.3;
transition: border-color .2s, color .2s;
}
.bs-related__link:hover {
border-color: var(--accent);
color: var(--accent);
}
.bs-related__link span {
display: block;
font-size: .7rem;
color: var(--gray);
font-weight: 400;
margin-top: .2rem;
} .bs-sidebar-widget {
background: var(--card);
border: 1px solid var(--card-b);
border-radius: var(--r);
padding: 1.25rem 1.5rem;
margin-bottom: 1rem;
}
.bs-sidebar-widget__title {
font-family: 'Barlow Condensed', sans-serif;
font-size: .7rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--gray);
margin: 0 0 .75rem;
}
.bs-sidebar-widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.bs-sidebar-widget li {
margin-bottom: .4rem;
font-size: .95rem;
}
.bs-sidebar-widget li::before {
content: '·';
color: var(--accent);
margin-right: .5rem;
}
.bs-sidebar-widget a {
color: var(--white);
text-decoration: none;
}
.bs-sidebar-widget a:hover {
color: var(--accent);
}  .bs-rside {
display: flex;
flex-direction: column;
gap: 0.75rem;
} .bs-rside__cat {
display: flex;
align-items: center;
gap: 0.85rem;
padding: 1.1rem 1.25rem;
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-top: 2px solid var(--bs-accent);
border-radius: var(--bs-radius-lg);
position: relative;
}
.bs-rside__cat-icon {
font-size: 1.5rem;
line-height: 1;
flex-shrink: 0;
}
.bs-rside__cat-label {
font-family: var(--bs-font-label);
font-size: 0.55rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--bs-accent);
margin: 0 0 0.2rem;
}
.bs-rside__cat-name {
font-family: var(--bs-font-heading);
font-size: 0.95rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--bs-white);
margin: 0;
line-height: 1.2;
}
.bs-rside__cat-badge {
margin-left: auto;
flex-shrink: 0;
font-family: var(--bs-font-label);
font-size: 0.65rem;
font-weight: 600;
color: rgba(215,215,228,0.5);
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 20px;
padding: 0.2rem 0.55rem;
} .bs-rside__block {
padding: 1.1rem 1.25rem;
background: var(--bs-card);
border: 1px solid var(--bs-card-b);
border-radius: var(--bs-radius-lg);
}
.bs-rside__block-title {
font-family: var(--bs-font-label);
font-size: 0.55rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2.5px;
color: rgba(215,215,228,0.35);
margin: 0 0 0.85rem;
padding-bottom: 0.6rem;
border-bottom: 1px solid rgba(255,255,255,0.05);
} .bs-rside__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.bs-rside__item {
border-bottom: 1px solid rgba(255,255,255,0.04);
}
.bs-rside__item:last-child {
border-bottom: none;
}
.bs-rside__link {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.87rem;
color: rgba(215,215,228,0.7);
text-decoration: none;
padding: 0.5rem 0;
transition: color 0.15s, padding-left 0.15s;
line-height: 1.3;
}
.bs-rside__link::before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--bs-accent);
opacity: 0.4;
flex-shrink: 0;
transition: opacity 0.15s;
}
.bs-rside__link:hover {
color: var(--bs-white);
padding-left: 0.25rem;
}
.bs-rside__link:hover::before {
opacity: 1;
} .bs-rside__letters {
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
}
.bs-rside__letter {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
font-family: var(--bs-font-heading);
font-size: 0.75rem;
font-weight: 700;
color: rgba(215,215,228,0.6);
text-decoration: none;
border: 1px solid rgba(255,255,255,0.07);
border-radius: 5px;
transition: color 0.12s, border-color 0.12s, background 0.12s;
}
.bs-rside__letter:hover {
color: var(--bs-white);
border-color: rgba(255,77,0,0.45);
background: rgba(255,77,0,0.07);
} .bs-rside__cta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
background: linear-gradient(135deg, rgba(255,77,0,0.1) 0%, rgba(255,77,0,0.04) 100%);
border: 1px solid rgba(255,77,0,0.2);
border-radius: var(--bs-radius-lg);
font-family: var(--bs-font-heading);
font-size: 0.88rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--bs-white);
text-decoration: none;
transition: background 0.15s, border-color 0.15s;
}
.bs-rside__cta:hover {
background: linear-gradient(135deg, rgba(255,77,0,0.18) 0%, rgba(255,77,0,0.08) 100%);
border-color: rgba(255,77,0,0.35);
}
.bs-rside__cta-arrow {
color: var(--bs-accent);
font-size: 1rem;
transition: transform 0.15s;
}
.bs-rside__cta:hover .bs-rside__cta-arrow {
transform: translateX(3px);
} .bs-article-hero {
position: relative;
width: 100%;
min-height: 240px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.bs-article-hero--gradient {
background: linear-gradient(135deg, #0d0d1e 0%, #1a1040 50%, #0a0a18 100%);
min-height: 180px;
}
.bs-article-hero--gradient::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 60%, rgba(255,77,0,0.10) 0%, transparent 55%),
radial-gradient(circle at 85% 25%, rgba(100,50,220,0.09) 0%, transparent 45%);
pointer-events: none;
}
.bs-article-hero__inner {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--bs-content-w, 960px);
margin: 0 auto;
padding: 2rem 1.25rem 1.75rem;
}
.bs-article-hero__cat {
display: inline-block;
font-family: var(--bs-font-label);
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--bs-accent);
text-decoration: none;
margin-bottom: 0.6rem;
border: 1px solid rgba(255,77,0,0.35);
padding: 0.2em 0.6em;
border-radius: 3px;
}
.bs-article-hero__title {
font-family: var(--bs-font-heading);
font-size: clamp(1.4rem, 4vw, 2rem);
font-weight: 700;
line-height: 1.2;
color: var(--bs-white);
margin: 0 0 0.65rem;
max-width: 42ch;
}
.bs-article-hero__meta {
font-family: var(--bs-font-label);
font-size: 0.78rem;
color: rgba(171,171,188,0.8);
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
}
.bs-article-hero__sep {
color: rgba(255,77,0,0.5);
}
@media (min-width: 768px) {
.bs-article-hero {
min-height: 320px;
}
.bs-article-hero__inner {
padding: 2.5rem 2rem 2rem;
}
.bs-article-hero__title {
font-size: clamp(1.6rem, 3vw, 2.4rem);
}
} .bs-home-bento__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.18;
transition: opacity 0.4s ease, transform 0.5s ease;
pointer-events: none;
filter: saturate(0.6);
}
.bs-home-bento__card:hover .bs-home-bento__img {
opacity: 0.28;
transform: scale(1.04);
filter: saturate(0.8);
}
.bs-home-bento__deco {
position: relative;
z-index: 1;
} .bs-footer__col .menu {
list-style: none;
margin: 0;
padding: 0;
}
.bs-footer__col .menu li a {
color: rgba(171,171,188,0.75);
text-decoration: none;
font-family: var(--bs-font-body);
font-size: 0.875rem;
line-height: 1.5;
transition: color 0.15s;
}
.bs-footer__col .menu li a:hover {
color: var(--bs-white);
}
.bs-footer__col .menu li + li {
margin-top: 0.5rem;
}
.bs-footer__col .menu::before {
content: attr(aria-label);
display: block;
font-family: var(--bs-font-label);
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--bs-white);
margin-bottom: 0.75rem;
} .bs-about { max-width: 860px; margin: 0 auto; padding: 0 1rem; }
.bs-about-hero {
background: linear-gradient(135deg, var(--bs-bg-card) 0%, rgba(30,30,50,0.95) 100%);
border-radius: var(--bs-radius-lg);
padding: 3rem 2rem;
margin-bottom: 3rem;
border-left: 4px solid var(--bs-accent);
}
.bs-about-hero__label {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--bs-accent);
margin-bottom: 1rem;
}
.bs-about-hero__title {
font-size: clamp(1.75rem, 5vw, 2.5rem);
font-weight: 800;
line-height: 1.15;
margin-bottom: 1rem;
color: var(--bs-white);
}
.bs-about-hero__accent { color: var(--bs-accent); }
.bs-about-hero__desc { font-size: 1.05rem; color: var(--bs-text-muted); max-width: 600px; }
.bs-about-section { margin-bottom: 2.5rem; }
.bs-about-section h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: var(--bs-white); }
.bs-about-section p { color: var(--bs-text-muted); line-height: 1.75; margin-bottom: 0.75rem; }
.bs-about-section--alt {
background: var(--bs-bg-card);
border-radius: var(--bs-radius-lg);
padding: 2rem;
}
.bs-about-section--rg {
background: rgba(255,80,80,0.05);
border: 1px solid rgba(255,80,80,0.2);
border-radius: var(--bs-radius-lg);
padding: 2rem;
}
.bs-about-section--rg h2 { color: #ff8080; }
.bs-about-pillars {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-top: 1.5rem;
}
@media (min-width: 600px) { .bs-about-pillars { grid-template-columns: repeat(4, 1fr); } }
.bs-about-pillar {
background: var(--bs-bg-card);
border-radius: var(--bs-radius);
padding: 1.25rem 1rem;
text-align: center;
}
.bs-about-pillar__icon { display: block; font-size: 1.5rem; margin-bottom: 0.5rem; }
.bs-about-pillar strong { display: block; font-size: 0.85rem; font-weight: 700; color: var(--bs-white); margin-bottom: 0.4rem; }
.bs-about-pillar p { font-size: 0.8rem; color: var(--bs-text-muted); margin: 0; line-height: 1.5; }
.bs-about-steps { padding-left: 1.25rem; color: var(--bs-text-muted); line-height: 1.75; }
.bs-about-steps li { margin-bottom: 0.5rem; }
.bs-about-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1px;
background: var(--bs-border);
border-radius: var(--bs-radius-lg);
overflow: hidden;
margin-bottom: 2.5rem;
}
@media (min-width: 600px) { .bs-about-stats { grid-template-columns: repeat(4, 1fr); } }
.bs-about-stat {
background: var(--bs-bg-card);
padding: 1.5rem 1rem;
text-align: center;
}
.bs-about-stat__num { display: block; font-size: 2rem; font-weight: 800; color: var(--bs-accent); }
.bs-about-stat__label { display: block; font-size: 0.78rem; color: var(--bs-text-muted); margin-top: 0.3rem; }
.bs-about-rg-list { padding-left: 1.25rem; color: var(--bs-text-muted); }
.bs-about-rg-list li { margin-bottom: 0.4rem; line-height: 1.6; }
.bs-about-faq { margin-bottom: 2.5rem; }
.bs-about-faq h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: var(--bs-white); }
.bs-about-cta {
text-align: center;
padding: 2.5rem 1rem;
background: var(--bs-bg-card);
border-radius: var(--bs-radius-lg);
margin-bottom: 3rem;
}
.bs-about-cta p { color: var(--bs-text-muted); margin-bottom: 1rem; } .bs-footer__legal a[href^="tel:"] { color: var(--bs-accent); font-weight: 600; }
.bs-footer__legal a[href^="tel:"]:hover { text-decoration: underline; } .entry-content .bs-btn,
.entry-content .bs-btn:hover {
color: var(--bs-white);
border-bottom: none;
text-decoration: none;
}.bs-nav {
background-color: #09090f;
position: sticky;
top: 0;
z-index: 1000;
height: var(--bs-nav-h);
} .bs-nav::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, var(--bs-accent) 0%, var(--bs-accent2) 50%, transparent 100%);
}
.bs-nav__inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
gap: 2rem;
} .bs-logo {
font-family: var(--bs-font-heading);
font-size: 1.35rem;
font-weight: 700;
color: var(--bs-white);
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
flex-shrink: 0;
}
.bs-logo__accent {
color: var(--bs-accent);
} .bs-nav__divider {
width: 1px;
height: 24px;
background: rgba(255, 255, 255, 0.08);
flex-shrink: 0;
} .bs-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: 1px solid rgba(255, 255, 255, 0.12);
color: var(--bs-white);
font-size: 1.1rem;
cursor: pointer;
padding: 0.45rem 0.8rem;
border-radius: 4px;
line-height: 1;
transition: border-color 0.2s, background 0.2s;
}
.bs-menu-toggle:hover,
.bs-menu-toggle[aria-expanded="true"] {
border-color: var(--bs-accent);
background: rgba(255, 77, 0, 0.06);
} .bs-menu {
display: none;
flex-direction: column;
list-style: none;
position: absolute;
top: var(--bs-nav-h);
left: 0;
right: 0;
background-color: #09090f;
padding: 0.75rem 1.5rem 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
gap: 0.15rem;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
}
.bs-menu.is-open {
display: flex;
} .bs-menu > li > a {
display: block;
color: rgba(244, 244, 248, 0.82);
text-decoration: none;
font-family: var(--bs-font-body);
font-size: 0.88rem;
font-weight: 500;
padding: 0.55rem 0.75rem;
border-radius: 4px;
transition: color 0.18s;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.bs-menu > li > a:hover,
.bs-menu > li > a:focus {
color: var(--bs-white);
outline: none;
}
.bs-menu > li.current-menu-item > a,
.bs-menu > li.current-menu-ancestor > a {
color: var(--bs-accent);
} .bs-submenu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--bs-gray);
cursor: pointer;
width: 28px;
height: 28px;
border-radius: 4px;
font-size: 1.1rem;
line-height: 1;
margin-left: auto;
flex-shrink: 0;
transition: color 0.2s, border-color 0.2s, transform 0.2s;
}
.menu-item-has-children.is-open > .bs-submenu-toggle {
color: var(--bs-accent);
border-color: rgba(255, 77, 0, 0.3);
transform: rotate(90deg);
} .bs-menu > li {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.bs-menu > li > a {
flex: 1;
} .bs-mega {
display: none;
} .bs-menu > li.is-open > .bs-mega {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
position: static;
background: rgba(255, 255, 255, 0.02);
border: none;
border-left: 2px solid rgba(255, 77, 0, 0.25);
border-radius: 0;
padding: 0.5rem 0 0.5rem 1rem;
box-shadow: none;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.bs-menu > li.is-open > .bs-mega .bs-mega__col {
padding: 0.5rem 0;
border: none;
}
.bs-menu > li.is-open > .bs-mega .bs-mega__col-title {
font-family: var(--bs-font-label);
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--bs-white);
opacity: 0.75;
margin-bottom: 0.4rem;
padding-bottom: 0;
border: none;
display: block;
}
.bs-menu > li.is-open > .bs-mega ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 0;
}
.bs-menu > li.is-open > .bs-mega ul a {
display: block;
color: rgba(240, 240, 245, 0.5);
text-decoration: none;
font-size: 0.83rem;
padding: 0.3rem 0;
transition: color 0.15s;
}
.bs-menu > li.is-open > .bs-mega ul a:hover {
color: var(--bs-white);
} @media (min-width: 769px) {
.bs-menu-toggle {
display: none;
} .bs-submenu-toggle {
display: none;
} .bs-menu > li {
display: block;
}
.bs-menu > li > a {
flex: unset;
}
.bs-menu {
display: flex;
flex-direction: row;
align-items: center;
position: static;
background: none;
padding: 0;
border: none;
gap: 0;
box-shadow: none;
}
.bs-menu > li {
position: relative;
} .bs-menu > li > a {
font-size: 0.83rem;
padding: 0 1rem;
height: var(--bs-nav-h);
display: flex;
align-items: center;
border-radius: 0;
position: relative;
} .bs-menu > li + li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 16px;
background: rgba(255, 255, 255, 0.1);
pointer-events: none;
} .bs-menu > li > a::after {
content: '';
position: absolute;
bottom: 0;
left: 1rem;
right: 1rem;
height: 2px;
background: var(--bs-accent);
transform: scaleX(0);
transition: transform 0.2s ease;
}
.bs-menu > li > a:hover::after,
.bs-menu > li:focus-within > a::after,
.bs-menu > li.current-menu-item > a::after,
.bs-menu > li.current-menu-ancestor > a::after {
transform: scaleX(1);
}
.bs-menu > li > a:hover,
.bs-menu > li:focus-within > a {
color: var(--bs-white);
} .bs-menu > li:hover .bs-mega,
.bs-menu > li:focus-within .bs-mega {
display: grid;
} .bs-mega {
position: absolute;
top: calc(100% + 1px);
left: 50%;
transform: translateX(-50%);
background-color: #0d0d1a;
border: 1px solid rgba(255, 255, 255, 0.06);
border-top: 2px solid var(--bs-accent);
border-radius: 0 0 8px 8px;
padding: 2rem 2.5rem;
min-width: 640px;
z-index: 1001;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
} .bs-mega__col {
padding: 0 2rem;
border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.bs-mega__col:first-child {
padding-left: 0;
}
.bs-mega__col:last-child {
padding-right: 0;
border-right: none;
} .bs-mega__col-title {
display: flex;
align-items: center;
gap: 0.5rem;
font-family: var(--bs-font-label);
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2.5px;
color: var(--bs-white);
margin-bottom: 1rem;
padding-bottom: 0.6rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bs-mega__col-title svg {
flex-shrink: 0;
opacity: 0.85;
} .bs-mega ul {
list-style: none;
display: flex;
flex-direction: column;
}
.bs-mega ul li {
margin: 0;
}
.bs-mega ul a {
display: flex;
align-items: center;
gap: 0.5rem;
color: rgba(244, 244, 248, 0.82);
text-decoration: none;
font-size: 0.92rem;
font-weight: 400;
padding: 0.4rem 0;
transition: color 0.15s, padding-left 0.15s;
border-bottom: none;
white-space: nowrap;
}
.bs-mega ul a:hover {
color: var(--bs-white);
padding-left: 0.3rem;
} .bs-mega ul a::before {
content: '›';
color: var(--bs-accent);
opacity: 0.5;
transition: opacity 0.15s;
font-size: 1rem;
line-height: 1;
}
.bs-mega ul a:hover::before {
opacity: 1;
}
}.bs-footer {
background-color: #07070d;
margin-top: 5rem;
} .bs-footer__accent {
height: 2px;
background: linear-gradient(90deg, var(--bs-accent) 0%, var(--bs-accent2) 50%, transparent 100%);
}
.bs-footer__inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 2rem;
} .bs-footer__upper {
display: flex;
flex-direction: column;
gap: 3rem;
padding: 3.5rem 0 3rem;
} .bs-footer__logo {
display: inline-block;
font-family: var(--bs-font-heading);
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--bs-white);
text-decoration: none;
margin-bottom: 0.9rem;
}
.bs-footer__logo span {
color: var(--bs-accent);
}
.bs-footer__tagline {
font-size: 0.83rem;
color: rgba(138, 138, 154, 0.7);
line-height: 1.75;
max-width: 240px;
margin-bottom: 1.25rem;
} .bs-badge--age {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid #ef4444;
background: rgba(239,68,68,.1);
font-family: var(--bs-font-heading);
font-size: 0.95rem;
font-weight: 700;
color: #ef4444;
letter-spacing: 0;
margin-bottom: 1rem;
flex-shrink: 0;
} .bs-footer__rg-badges {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 0.5rem;
margin-top: 0.75rem;
align-items: center;
}
.bs-trust-badge {
display: inline-block;
opacity: 0.72;
transition: opacity 0.18s, transform 0.18s;
flex-shrink: 0;
text-decoration: none;
border-radius: 5px;
overflow: hidden;
}
.bs-trust-badge:hover {
opacity: 1;
transform: translateY(-1px);
}
.bs-trust-badge svg {
display: block;
height: 42px;
width: auto;
max-width: 120px;
} .bs-footer__hotline {
margin-top: 1rem;
font-size: 0.78rem;
color: rgba(190,190,205,0.7);
line-height: 1.6;
}
.bs-footer__hotline a {
color: var(--bs-white);
text-decoration: none;
font-weight: 600;
}
.bs-footer__hotline a:hover {
color: var(--bs-accent);
} .bs-footer__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem 2rem;
}
@media (min-width: 480px) {
.bs-footer__nav {
grid-template-columns: repeat(3, 1fr);
}
} .bs-footer__col-title {
font-family: var(--bs-font-label);
font-size: 0.65rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2.5px;
color: var(--bs-white);
opacity: 0.6;
margin-bottom: 1rem;
padding-bottom: 0.6rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.bs-footer__col ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.bs-footer__col a {
display: block;
color: rgba(190, 190, 205, 0.75);
text-decoration: none;
font-size: 0.88rem;
padding: 0.3rem 0;
transition: color 0.15s;
}
.bs-footer__col a:hover {
color: var(--bs-white);
}
.bs-footer__more {
color: var(--bs-accent) !important;
font-size: 0.78rem !important;
margin-top: 0.25rem;
opacity: 0.85;
}
.bs-footer__more:hover {
opacity: 1;
} .bs-footer__divider {
height: 1px;
background: rgba(255, 255, 255, 0.05);
} .bs-footer__bottom {
display: flex;
flex-direction: column;
gap: 0.4rem;
padding: 1.5rem 0;
text-align: center;
}
.bs-footer__copy,
.bs-footer__legal {
font-size: 0.8rem;
color: rgba(190, 190, 205, 0.6);
line-height: 1.6;
}
.bs-footer__legal a {
color: rgba(190, 190, 205, 0.75);
text-decoration: none;
border-bottom: 1px solid rgba(190, 190, 205, 0.2);
transition: color 0.15s;
}
.bs-footer__legal a:hover {
color: var(--bs-white);
} @media (min-width: 640px) {
.bs-footer__nav {
grid-template-columns: repeat(5, 1fr);
}
} @media (min-width: 900px) {
.bs-footer__upper {
flex-direction: row;
align-items: flex-start;
gap: 4rem;
}
.bs-footer__brand {
flex-shrink: 0;
width: 200px;
}
.bs-footer__nav {
flex: 1;
grid-template-columns: repeat(5, 1fr);
gap: 0;
} .bs-footer__col {
padding: 0 2rem;
border-right: 1px solid rgba(255, 255, 255, 0.04);
}
.bs-footer__col:first-child {
padding-left: 0;
}
.bs-footer__col:last-child {
padding-right: 0;
border-right: none;
}
.bs-footer__bottom {
flex-direction: row;
justify-content: space-between;
align-items: center;
text-align: left;
}
}@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600&family=Barlow:wght@300;400;500;600&display=swap");
:root{
--bg:#0a0a12;--card:#12121e;--card-b:rgba(255,255,255,.06);
--accent:#ff4d00;--accent2:#ff8c00;--gold:#ffd700;
--green:#00c853;--red:#ef4444;
--white:#f0f0f5;--gray:#8a8a9a;--dark:#1a1a2e;
--r:8px;--rl:12px;--mw:900px
} body.single-post,body.page{background:var(--bg)} .bs-breadcrumb{font-family:'Barlow Condensed',sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-bottom:1.25rem;padding-top:.5rem}
.bs-breadcrumb a{color:var(--gray);text-decoration:none}
.bs-breadcrumb a:hover{color:var(--accent)}
.bs-breadcrumb span[aria-current]{color:var(--white)} .entry-content h1:first-child,
.entry-content .hero h1,
.entry-content .c>.hero h1,
.tpl-glossary .article-header{display:none} .bs-page-hero{background:#1a1a2e;padding:4.5rem 1.5rem 4rem;width:100%;text-align:center;border-top:1px solid rgba(255,77,0,.25);border-bottom:3px solid #ff4d00}
.bs-page-hero__inner{max-width:860px;margin:0 auto}
.bs-page-hero__label{font-family:'Barlow Condensed',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:1rem;display:block;opacity:.9}
.bs-page-hero__title{font-family:'Oswald',sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;color:var(--white);margin:0}
.bs-page-hero__accent,.bs-article-hero__accent{color:var(--accent)}
.entry-content{color:var(--white);font-family:'Barlow',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.85;font-size:17px;padding:2rem 0}
.bs-main:not(.bs-main--wide) .entry-content{max-width:var(--mw);margin:0 auto;padding:2rem 1.5rem} .entry-content .c{max-width:var(--mw);margin:0 auto;padding:0 1.5rem} .entry-content .hero{padding:3rem 0 2.5rem;border-bottom:1px solid var(--card-b)}
.entry-content .hero h1{font-family:'Oswald',sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;text-transform:uppercase;letter-spacing:-1px;line-height:1.1;color:var(--white)}
.entry-content .a{color:var(--accent)} .entry-content h1{font-family:'Oswald',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;text-transform:uppercase;letter-spacing:-1px;line-height:1.15;color:var(--white);margin:0 0 1.5rem}
.entry-content h2{font-family:'Oswald',sans-serif;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600;text-transform:uppercase;letter-spacing:-.5px;margin:3rem 0 1.2rem;color:var(--white)}
.entry-content h2 .a{color:var(--accent)}
.entry-content h3{font-family:'Oswald',sans-serif;font-size:1.15rem;font-weight:500;text-transform:uppercase;margin:1.8rem 0 .8rem;color:var(--white)}
.entry-content h3 .a{color:var(--accent)} .entry-content p{margin-bottom:1.25rem;color:rgba(244,244,248,.95)}
.entry-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.entry-content a:hover{border-bottom-color:var(--accent)}
.entry-content strong{color:var(--white);font-weight:600}
.entry-content ul,.entry-content ol{margin-bottom:1.25rem;padding-left:1.5rem}
.entry-content li{margin-bottom:.5rem;color:rgba(244,244,248,.95)} .entry-content .kta{background:linear-gradient(135deg,rgba(255,77,0,.08),rgba(255,140,0,.04));border:1px solid rgba(255,77,0,.2);border-radius:var(--rl);padding:1.5rem 2rem;margin:2rem 0}
.entry-content .kta h2{font-size:1rem;color:var(--accent);margin:0 0 .8rem;padding:0;border:none;letter-spacing:2px}
.entry-content .kta ul{margin:0;padding-left:1.25rem}
.entry-content .kta li{font-size:1rem;color:rgba(244,244,248,.97)} .entry-content .toc{background:var(--card);border:1px solid var(--card-b);border-radius:var(--r);padding:1.25rem 1.5rem;margin-bottom:2.5rem}
.entry-content .toc h2{font-size:.85rem;margin:0 0 .75rem;padding:0;border:none;color:var(--gray);letter-spacing:3px}
.entry-content .toc ol{padding-left:1.25rem;margin:0}
.entry-content .toc li{margin-bottom:.35rem;font-size:.95rem}
.entry-content .toc a{color:var(--white);border:none}
.entry-content .toc a:hover{color:var(--accent)} .entry-content .co{background:linear-gradient(135deg,rgba(255,215,0,.06),rgba(255,140,0,.03));border:1px solid rgba(255,215,0,.15);border-radius:var(--rl);padding:1.5rem 2rem;margin:1.5rem 0 2rem}
.entry-content .co-l{font-family:'Barlow Condensed',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:var(--gold);margin-bottom:.5rem;display:block}
.entry-content .co p{margin:0;font-size:1rem} .entry-content .fm{background:var(--dark);border:1px solid var(--card-b);border-radius:var(--rl);padding:2rem;margin:2rem 0;text-align:center}
.entry-content .fm-f{font-family:'JetBrains Mono','Fira Code',monospace;font-size:clamp(1rem,3vw,1.3rem);font-weight:500;color:var(--gold);margin-bottom:.75rem}
.entry-content .fm-l{font-size:.95rem;color:var(--gray);margin:0;line-height:1.6} .entry-content .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:var(--r);border:1px solid var(--card-b);display:block;width:100%}
.entry-content table{width:100%;border-collapse:collapse;font-size:.95rem} .entry-content .tw>table{width:auto;min-width:100%} .entry-content .hero{display:none}
.entry-content thead th{background:var(--dark);color:var(--white);font-family:'Barlow Condensed',sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;padding:.75rem 1rem;text-align:left;border-bottom:2px solid var(--accent)}
.entry-content tbody td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(240,240,245,.8)}
.entry-content tbody tr:nth-child(even){background:rgba(255,255,255,.015)}
.entry-content tbody tr:hover{background:rgba(255,77,0,.04)}
.entry-content .pos{color:var(--green);font-weight:600}
.entry-content .neg{color:var(--red);font-weight:600}
.entry-content .win td{color:var(--green);font-weight:600} .entry-content .ex{background:var(--card);border:1px solid var(--card-b);border-radius:var(--rl);padding:1.5rem 2rem;margin:1.5rem 0}
.entry-content .ex-n{font-size:.9rem;color:var(--gray);margin-top:1rem;margin-bottom:0;font-style:italic} .entry-content .ch{background:var(--card);border:1px solid var(--card-b);border-radius:var(--rl);padding:.5rem .25rem;margin:2rem 0;overflow:hidden}
.entry-content .ch svg{width:100%;height:auto;display:block;min-height:0}
.entry-content .ch-l{font-family:'Barlow Condensed',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:var(--gray);margin-bottom:.5rem;display:block;padding:0 .5rem} @media (max-width:480px){
.entry-content .ch svg text,.entry-content .chart svg text,.tpl-glossary .chart svg text{font-size:20px}
}
@media (min-width:640px){
.entry-content .ch{padding:1.5rem}
.entry-content .ch-l{padding:0;margin-bottom:.75rem}
} .entry-content .sr{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:2rem 0} .entry-content .sr:has(>.sc:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
.entry-content .sc{background:var(--card);border:1px solid var(--card-b);border-radius:var(--r);padding:1.25rem;text-align:center;transition:border-color .3s}
.entry-content .sc:hover{border-color:rgba(255,77,0,.3)}
.entry-content .sc-n{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;line-height:1}
.entry-content .sc-l{font-family:'Barlow Condensed',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-top:.4rem} .entry-content .steps{margin:1.5rem 0 2rem}
.entry-content .step{display:flex;gap:1.25rem;margin-bottom:1.5rem;align-items:flex-start}
.entry-content .sn{flex-shrink:0;width:42px;height:42px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:1.1rem}
.entry-content .step h3{margin-top:0;margin-bottom:.4rem}
.entry-content .step p{margin:0;font-size:1rem} .entry-content .mc{background:var(--card);border:1px solid var(--card-b);border-radius:var(--rl);overflow:hidden;margin:2rem 0}
.entry-content .mc-h{background:var(--dark);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}
.entry-content .mc-h h3{margin:0;font-size:1rem}
.entry-content .mc-lg{font-family:'Barlow Condensed',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}
.entry-content .mc-o{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1.25rem 1.5rem}
.entry-content .oc{text-align:center;padding:1rem;border-radius:var(--r);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04)}
.entry-content .oc.val{border-color:rgba(0,200,83,.3);background:rgba(0,200,83,.05)}
.entry-content .oc-t{font-family:'Barlow Condensed',sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-bottom:.4rem}
.entry-content .oc-c{font-family:'Oswald',sans-serif;font-size:1.8rem;font-weight:700}
.entry-content .oc.val .oc-c{color:var(--green)}
.entry-content .oc-p{font-size:.8rem;color:var(--gray);margin-top:.3rem}
.entry-content .oc-e{font-size:.85rem;font-weight:600;margin-top:.3rem}
.entry-content .mc-a{padding:1.25rem 1.5rem;border-top:1px solid var(--card-b)}
.entry-content .mc-a p{margin:0;font-size:.95rem} .entry-content .ml{margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}
.entry-content .mi{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 1rem;border-left:3px solid var(--red);border-radius:0 var(--r) var(--r) 0}
.entry-content .mn{flex-shrink:0;width:24px;height:24px;background:var(--red);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:.75rem;margin-top:.2rem}
.entry-content .mi h3{margin:0 0 .3rem!important;font-size:.95rem!important}
.entry-content .mi p{margin:0;font-size:.9rem;color:var(--gray)} .entry-content .pc{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.entry-content .pro,.entry-content .con{border-radius:var(--rl);padding:1.5rem;border:1px solid}
.entry-content .pro{background:rgba(0,200,83,.04);border-color:rgba(0,200,83,.15)}
.entry-content .con{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.15)}
.entry-content .pro h3{color:var(--green);margin-top:0}
.entry-content .con h3{color:var(--red);margin-top:0} .entry-content .faq{margin:2rem 0}
.entry-content .faq details,
.entry-content>details{background:var(--card);border:1px solid var(--card-b);border-radius:var(--r);margin-bottom:.75rem;overflow:hidden;transition:border-color .3s}
.entry-content .faq details:hover,
.entry-content>details:hover{border-color:rgba(255,77,0,.2)}
.entry-content .faq summary,
.entry-content>details>summary{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;-webkit-user-select:none;user-select:none;font-family:'Oswald',sans-serif;font-size:1rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px}
.entry-content .faq summary::-webkit-details-marker,
.entry-content>details>summary::-webkit-details-marker{display:none}
.entry-content .faq summary::marker,
.entry-content>details>summary::marker{display:none}
.entry-content .faq summary h3{margin:0;font-size:1rem;flex:1;padding-right:1rem}
.entry-content .faq summary::after,
.entry-content>details>summary::after{content:'+';font-family:'Oswald',sans-serif;font-size:1.4rem;color:var(--accent);flex-shrink:0;width:28px;height:28px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s}
.entry-content .faq details[open] summary::after,
.entry-content>details[open]>summary::after{content:'\2212';transform:rotate(180deg)}
.entry-content .faq .fa{padding:0 1.5rem 1.25rem}
.entry-content .faq .fa p{margin:0;font-size:.95rem;color:var(--gray);line-height:1.75}
.entry-content>details>p{padding:.25rem 1.5rem 1.25rem;margin:0;font-size:.95rem;color:var(--gray);line-height:1.75} @media(max-width:768px){
.entry-content .sr,.entry-content .mc-o{grid-template-columns:1fr}
.entry-content .c{padding:0 1rem}
.entry-content .pc{grid-template-columns:1fr}
}
@media(max-width:480px){
.entry-content .step{flex-direction:column;gap:.75rem}
}  .bs-rechnik-content .entry-content{padding-top:1rem}
.bs-rechnik-content .tpl-glossary .content-body>h2:first-child{margin-top:1rem}
.tpl-glossary{max-width:var(--mw);margin:0 auto;padding:0 1.5rem 3rem}
.tpl-glossary .article-header{padding:2rem 0 1.5rem;border-bottom:1px solid var(--card-b);margin-bottom:2rem}
.tpl-glossary .article-header h1{font-family:'Oswald',sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;text-transform:uppercase;letter-spacing:-1px;line-height:1.15;color:var(--white);margin:0 0 .75rem}
.tpl-glossary .term-meta{font-family:'Barlow Condensed',sans-serif;font-size:.82rem;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin:0}
.tpl-glossary .term-meta em{font-style:normal}
.tpl-glossary .content-body{color:rgba(244,244,248,.95);font-size:17px;line-height:1.85}
.tpl-glossary .content-body h2{font-family:'Oswald',sans-serif;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:600;text-transform:uppercase;letter-spacing:-.5px;margin:2.5rem 0 1rem;color:var(--white)}
.tpl-glossary .content-body h2 .a{color:var(--accent)}
.tpl-glossary .content-body h3{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:500;text-transform:uppercase;margin:1.5rem 0 .75rem;color:var(--white)}
.tpl-glossary .content-body p{margin-bottom:1.25rem}
.tpl-glossary .content-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.tpl-glossary .content-body a:hover{border-bottom-color:var(--accent)}
.tpl-glossary .content-body strong{color:var(--white);font-weight:600}
.tpl-glossary .content-body ul,.tpl-glossary .content-body ol{margin-bottom:1.25rem;padding-left:1.5rem}
.tpl-glossary .content-body li{margin-bottom:.5rem} .entry-content .example-box,.tpl-glossary .example-box{background:var(--card);border:1px solid var(--card-b);border-radius:var(--rl);padding:1.5rem 2rem;margin:1.5rem 0}
.entry-content .example-box p,.tpl-glossary .example-box p{margin-bottom:.75rem;font-size:.97rem}
.entry-content .example-box p:last-child,.tpl-glossary .example-box p:last-child{margin-bottom:0} .entry-content .chart,.tpl-glossary .chart{background:var(--card);border:1px solid var(--card-b);border-radius:var(--rl);padding:.5rem .25rem;margin:2rem 0;width:100%;box-sizing:border-box;overflow:hidden}
.entry-content .chart svg,.tpl-glossary .chart svg{width:100%!important;height:auto!important;display:block!important;min-height:0!important}
@media (min-width:640px){
.entry-content .chart,.tpl-glossary .chart{padding:1.5rem}
} .tpl-glossary .related-terms{list-style:none;padding:0;margin:1rem 0;display:flex;flex-wrap:wrap;gap:.5rem}
.tpl-glossary .related-terms li{margin:0}
.tpl-glossary .related-terms a{display:inline-block;background:var(--card);border:1px solid var(--card-b);border-radius:var(--r);padding:.3rem .85rem;font-family:'Barlow Condensed',sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--gray);text-decoration:none;transition:border-color .2s,color .2s}
.tpl-glossary .related-terms a:hover{border-color:rgba(255,77,0,.3);color:var(--white)} .tpl-glossary .faq{margin:2rem 0}
.tpl-glossary .faq details{background:var(--card);border:1px solid var(--card-b);border-radius:var(--r);margin-bottom:.75rem;overflow:hidden}
.tpl-glossary .faq details:hover{border-color:rgba(255,77,0,.2)}
.tpl-glossary .faq summary{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;font-family:'Oswald',sans-serif;font-size:1rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px}
.tpl-glossary .faq summary::-webkit-details-marker,.tpl-glossary .faq summary::marker{display:none}
.tpl-glossary .faq summary::after{content:'+';font-family:'Oswald',sans-serif;font-size:1.4rem;color:var(--accent);flex-shrink:0;width:28px;height:28px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center}
.tpl-glossary .faq details[open] summary::after{content:'\2212'}
.tpl-glossary .faq details p{padding:.25rem 1.5rem 1.25rem;margin:0;font-size:.95rem;color:var(--gray);line-height:1.75}
@media(max-width:768px){
.tpl-glossary{padding:0 1rem 2rem}
} .bs-service-page{max-width:860px;margin:0 auto;padding:2.5rem 1.25rem 4rem}
.bs-service-page h1{font-family:Oswald,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;color:#f0f0f5;margin-bottom:.5rem}
.bs-service-page h2{font-family:Oswald,sans-serif;font-size:1.3rem;text-transform:uppercase;color:#ff8c00;margin:2.2rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}
.bs-service-page h3{font-size:1rem;color:#f0f0f5;margin:1.5rem 0 .5rem;font-weight:600}
.bs-service-page p,.bs-service-page li{color:#c0c0d0;line-height:1.75;font-size:.97rem}
.bs-service-page ul,.bs-service-page ol{padding-left:1.4rem;margin:.5rem 0 1rem}
.bs-service-page li{margin-bottom:.35rem}
.bs-service-page a{color:#ff8c00;text-decoration:none}
.bs-service-page a:hover{text-decoration:underline}
.bs-service-page__meta{color:#8a8a9a;font-size:.85rem;margin-bottom:.5rem}
.bs-service-page__lead{font-size:1.05rem;color:#d0d0e0;line-height:1.8;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.06)} .bs-legal-toc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2.5rem}
.bs-legal-toc ol{margin:.4rem 0 0;padding-left:1.4rem}
.bs-legal-toc li{margin-bottom:.25rem;font-size:.9rem}
.bs-legal-toc a{color:#8a8a9a}
.bs-legal-toc a:hover{color:#ff8c00} .bs-legal-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.88rem}
.bs-legal-table th{background:rgba(255,77,0,.15);color:#ff8c00;text-align:left;padding:.6rem .8rem;font-weight:600}
.bs-legal-table td{padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.06);color:#c0c0d0;vertical-align:top}
.bs-legal-table tr:last-child td{border-bottom:none}
@media(max-width:600px){.bs-legal-table{display:block;overflow-x:auto}} .bs-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2.5rem}
@media(max-width:640px){.bs-contact-grid{grid-template-columns:1fr}}
.bs-contact-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.25rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}
.bs-contact-card__icon{font-size:1.5rem;margin-bottom:.2rem}
.bs-contact-card__label{font-family:Oswald,sans-serif;font-size:1rem;text-transform:uppercase;color:#f0f0f5;margin:0}
.bs-contact-card__val{margin:.25rem 0 0;font-size:.95rem}
.bs-contact-card__val a{color:#ff4d00;font-weight:600}
.bs-contact-card__desc{margin:0;font-size:.83rem;color:#8a8a9a} .bs-contact-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.bs-contact-form__row{display:flex;flex-direction:column;gap:.4rem}
.bs-contact-form__row label{font-size:.82rem;color:#8a8a9a;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.bs-contact-form input,.bs-contact-form select,.bs-contact-form textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#f0f0f5;padding:.75rem 1rem;font-family:Barlow,sans-serif;font-size:.95rem;width:100%;box-sizing:border-box}
.bs-contact-form input:focus,.bs-contact-form select:focus,.bs-contact-form textarea:focus{outline:none;border-color:#ff4d00;background:rgba(255,77,0,.05)}
.bs-contact-form select option{background:#12121e}
.bs-contact-form textarea{resize:vertical;min-height:130px}
.bs-contact-form__submit{align-self:flex-start;margin-top:.5rem} .bs-faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:.75rem;overflow:hidden}
.bs-faq-item summary{padding:1rem 1.25rem;cursor:pointer;color:#f0f0f5;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}
.bs-faq-item summary::-webkit-details-marker{display:none}
.bs-faq-item summary::after{content:'+';color:#ff4d00;font-size:1.2rem;font-weight:700;flex-shrink:0}
.bs-faq-item[open] summary::after{content:'−'}
.bs-faq-item p{padding:.25rem 1.25rem 1rem;margin:0;color:#c0c0d0;font-size:.93rem;line-height:1.7} .entry-content .bs-service-page{padding:0} .bs-blog-index{max-width:960px;margin:0 auto;padding:2.5rem 1.25rem 4rem}
.bs-blog-index__header{margin-bottom:2.5rem}
.bs-blog-index__title{font-family:Oswald,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;color:#f0f0f5;margin-bottom:.5rem}
.bs-blog-index__sub{color:#8a8a9a;font-size:1rem}
.bs-blog-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.bs-blog-index__empty{text-align:center;padding:4rem 1rem;color:#8a8a9a}
.bs-blog-index__empty p{margin-bottom:1.5rem}
.bs-blog-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}
.bs-blog-card:hover{border-color:rgba(255,77,0,.4);transform:translateY(-2px)}
.bs-blog-card__thumb img{width:100%;height:180px;object-fit:cover;display:block}
.bs-blog-card__body{padding:1.25rem}
.bs-blog-card__date{font-size:.78rem;color:#8a8a9a;text-transform:uppercase;letter-spacing:.05em}
.bs-blog-card__title{font-family:Oswald,sans-serif;font-size:1.1rem;margin:.5rem 0 .75rem;line-height:1.3;text-transform:uppercase}
.bs-blog-card__title a{color:#f0f0f5;text-decoration:none}
.bs-blog-card__title a:hover{color:#ff8c00}
.bs-blog-card__excerpt{color:#8a8a9a;font-size:.88rem;line-height:1.6;margin-bottom:1rem}
.bs-blog-card__more{color:#ff4d00;font-size:.88rem;font-weight:600;text-decoration:none}
.bs-blog-card__more:hover{color:#ff8c00}
@media(max-width:600px){.bs-blog-index__grid{grid-template-columns:1fr}}