.bnc-page {
--bnc-bg: #07090f;
--bnc-bg-2: #0c0f1a;
--bnc-surface: #111827;
--bnc-surface-2: #151c2e;
--bnc-surface-3: #1a2236;
--bnc-border: rgba(255,255,255,.09);
--bnc-border-gold: rgba(245,158,11,.24);
--bnc-text: #e2e8f0;
--bnc-muted: #94a3b8;
--bnc-dim: #cbd5e1;
--bnc-white: #fff;
--bnc-gold: #f59e0b;
--bnc-gold-2: #d97706;
--bnc-gold-light: #fcd34d;
--bnc-green: #10b981;
--bnc-red: #ef4444;
--bnc-radius: 18px;
--bnc-radius-sm: 12px;
--bnc-shadow: 0 12px 40px rgba(0,0,0,.35);
--bnc-shadow-soft: 0 8px 28px rgba(15,23,42,.10);
--bnc-ease: .24s ease;
background: var(--bnc-bg);
color: var(--bnc-text);
padding-bottom: 54px;
}
.bnc-page *,
.bnc-page *::before,
.bnc-page *::after {
box-sizing: border-box;
}
.bnc-container {
width: min(1180px, calc(100% - 32px));
margin: 0 auto;
} .bnc-hero {
position: relative;
overflow: hidden;
padding: 30px 0 36px;
background:
radial-gradient(circle at 88% 12%, rgba(245,158,11,.16), transparent 30%),
radial-gradient(circle at 18% 80%, rgba(16,185,129,.06), transparent 28%),
linear-gradient(145deg, #101827 0%, #07090f 100%);
border-bottom: 1px solid var(--bnc-border);
}
.bnc-hero::after {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
background-size: 42px 42px;
opacity: .45;
pointer-events: none;
}
.bnc-hero > .bnc-container {
position: relative;
z-index: 1;
}
.bnc-breadcrumb {
margin-bottom: 18px;
color: var(--bnc-muted);
font-size: .86rem;
}
.bnc-breadcrumb ol {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
margin: 0;
padding: 0;
}
.bnc-breadcrumb li {
display: inline-flex;
align-items: center;
gap: 7px;
}
.bnc-breadcrumb li:not(:last-child)::after {
content: '›';
color: rgba(203,213,225,.65);
}
.bnc-breadcrumb a {
color: var(--bnc-dim);
text-decoration: none;
}
.bnc-breadcrumb a:hover {
color: var(--bnc-gold);
}
.bnc-hero-grid {
display: grid;
grid-template-columns: 124px minmax(0, 1fr) 292px;
gap: 24px;
align-items: center;
}
.bnc-logo-box {
background: #fff;
border-radius: 18px;
min-height: 116px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
box-shadow: var(--bnc-shadow);
border: 1px solid rgba(255,255,255,.08);
}
.bnc-logo-box img {
max-width: 100%;
max-height: 88px;
object-fit: contain;
display: block;
}
.bnc-kicker {
display: inline-flex;
color: var(--bnc-gold-light);
border: 1px solid rgba(245,158,11,.28);
background: rgba(245,158,11,.10);
border-radius: 999px;
padding: 5px 12px;
font-size: .72rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .10em;
margin-bottom: 13px;
}
.bnc-hero h1 {
color: var(--bnc-white);
font-size: clamp(1.72rem, 4vw, 2.8rem);
line-height: 1.15;
margin: 0 0 12px;
font-weight: 900;
letter-spacing: -.025em;
}
.bnc-hero-intro {
color: var(--bnc-dim);
line-height: 1.72;
margin: 0;
max-width: 760px;
font-size: .98rem;
} .bnc-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.bnc-badge {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 34px;
border-radius: 999px;
padding: 7px 13px;
font-size: .78rem;
font-weight: 650;
line-height: 1.2;
letter-spacing: .01em;
text-transform: none;
white-space: nowrap;
color: #e5e7eb;
background: rgba(255,255,255,.075);
border: 1px solid rgba(255,255,255,.16);
}
.bnc-badge--green {
color: #8df5c8;
background: rgba(16,185,129,.12);
border-color: rgba(16,185,129,.42);
} .bnc-cta-card,
.bnc-card,
.bnc-return {
background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)), var(--bnc-surface);
border: 1px solid var(--bnc-border);
border-radius: var(--bnc-radius);
box-shadow: var(--bnc-shadow);
}
.bnc-cta-card {
padding: 18px;
}
.bnc-cta-label {
display: block;
color: var(--bnc-muted);
font-size: .66rem;
font-weight: 850;
text-transform: uppercase;
letter-spacing: .13em;
margin-bottom: 7px;
text-align: center;
}
.bnc-rating {
color: var(--bnc-white);
font-size: 2.06rem;
font-weight: 900;
text-align: center;
line-height: 1;
margin-bottom: 7px;
}
.bnc-rating small {
font-size: .8rem;
color: var(--bnc-muted);
font-weight: 650;
}
.bnc-bonus {
color: var(--bnc-white);
text-align: center;
font-weight: 850;
line-height: 1.35;
margin: 11px 0 15px;
}
.bnc-btn {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
border: 0;
border-radius: 999px;
padding: 13px 18px;
text-decoration: none !important;
font-weight: 900;
background: linear-gradient(135deg, var(--bnc-gold), var(--bnc-gold-2));
color: #09090b !important;
box-shadow: 0 8px 28px rgba(245,158,11,.28);
transition: transform var(--bnc-ease), box-shadow var(--bnc-ease), filter var(--bnc-ease);
}
.bnc-btn:hover {
transform: translateY(-2px);
box-shadow: 0 14px 36px rgba(245,158,11,.36);
filter: saturate(1.08);
}
.bnc-cta-note {
color: var(--bnc-muted);
font-size: .78rem;
line-height: 1.5;
text-align: center;
margin: 10px 0 0;
} .bnc-main {
display: grid;
gap: 24px;
padding-top: 30px;
align-items: start;
}
.bnc-main--with-sidebar {
grid-template-columns: minmax(0, 1fr) 320px;
}
.bnc-main--without-sidebar {
grid-template-columns: minmax(0, 1fr);
}
.bnc-article {
background: linear-gradient(145deg, var(--bnc-surface-2) 0%, var(--bnc-surface) 100%);
color: var(--bnc-dim);
border: 1px solid var(--bnc-border);
border-radius: var(--bnc-radius);
padding: clamp(22px, 4vw, 42px);
box-shadow: var(--bnc-shadow);
overflow: hidden;
}
.bnc-sidebar {
position: sticky;
top: 88px;
display: grid;
gap: 16px;
max-height: none;
overflow: visible;
padding-right: 0;
}
.bnc-card {
padding: 18px;
}
.bnc-card h2,
.bnc-card h3 {
color: var(--bnc-white);
font-size: 1.05rem;
margin: 0 0 14px;
line-height: 1.25;
} .bnc-article h1,
.bnc-article h2,
.bnc-article h3,
.bnc-article h4 {
color: var(--bnc-white);
line-height: 1.25;
}
.bnc-article h2 {
margin-top: 2.15em;
margin-bottom: .75em;
border-left: 5px solid var(--bnc-gold);
padding-left: 12px;
}
.bnc-article h2:first-child {
margin-top: 0;
}
.bnc-article h3 {
margin-top: 1.6em;
margin-bottom: .55em;
}
.bnc-article p,
.bnc-article li {
line-height: 1.76;
}
.bnc-article p {
margin-bottom: 1.1em;
}
.bnc-article a {
color: var(--bnc-gold);
font-weight: 650;
text-decoration: underline;
text-underline-offset: 3px;
}
.bnc-article a:hover {
color: var(--bnc-gold-2);
}
.bnc-article blockquote {
background: rgba(245,158,11,.08);
border-left: 4px solid var(--bnc-gold);
border-radius: 0 12px 12px 0;
color: var(--bnc-dim);
margin: 22px 0;
padding: 16px 18px;
}
.bnc-article blockquote p:last-child {
margin-bottom: 0;
}
.bnc-article code {
background: rgba(255,255,255,.06);
color: var(--bnc-text);
border-radius: 6px;
padding: 2px 6px;
font-size: .9em;
} .bnc-article .wp-block-table {
width: 100%;
max-width: 100%;
margin: 24px 0;
overflow: visible;
}
.bnc-article table {
width: 100%;
max-width: 100%;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid var(--bnc-border) !important;
border-radius: 12px !important;
overflow: hidden !important;
background: var(--bnc-surface);
margin: 0;
font-size: .94rem;
}
.bnc-article th,
.bnc-article td {
border: 0 !important;
border-right: 1px solid var(--bnc-border) !important;
border-bottom: 1px solid var(--bnc-border) !important;
padding: 11px 13px;
vertical-align: top;
color: var(--bnc-dim);
white-space: normal;
overflow-wrap: anywhere;
}
.bnc-article th {
background: rgba(255,255,255,.04) !important;
color: var(--bnc-white) !important;
text-align: left;
font-weight: 800;
}
.bnc-article tr:nth-child(even) td {
background: rgba(255,255,255,.02);
}
.bnc-article th:last-child,
.bnc-article td:last-child {
border-right: 0 !important;
}
.bnc-article tr:last-child th,
.bnc-article tr:last-child td {
border-bottom: 0 !important;
}
.bnc-article tr:first-child th:first-child,
.bnc-article tr:first-child td:first-child {
border-top-left-radius: 12px !important;
}
.bnc-article tr:first-child th:last-child,
.bnc-article tr:first-child td:last-child {
border-top-right-radius: 12px !important;
}
.bnc-article tr:last-child th:first-child,
.bnc-article tr:last-child td:first-child {
border-bottom-left-radius: 12px !important;
}
.bnc-article tr:last-child th:last-child,
.bnc-article tr:last-child td:last-child {
border-bottom-right-radius: 12px !important;
} @media (max-width: 640px) {
.bnc-article .wp-block-table {
width: 100%;
max-width: 100%;
overflow: visible;
}
.bnc-article table,
.bnc-article tbody,
.bnc-article tr,
.bnc-article td {
display: block;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
table-layout: auto !important;
}
.bnc-article thead { display: none; }
.bnc-article tr {
margin-bottom: 14px;
border: 1px solid var(--bnc-border) !important;
border-radius: 10px !important;
overflow: hidden;
}
.bnc-article tr:last-child { margin-bottom: 0; }
.bnc-article tr:nth-child(even) td { background: rgba(255,255,255,.035); }
.bnc-article th,
.bnc-article td {
border: 0 !important;
border-bottom: 1px solid var(--bnc-border) !important;
padding: 11px 14px;
text-align: left;
word-break: break-word;
}
.bnc-article tr td:last-child,
.bnc-article tr th:last-child {
border-bottom: 0 !important;
}
.bnc-article td::before,
.bnc-article th::before {
content: attr(data-label);
display: block;
font-weight: 800;
font-size: .68rem;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--bnc-gold);
margin-bottom: 4px;
}
} @media (max-width: 640px) {
.bnc-article > table {
display: block;
width: 100%;
}
} .bnc-facts {
display: grid;
gap: 10px;
margin: 0;
}
.bnc-fact {
gap: 5px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(203,213,225,.12);
}
.bnc-fact:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.bnc-fact dt {
color: #cbd5e1;
font-size: .90rem;
line-height: 1.35;
text-transform: uppercase;
letter-spacing: .085em;
font-weight: 750;
}
.bnc-fact dd {
color: #eef2f7;
margin: 0;
font-size: .84rem;
font-weight: 450;
line-height: 1.55;
word-break: normal;
overflow-wrap: anywhere;
}
.bnc-fact dd br,
.bnc-fact dd span {
font-weight: inherit;
}
@media (min-width: 1024px) {
.bnc-card {
padding: 16px 18px;
}
.bnc-facts {
gap: 8px;
}
.bnc-fact {
gap: 4px;
padding-bottom: 9px;
}
.bnc-fact dd {
font-size: .88rem;
line-height: 1.45;
}
} .bnc-warning {
border-left: 4px solid var(--bnc-gold);
}
.bnc-warning p {
color: var(--bnc-dim);
margin: 0;
line-height: 1.65;
}
.bnc-warning a {
color: var(--bnc-gold);
}
.bnc-return {
margin-top: 26px;
text-align: center;
background: linear-gradient(135deg, var(--bnc-surface-2), var(--bnc-surface));
border: 1px solid var(--bnc-border);
padding: 26px;
}
.bnc-return h2 {
color: var(--bnc-white);
margin: 0 0 8px;
}
.bnc-return p {
color: var(--bnc-muted);
margin: 0 0 17px;
}
.bnc-return .bnc-btn {
max-width: 270px;
} .bnc-article .wp-block-rank-math-toc-block,
.bnc-article .rank-math-toc,
.bnc-article #ez-toc-container,
.bnc-article .ez-toc-container,
.bnc-article .lwptoc,
.bnc-article .simpletoc,
.bnc-article .toc,
.bnc-article .table-of-contents,
.bnc-article .wp-block-table-of-contents {
background: var(--bnc-surface) !important;
border: 1px solid var(--bnc-border) !important;
border-left: 4px solid var(--bnc-gold) !important;
border-radius: 14px !important;
color: var(--bnc-dim) !important;
margin: 0 0 28px !important;
padding: 18px 20px !important;
box-shadow: var(--bnc-shadow) !important;
width: 100% !important;
box-sizing: border-box !important;
}
.bnc-article .wp-block-rank-math-toc-block h2,
.bnc-article .wp-block-rank-math-toc-block h3,
.bnc-article .rank-math-toc h2,
.bnc-article .rank-math-toc h3,
.bnc-article #ez-toc-container .ez-toc-title,
.bnc-article #ez-toc-container .ez-toc-title-container,
.bnc-article .ez-toc-title,
.bnc-article .ez-toc-title-container,
.bnc-article .lwptoc_header,
.bnc-article .simpletoc-title,
.bnc-article .toc-title,
.bnc-article .table-of-contents h2,
.bnc-article .wp-block-table-of-contents h2 {
border: 0 !important;
color: var(--bnc-white) !important;
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1.35 !important;
margin: 0 0 12px !important;
padding: 0 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.bnc-article .wp-block-rank-math-toc-block ul,
.bnc-article .rank-math-toc ul,
.bnc-article #ez-toc-container ul,
.bnc-article .ez-toc-container ul,
.bnc-article .lwptoc_items,
.bnc-article .simpletoc-list,
.bnc-article .toc-list,
.bnc-article .table-of-contents ul,
.bnc-article .wp-block-table-of-contents ul,
.bnc-article #ez-toc-container ul.ez-toc-list,
.bnc-article #ez-toc-container ol.ez-toc-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.bnc-article .wp-block-rank-math-toc-block li,
.bnc-article .rank-math-toc li,
.bnc-article #ez-toc-container li,
.bnc-article .ez-toc-container li,
.bnc-article .lwptoc_item,
.bnc-article .simpletoc-list li,
.bnc-article .toc-list li,
.bnc-article .table-of-contents li,
.bnc-article .wp-block-table-of-contents li {
border-top: 1px solid var(--bnc-border) !important;
line-height: 1.45 !important;
margin: 0 !important;
padding: 8px 0 !important;
color: var(--bnc-dim) !important;
}
.bnc-article .wp-block-rank-math-toc-block li:first-child,
.bnc-article .rank-math-toc li:first-child,
.bnc-article #ez-toc-container li:first-child,
.bnc-article .ez-toc-container li:first-child,
.bnc-article .lwptoc_item:first-child,
.bnc-article .simpletoc-list li:first-child,
.bnc-article .toc-list li:first-child,
.bnc-article .table-of-contents li:first-child,
.bnc-article .wp-block-table-of-contents li:first-child {
border-top: 0 !important;
}
.bnc-article .wp-block-rank-math-toc-block a,
.bnc-article .rank-math-toc a,
.bnc-article #ez-toc-container a,
.bnc-article .ez-toc-container a,
.bnc-article .lwptoc_item_label,
.bnc-article .simpletoc-list a,
.bnc-article .toc-list a,
.bnc-article .table-of-contents a,
.bnc-article .wp-block-table-of-contents a,
.bnc-article #ez-toc-container ul.ez-toc-list li a,
.bnc-article #ez-toc-container ol.ez-toc-list li a {
color: var(--bnc-dim) !important;
display: inline-block !important;
font-size: .94rem !important;
font-weight: 650 !important;
line-height: 1.5 !important;
text-decoration: none !important;
}
.bnc-article .wp-block-rank-math-toc-block a:hover,
.bnc-article .rank-math-toc a:hover,
.bnc-article #ez-toc-container a:hover,
.bnc-article .ez-toc-container a:hover,
.bnc-article .lwptoc_item_label:hover,
.bnc-article .simpletoc-list a:hover,
.bnc-article .toc-list a:hover,
.bnc-article .table-of-contents a:hover,
.bnc-article .wp-block-table-of-contents a:hover {
color: var(--bnc-gold) !important;
text-decoration: underline !important;
}
.bnc-article .wp-block-rank-math-toc-block ul ul,
.bnc-article .rank-math-toc ul ul,
.bnc-article #ez-toc-container ul ul,
.bnc-article .ez-toc-container ul ul,
.bnc-article .simpletoc-list ul,
.bnc-article .toc-list ul,
.bnc-article .table-of-contents ul ul,
.bnc-article .wp-block-table-of-contents ul ul {
border-left: 2px solid var(--bnc-border) !important;
margin: 6px 0 0 10px !important;
padding-left: 12px !important;
}
.bnc-article .wp-block-rank-math-toc-block ul ul li,
.bnc-article .rank-math-toc ul ul li,
.bnc-article #ez-toc-container ul ul li,
.bnc-article .ez-toc-container ul ul li,
.bnc-article .simpletoc-list ul li,
.bnc-article .toc-list ul li,
.bnc-article .table-of-contents ul ul li,
.bnc-article .wp-block-table-of-contents ul ul li {
border-top: 0 !important;
padding: 5px 0 !important;
}
.bnc-article .wp-block-rank-math-toc-block ul ul a,
.bnc-article .rank-math-toc ul ul a,
.bnc-article #ez-toc-container ul ul a,
.bnc-article .ez-toc-container ul ul a,
.bnc-article .simpletoc-list ul a,
.bnc-article .toc-list ul a,
.bnc-article .table-of-contents ul ul a,
.bnc-article .wp-block-table-of-contents ul ul a {
color: var(--bnc-muted) !important;
font-size: .88rem !important;
font-weight: 600 !important;
}
.bnc-article #ez-toc-container ul.ez-toc-list li::before,
.bnc-article #ez-toc-container ol.ez-toc-list li::before,
.bnc-article .ez-toc-container ul.ez-toc-list li::before,
.bnc-article .ez-toc-container ol.ez-toc-list li::before {
display: none !important;
content: none !important;
background: none !important;
}
.bnc-article :target {
scroll-margin-top: 110px;
} @media (max-width: 1040px) {
.bnc-hero-grid,
.bnc-main--with-sidebar {
grid-template-columns: 1fr;
}
.bnc-logo-box {
width: 132px;
}
.bnc-sidebar {
position: static;
}
}
@media (max-width: 640px) {
.bnc-container {
width: min(100% - 22px, 1180px);
}
.bnc-hero {
padding: 22px 0 28px;
}
.bnc-logo-box {
width: 118px;
min-height: 104px;
}
.bnc-cta-card,
.bnc-card,
.bnc-return {
border-radius: 14px;
}
.bnc-article {
padding: 18px;
border-radius: 14px;
}
.bnc-article h2 {
font-size: 1.24rem;
padding-left: 10px;
}
.bnc-badges {
gap: 8px;
}
.bnc-badge {
min-height: 31px;
padding: 6px 11px;
font-size: .73rem;
white-space: normal;
}
.bnc-article .wp-block-rank-math-toc-block,
.bnc-article .rank-math-toc,
.bnc-article #ez-toc-container,
.bnc-article .ez-toc-container,
.bnc-article .lwptoc,
.bnc-article .simpletoc,
.bnc-article .toc,
.bnc-article .table-of-contents,
.bnc-article .wp-block-table-of-contents {
padding: 14px 16px !important;
border-radius: 12px !important;
}
} .bnc-article ul,
.bnc-article ol {
margin: 0 0 1.15em 0;
padding-left: 1.35rem;
}
.bnc-article li {
padding-left: .15rem;
margin-bottom: .35em;
}
.bnc-article li::marker {
color: var(--bnc-gold);
}
.bnc-article ul ul,
.bnc-article ol ol,
.bnc-article ul ol,
.bnc-article ol ul {
margin-top: .35em;
margin-bottom: .35em;
padding-left: 1.25rem;
} @media (max-width: 640px) {
.bnc-article ul,
.bnc-article ol {
padding-left: 1.45rem;
}
.bnc-article li {
padding-left: .1rem;
}
} .bnc-visual-check {
margin-top: 24px;
margin-bottom: 0;
}
.bnc-visual-check__inner {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 92% 4%, rgba(245,158,11,.13), transparent 32%),
linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)),
var(--bnc-surface, #111827);
border: 1px solid var(--bnc-border, rgba(255,255,255,.09));
border-radius: var(--bnc-radius, 18px);
box-shadow: var(--bnc-shadow, 0 12px 40px rgba(0,0,0,.35));
padding: 22px;
}
.bnc-visual-check__head {
display: grid;
gap: 6px;
margin-bottom: 18px;
}
.bnc-visual-check__kicker {
color: var(--bnc-gold-light, #fcd34d);
font-size: .72rem;
font-weight: 850;
letter-spacing: .13em;
line-height: 1.25;
margin: 0;
text-transform: uppercase;
}
.bnc-visual-check__title {
color: var(--bnc-white, #fff);
font-size: clamp(1.16rem, 2.2vw, 1.48rem);
font-weight: 900;
line-height: 1.25;
margin: 0;
}
.bnc-visual-check__meta {
color: var(--bnc-dim, #cbd5e1);
font-size: .9rem;
line-height: 1.55;
margin: 0;
}
.bnc-visual-check__meta strong {
color: var(--bnc-white, #fff);
}
.bnc-visual-check__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.bnc-visual-check__item {
display: flex;
gap: 10px;
min-width: 0;
padding: 13px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
background: rgba(255,255,255,.045);
}
.bnc-visual-check__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 24px;
width: 24px;
height: 24px;
border-radius: 999px;
background: rgba(16,185,129,.13);
border: 1px solid rgba(16,185,129,.34);
color: var(--bnc-green, #10b981);
}
.bnc-visual-check__icon svg {
width: 15px;
height: 15px;
fill: currentColor;
}
.bnc-visual-check__content {
display: grid;
gap: 2px;
min-width: 0;
}
.bnc-visual-check__label {
color: var(--bnc-white, #fff);
font-size: .86rem;
font-weight: 800;
line-height: 1.25;
}
.bnc-visual-check__date {
color: var(--bnc-gold-light, #fcd34d);
font-size: .78rem;
font-weight: 750;
line-height: 1.3;
}
.bnc-visual-check__detail {
color: var(--bnc-muted, #94a3b8);
font-size: .74rem;
line-height: 1.35;
}
.bnc-visual-check__note {
color: var(--bnc-muted, #94a3b8);
font-size: .8rem;
line-height: 1.58;
margin: 15px 0 0;
}
@media (max-width: 1040px) {
.bnc-visual-check__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.bnc-visual-check {
margin-top: 18px;
}
.bnc-visual-check__inner {
padding: 16px;
border-radius: 14px;
}
.bnc-visual-check__list {
grid-template-columns: 1fr;
}
.bnc-visual-check__item {
padding: 12px;
}
} .bnc-visual-facts {
margin-top: 18px;
margin-bottom: 0;
}
.bnc-visual-facts__inner {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 6% 12%, rgba(16,185,129,.10), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016)),
var(--bnc-surface, #111827);
border: 1px solid var(--bnc-border, rgba(255,255,255,.09));
border-radius: var(--bnc-radius, 18px);
box-shadow: var(--bnc-shadow, 0 12px 40px rgba(0,0,0,.35));
padding: 22px;
}
.bnc-visual-facts__head {
display: grid;
gap: 7px;
margin-bottom: 18px;
max-width: 820px;
}
.bnc-visual-facts__kicker {
color: var(--bnc-gold-light, #fcd34d);
font-size: .72rem;
font-weight: 850;
letter-spacing: .13em;
line-height: 1.25;
margin: 0;
text-transform: uppercase;
}
.bnc-visual-facts__title {
color: var(--bnc-white, #fff);
font-size: clamp(1.16rem, 2.2vw, 1.48rem);
font-weight: 900;
line-height: 1.25;
margin: 0;
}
.bnc-visual-facts__intro {
color: var(--bnc-dim, #cbd5e1);
font-size: .88rem;
line-height: 1.62;
margin: 0;
}
.bnc-visual-facts__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.bnc-visual-facts__card {
display: grid;
align-content: start;
min-width: 0;
min-height: 116px;
gap: 6px;
padding: 14px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
background: rgba(255,255,255,.045);
}
.bnc-visual-facts__card::before {
content: '';
display: block;
width: 30px;
height: 3px;
border-radius: 999px;
background: var(--bnc-gold, #f59e0b);
margin-bottom: 2px;
}
.bnc-visual-facts__card--trust::before { background: var(--bnc-green, #10b981); }
.bnc-visual-facts__card--payment::before { background: var(--bnc-gold, #f59e0b); }
.bnc-visual-facts__card--mobile::before { background: #38bdf8; }
.bnc-visual-facts__card--service::before { background: #a78bfa; }
.bnc-visual-facts__card--games::before { background: #fb7185; }
.bnc-visual-facts__card--bonus::before { background: var(--bnc-gold-light, #fcd34d); }
.bnc-visual-facts__label {
color: var(--bnc-muted, #94a3b8);
font-size: .72rem;
font-weight: 800;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: .08em;
}
.bnc-visual-facts__value {
color: var(--bnc-white, #fff);
font-size: .93rem;
font-weight: 850;
line-height: 1.32;
overflow-wrap: anywhere;
}
.bnc-visual-facts__detail {
color: var(--bnc-muted, #94a3b8);
font-size: .75rem;
line-height: 1.42;
}
@media (max-width: 1040px) {
.bnc-visual-facts__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.bnc-visual-facts {
margin-top: 14px;
}
.bnc-visual-facts__inner {
padding: 16px;
border-radius: 14px;
}
.bnc-visual-facts__grid {
grid-template-columns: 1fr;
}
.bnc-visual-facts__card {
min-height: 0;
padding: 13px;
}
} .bnc-payment-matrix {
margin: 22px 0 28px;
}
.bnc-payment-matrix__panel {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 92% 10%, rgba(245,158,11,.12), transparent 32%),
radial-gradient(circle at 8% 92%, rgba(16,185,129,.08), transparent 28%),
linear-gradient(145deg, var(--bnc-surface-2, #151c2e) 0%, var(--bnc-surface, #111827) 100%);
border: 1px solid var(--bnc-border, rgba(255,255,255,.09));
border-radius: var(--bnc-radius, 18px);
box-shadow: var(--bnc-shadow, 0 12px 40px rgba(0,0,0,.35));
padding: clamp(20px, 3vw, 28px);
color: var(--bnc-text, #e2e8f0);
}
.bnc-payment-matrix__head {
max-width: 860px;
margin-bottom: 20px;
}
.bnc-payment-matrix__kicker {
display: inline-flex;
margin-bottom: 8px;
color: var(--bnc-gold-light, #fcd34d);
font-size: .72rem;
line-height: 1.2;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
}
.bnc-payment-matrix h2 {
margin: 0 0 8px;
padding-left: 12px;
color: var(--bnc-white, #fff);
font-size: clamp(1.28rem, 3vw, 1.72rem);
line-height: 1.2;
font-weight: 900;
letter-spacing: -.02em;
border-left: 4px solid var(--bnc-gold, #f59e0b);
}
.bnc-payment-matrix__head p,
.bnc-payment-matrix__note {
color: #bfdbfe;
font-size: .88rem;
line-height: 1.68;
margin: 0;
}
.bnc-payment-matrix__scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
background: rgba(7,9,15,.28);
}
.bnc-payment-matrix__table {
width: 100%;
min-width: 650px;
border-collapse: collapse;
margin: 0;
color: var(--bnc-text, #e2e8f0);
font-size: .9rem;
}
.bnc-payment-matrix__table th,
.bnc-payment-matrix__table td {
padding: 13px 15px;
border-bottom: 1px solid rgba(255,255,255,.09);
vertical-align: middle;
text-align: left;
}
.bnc-payment-matrix__table thead th {
color: var(--bnc-gold-light, #fcd34d);
background: rgba(255,255,255,.035);
font-size: .72rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .08em;
}
.bnc-payment-matrix__table tbody th {
color: var(--bnc-white, #fff);
font-weight: 850;
}
.bnc-payment-matrix__table tbody td {
color: var(--bnc-dim, #cbd5e1);
}
.bnc-payment-matrix__table tbody tr:last-child th,
.bnc-payment-matrix__table tbody tr:last-child td {
border-bottom: 0;
}
.bnc-payment-matrix__status {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
border-radius: 999px;
padding: 4px 10px;
font-size: .76rem;
font-weight: 850;
white-space: nowrap;
}
.bnc-payment-matrix__status--yes {
color: #8df5c8;
background: rgba(16,185,129,.12);
border: 1px solid rgba(16,185,129,.34);
}
.bnc-payment-matrix__status--neutral {
color: var(--bnc-muted, #94a3b8);
background: rgba(255,255,255,.045);
border: 1px solid rgba(255,255,255,.08);
}
.bnc-payment-matrix__facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 16px;
}
.bnc-payment-matrix__fact {
min-height: 86px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
background: rgba(255,255,255,.035);
padding: 14px 15px;
}
.bnc-payment-matrix__fact span {
display: block;
margin-bottom: 6px;
color: #9ec5fe;
font-size: .72rem;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.bnc-payment-matrix__fact strong {
display: block;
color: var(--bnc-white, #fff);
font-size: .98rem;
line-height: 1.35;
font-weight: 900;
}
.bnc-payment-matrix__fact em {
display: block;
margin-top: 5px;
color: var(--bnc-muted, #94a3b8);
font-size: .76rem;
line-height: 1.4;
font-style: normal;
}
.bnc-payment-matrix__note {
margin-top: 16px;
} .bnc-article .bnc-payment-matrix {
margin: 28px 0;
}
.bnc-article .bnc-payment-matrix .bnc-container {
width: 100%;
max-width: none;
margin: 0;
}
.bnc-article .bnc-payment-matrix h2 {
color: var(--bnc-white, #fff);
}
@media (max-width: 900px) {
.bnc-payment-matrix__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.bnc-payment-matrix {
margin: 18px 0 22px;
}
.bnc-payment-matrix__panel {
padding: 18px 14px;
border-radius: 16px;
}
.bnc-payment-matrix__facts {
grid-template-columns: 1fr;
}
.bnc-payment-matrix__table {
min-width: 560px;
font-size: .84rem;
}
.bnc-payment-matrix__table th,
.bnc-payment-matrix__table td {
padding: 12px 11px;
}
}  .bnc-article .bnc-payment-matrix__scroll,
.bnc-payment-matrix__scroll {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
}
.bnc-article .bnc-payment-matrix__table,
.bnc-payment-matrix__table {
width: 100% !important;
min-width: 680px !important;
max-width: none !important;
table-layout: auto !important;
}
.bnc-article .bnc-payment-matrix__table th,
.bnc-article .bnc-payment-matrix__table td,
.bnc-payment-matrix__table th,
.bnc-payment-matrix__table td {
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
}
.bnc-article .bnc-payment-matrix__table th:nth-child(1),
.bnc-article .bnc-payment-matrix__table td:nth-child(1),
.bnc-payment-matrix__table th:nth-child(1),
.bnc-payment-matrix__table td:nth-child(1) {
width: 24%;
white-space: nowrap !important;
}
.bnc-article .bnc-payment-matrix__table th:nth-child(2),
.bnc-article .bnc-payment-matrix__table td:nth-child(2),
.bnc-article .bnc-payment-matrix__table th:nth-child(3),
.bnc-article .bnc-payment-matrix__table td:nth-child(3),
.bnc-payment-matrix__table th:nth-child(2),
.bnc-payment-matrix__table td:nth-child(2),
.bnc-payment-matrix__table th:nth-child(3),
.bnc-payment-matrix__table td:nth-child(3) {
width: 18%;
white-space: nowrap !important;
}
.bnc-payment-matrix__mobile {
display: none;
} @media (max-width: 640px) {
.bnc-payment-matrix {
margin: 22px 0 28px !important;
}
.bnc-payment-matrix__scroll {
display: none !important;
}
.bnc-payment-matrix__mobile {
display: grid !important;
grid-template-columns: 1fr;
gap: 12px;
margin-top: 18px;
}
.bnc-payment-matrix__method-card {
border: 1px solid rgba(255,255,255,.10);
border-radius: 16px;
background: rgba(255,255,255,.045);
padding: 14px;
}
.bnc-payment-matrix__method-card h3 {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: var(--bnc-white, #fff);
font-size: 1.05rem;
line-height: 1.25;
font-weight: 900;
}
.bnc-payment-matrix__method-card dl {
display: grid;
gap: 9px;
margin: 0;
}
.bnc-payment-matrix__method-card dl > div {
display: grid;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
gap: 10px;
align-items: center;
padding: 9px 0;
border-top: 1px solid rgba(255,255,255,.08);
}
.bnc-payment-matrix__method-card dt {
color: #9ec5fe;
font-size: .72rem;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.bnc-payment-matrix__method-card dd {
margin: 0;
color: var(--bnc-dim, #cbd5e1);
font-size: .92rem;
line-height: 1.35;
text-align: right;
overflow-wrap: normal !important;
word-break: normal !important;
}
.bnc-payment-matrix__status {
white-space: nowrap !important;
}
.bnc-payment-matrix__facts {
grid-template-columns: 1fr !important;
}
.bnc-payment-matrix__head p {
font-size: .95rem;
line-height: 1.62;
}
}  .bnc-article .bnc-payment-overview,
.bnc-payment-overview {
margin: 22px 0 30px !important;
padding: 20px !important;
background: var(--bnc-surface) !important;
border: 1px solid var(--bnc-border) !important;
border-radius: 16px !important;
color: var(--bnc-dim) !important;
box-shadow: none !important;
overflow: hidden !important;
}
.bnc-payment-overview *,
.bnc-payment-overview *::before,
.bnc-payment-overview *::after {
box-sizing: border-box;
}
.bnc-payment-overview__head {
margin: 0 0 16px !important;
}
.bnc-payment-overview__kicker {
display: inline-flex;
margin: 0 0 7px !important;
color: var(--bnc-gold-light) !important;
font-size: .72rem !important;
line-height: 1.2 !important;
font-weight: 850 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.bnc-article .bnc-payment-overview h3,
.bnc-payment-overview h3 {
margin: 0 0 8px !important;
padding: 0 !important;
border: 0 !important;
color: var(--bnc-white) !important;
font-size: clamp(1.12rem, 2.2vw, 1.38rem) !important;
line-height: 1.25 !important;
font-weight: 900 !important;
letter-spacing: -.015em !important;
}
.bnc-payment-overview__head p,
.bnc-payment-overview__note {
margin: 0 !important;
color: var(--bnc-muted) !important;
font-size: .92rem !important;
line-height: 1.62 !important;
font-weight: 450 !important;
}
.bnc-payment-overview__table-wrap {
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 0 !important;
overflow-x: auto !important;
overscroll-behavior-inline: contain !important;
scrollbar-gutter: stable !important;
scrollbar-width: thin !important;
scrollbar-color: var(--bnc-gold) rgba(255,255,255,.08) !important;
-webkit-overflow-scrolling: touch !important;
}
.bnc-payment-overview__table-wrap:focus-visible {
outline: 2px solid var(--bnc-gold-light) !important;
outline-offset: 3px !important;
}
.bnc-payment-overview__caption {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
.bnc-article .bnc-payment-overview__table,
.bnc-payment-overview__table {
width: 100% !important;
min-width: 600px !important;
max-width: none !important;
table-layout: auto !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid var(--bnc-border) !important;
border-radius: 12px !important;
overflow: hidden !important;
background: var(--bnc-surface) !important;
margin: 0 !important;
font-size: .88rem !important;
}
.bnc-article .bnc-payment-overview__table th,
.bnc-article .bnc-payment-overview__table td,
.bnc-payment-overview__table th,
.bnc-payment-overview__table td {
padding: 10px 12px !important;
border: 0 !important;
border-right: 1px solid var(--bnc-border) !important;
border-bottom: 1px solid var(--bnc-border) !important;
color: var(--bnc-dim) !important;
line-height: 1.35 !important;
vertical-align: middle !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
}
.bnc-payment-overview__table tr:last-child th,
.bnc-payment-overview__table tr:last-child td {
border-bottom: 0 !important;
}
.bnc-payment-overview__table th:last-child,
.bnc-payment-overview__table td:last-child {
border-right: 0 !important;
}
.bnc-payment-overview__table thead th {
background: rgba(255,255,255,.05) !important;
color: var(--bnc-white) !important;
font-size: .72rem !important;
font-weight: 900 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.bnc-payment-overview__table tbody th {
width: 28% !important;
background: rgba(255,255,255,.02) !important;
color: var(--bnc-white) !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
.bnc-payment-overview__table tbody td:nth-child(2),
.bnc-payment-overview__table tbody td:nth-child(3) {
width: 18% !important;
white-space: nowrap !important;
}
.bnc-payment-overview__table tbody td:last-child {
color: var(--bnc-muted) !important;
}
.bnc-payment-overview__status {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 24px !important;
border-radius: 999px !important;
padding: 3px 9px !important;
font-size: .76rem !important;
line-height: 1.1 !important;
font-weight: 750 !important;
white-space: nowrap !important;
}
.bnc-payment-overview__status--yes {
color: #6ee7b7 !important;
background: rgba(16,185,129,.12) !important;
border: 1px solid rgba(16,185,129,.3) !important;
}
.bnc-payment-overview__status--neutral {
color: var(--bnc-muted) !important;
background: rgba(255,255,255,.04) !important;
border: 1px solid var(--bnc-border) !important;
}
.bnc-payment-overview__facts {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 14px 0 0 !important;
}
.bnc-payment-overview__fact {
min-width: 0 !important;
background: rgba(255,255,255,.03) !important;
border: 1px solid var(--bnc-border) !important;
border-radius: 12px !important;
padding: 12px !important;
}
.bnc-payment-overview__fact span {
display: block !important;
margin: 0 0 5px !important;
color: var(--bnc-muted) !important;
font-size: .7rem !important;
font-weight: 850 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
}
.bnc-payment-overview__fact strong {
display: block !important;
color: var(--bnc-white) !important;
font-size: .92rem !important;
line-height: 1.35 !important;
font-weight: 850 !important;
overflow-wrap: anywhere !important;
}
.bnc-payment-overview__fact em {
display: block !important;
margin-top: 5px !important;
color: var(--bnc-muted) !important;
font-size: .78rem !important;
line-height: 1.35 !important;
font-style: normal !important;
}
.bnc-payment-overview__note {
margin-top: 14px !important;
font-size: .85rem !important;
color: var(--bnc-muted) !important;
}
@media (max-width: 840px) {
.bnc-payment-overview__facts {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 680px) {
.bnc-article .bnc-payment-overview,
.bnc-payment-overview {
margin: 20px 0 26px !important;
padding: 16px !important;
border-radius: 14px !important;
}
.bnc-payment-overview__table-wrap {
display: block !important;
padding-bottom: 4px !important;
}
.bnc-article .bnc-payment-overview__table,
.bnc-payment-overview__table {
display: table !important;
width: 100% !important;
min-width: 560px !important;
max-width: none !important;
font-size: .82rem !important;
}
.bnc-article .bnc-payment-overview__table thead,
.bnc-payment-overview__table thead {
display: table-header-group !important;
}
.bnc-article .bnc-payment-overview__table tbody,
.bnc-payment-overview__table tbody {
display: table-row-group !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.bnc-article .bnc-payment-overview__table tr,
.bnc-payment-overview__table tr {
display: table-row !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}
.bnc-article .bnc-payment-overview__table th,
.bnc-article .bnc-payment-overview__table td,
.bnc-payment-overview__table th,
.bnc-payment-overview__table td {
display: table-cell !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.bnc-payment-overview__table tbody th {
width: 28% !important;
}
.bnc-payment-overview__table tbody td:nth-child(2),
.bnc-payment-overview__table tbody td:nth-child(3) {
width: 18% !important;
}
.bnc-payment-overview__table tbody td:last-child {
width: auto !important;
}
.bnc-article .bnc-payment-overview__table th::before,
.bnc-article .bnc-payment-overview__table td::before,
.bnc-payment-overview__table th::before,
.bnc-payment-overview__table td::before {
content: none !important;
display: none !important;
margin: 0 !important;
}
.bnc-article .bnc-payment-overview__table th,
.bnc-article .bnc-payment-overview__table td,
.bnc-payment-overview__table th,
.bnc-payment-overview__table td {
padding: 9px 10px !important;
}
.bnc-payment-overview__facts {
grid-template-columns: 1fr !important;
gap: 9px !important;
}
.bnc-payment-overview__fact {
padding: 11px 12px !important;
}
.bnc-payment-overview__head p,
.bnc-payment-overview__note {
font-size: .88rem !important;
line-height: 1.58 !important;
}
}  .bnc-payment-overview .bnc-payment-overview__table thead th {
font-weight: 760 !important;
letter-spacing: .045em !important;
}
.bnc-payment-overview .bnc-payment-overview__table tbody th {
font-weight: 720 !important;
}
.bnc-payment-overview .bnc-payment-overview__status {
font-weight: 680 !important;
} .bnc-payment-overview .bnc-payment-overview__fact span {
color: var(--bnc-muted) !important;
font-weight: 720 !important;
letter-spacing: .045em !important;
}
.bnc-payment-overview .bnc-payment-overview__fact strong {
color: var(--bnc-white) !important;
font-weight: 650 !important;
font-size: .9rem !important;
line-height: 1.42 !important;
}
.bnc-payment-overview .bnc-payment-overview__fact em {
color: var(--bnc-muted) !important;
font-weight: 400 !important;
font-size: .76rem !important;
line-height: 1.4 !important;
}
.bnc-payment-overview .bnc-payment-overview__note {
color: var(--bnc-muted) !important;
font-weight: 400 !important;
font-size: .84rem !important;
line-height: 1.58 !important;
}
@media (max-width: 680px) {
.bnc-payment-overview .bnc-payment-overview__kicker {
font-weight: 760 !important;
letter-spacing: .055em !important;
}
.bnc-article .bnc-payment-overview h3,
.bnc-payment-overview h3 {
font-weight: 780 !important;
letter-spacing: -.01em !important;
}
.bnc-payment-overview .bnc-payment-overview__head p {
font-weight: 400 !important;
}
.bnc-payment-overview .bnc-payment-overview__fact strong {
font-weight: 620 !important;
font-size: .9rem !important;
line-height: 1.44 !important;
}
.bnc-payment-overview .bnc-payment-overview__note {
font-size: .86rem !important;
line-height: 1.55 !important;
}
}  @media (min-width: 760px) {
.bnc-payment-overview .bnc-payment-overview__facts {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
} .bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(1) {
grid-column: 1 !important;
grid-row: 1 !important;
} .bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(2) {
grid-column: 2 !important;
grid-row: 1 !important;
} .bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(4) {
grid-column: 3 !important;
grid-row: 1 !important;
} .bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(3) {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
}
.bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(3) strong {
max-width: 860px !important;
font-size: .92rem !important;
line-height: 1.45 !important;
font-weight: 620 !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: auto !important;
}
.bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(3) em {
max-width: 860px !important;
}
} @media (min-width: 681px) and (max-width: 759px) {
.bnc-payment-overview .bnc-payment-overview__facts {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.bnc-payment-overview .bnc-payment-overview__facts .bnc-payment-overview__fact:nth-child(3) {
grid-column: 1 / -1 !important;
}
} .bnc-article .bnc-procontra {
margin: 1.65rem 0 2rem;
padding: 20px;
border: 1px solid var(--bnc-border);
border-radius: 16px;
background: linear-gradient(145deg, var(--bnc-surface-2) 0%, var(--bnc-surface) 100%);
box-shadow: var(--bnc-shadow);
}
.bnc-article .bnc-procontra__head {
margin-bottom: 16px;
}
.bnc-article .bnc-procontra__eyebrow {
display: inline-flex;
align-items: center;
margin-bottom: 7px;
color: var(--bnc-gold-light);
background: rgba(245,158,11,.1);
border: 1px solid rgba(245,158,11,.3);
border-radius: 999px;
padding: 4px 10px;
font-size: .68rem;
font-weight: 750;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
}
.bnc-article .bnc-procontra h3 {
margin: 0 0 7px;
color: var(--bnc-white);
font-size: clamp(1.08rem, 2vw, 1.32rem);
line-height: 1.25;
font-weight: 800;
}
.bnc-article .bnc-procontra__head p {
margin: 0;
color: var(--bnc-muted);
font-size: .92rem;
line-height: 1.65;
}
.bnc-article .bnc-procontra__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.bnc-article .bnc-procontra__card {
border-radius: 14px;
padding: 16px;
background: rgba(255,255,255,.03);
border: 1px solid var(--bnc-border);
}
.bnc-article .bnc-procontra__card--pro {
border-top: 3px solid #10b981;
}
.bnc-article .bnc-procontra__card--con {
border-top: 3px solid #f59e0b;
}
.bnc-article .bnc-procontra h4 {
margin: 0 0 12px;
color: var(--bnc-white);
font-size: .98rem;
line-height: 1.25;
font-weight: 800;
}
.bnc-article .bnc-procontra__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.bnc-article .bnc-procontra__list li {
display: grid;
grid-template-columns: 24px minmax(0, 1fr);
gap: 10px;
align-items: start;
margin: 0;
padding: 0;
line-height: 1.55;
}
.bnc-article .bnc-procontra__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 999px;
font-size: .92rem;
font-weight: 800;
line-height: 1;
margin-top: 1px;
}
.bnc-article .bnc-procontra__card--pro .bnc-procontra__icon {
color: #6ee7b7;
background: rgba(16,185,129,.18);
}
.bnc-article .bnc-procontra__card--con .bnc-procontra__icon {
color: var(--bnc-gold-light);
background: rgba(245,158,11,.18);
}
.bnc-article .bnc-procontra__content {
display: block;
min-width: 0;
}
.bnc-article .bnc-procontra__text {
display: block;
color: var(--bnc-dim);
font-size: .92rem;
font-weight: 520;
overflow-wrap: anywhere;
}
.bnc-article .bnc-procontra__tag {
display: inline-flex;
margin-top: 5px;
border-radius: 999px;
padding: 3px 8px;
color: var(--bnc-muted);
background: rgba(255,255,255,.05);
border: 1px solid var(--bnc-border);
font-size: .68rem;
font-weight: 650;
line-height: 1.2;
}
@media (max-width: 760px) {
.bnc-article .bnc-procontra {
margin: 1.35rem 0 1.75rem;
padding: 15px;
border-radius: 14px;
}
.bnc-article .bnc-procontra__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.bnc-article .bnc-procontra__card {
padding: 14px;
}
.bnc-article .bnc-procontra__head p,
.bnc-article .bnc-procontra__text {
font-size: .9rem;
}
} .bnc-article .bnc-fuerwen,
.bnc-fuerwen {
margin: 22px 0 30px !important;
padding: 18px !important;
border: 1px solid var(--bnc-border) !important;
border-radius: 16px !important;
background: linear-gradient(145deg, var(--bnc-surface-2) 0%, var(--bnc-surface) 100%) !important;
box-shadow: var(--bnc-shadow) !important;
}
.bnc-fuerwen__head {
margin-bottom: 14px !important;
}
.bnc-fuerwen__kicker {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
margin-bottom: 7px !important;
padding: 4px 9px !important;
border-radius: 999px !important;
border: 1px solid rgba(245,158,11,.28) !important;
background: rgba(245,158,11,.1) !important;
color: var(--bnc-gold-light) !important;
font-size: .68rem !important;
font-weight: 850 !important;
letter-spacing: .07em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
.bnc-article .bnc-fuerwen h3,
.bnc-fuerwen h3 {
margin: 0 0 8px !important;
padding: 0 !important;
border: 0 !important;
color: var(--bnc-white) !important;
font-size: clamp(1.08rem, 2vw, 1.28rem) !important;
font-weight: 850 !important;
line-height: 1.25 !important;
letter-spacing: -.01em !important;
}
.bnc-fuerwen__head p {
margin: 0 !important;
max-width: 850px !important;
color: var(--bnc-muted) !important;
font-size: .94rem !important;
line-height: 1.62 !important;
}
.bnc-fuerwen__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
}
.bnc-fuerwen--one-col .bnc-fuerwen__grid {
grid-template-columns: 1fr !important;
}
.bnc-fuerwen__card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
padding: 15px 16px !important;
border-radius: 14px !important;
background: rgba(255,255,255,.03) !important;
border: 1px solid var(--bnc-border) !important;
}
.bnc-fuerwen__card--fit {
border-left: 4px solid #10b981 !important;
}
.bnc-fuerwen__card--limit {
border-left: 4px solid #f59e0b !important;
}
.bnc-fuerwen__label {
display: block !important;
margin-bottom: 8px !important;
color: var(--bnc-muted) !important;
font-size: .74rem !important;
font-weight: 850 !important;
letter-spacing: .055em !important;
text-transform: uppercase !important;
line-height: 1.25 !important;
}
.bnc-fuerwen__card p,
.bnc-fuerwen__card li {
color: var(--bnc-dim) !important;
font-size: .93rem !important;
line-height: 1.62 !important;
font-weight: 430 !important;
}
.bnc-fuerwen__card p {
margin: 0 !important;
}
.bnc-fuerwen__card ul {
display: grid !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.bnc-fuerwen__card li {
position: relative !important;
margin: 0 !important;
padding-left: 20px !important;
}
.bnc-fuerwen__card li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: .72em !important;
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: #94a3b8 !important;
transform: translateY(-50%) !important;
}
.bnc-fuerwen__card--fit li::before {
background: #10b981 !important;
}
.bnc-fuerwen__card--limit li::before {
background: #f59e0b !important;
}
@media (max-width: 720px) {
.bnc-article .bnc-fuerwen,
.bnc-fuerwen {
margin: 20px 0 26px !important;
padding: 16px !important;
border-radius: 14px !important;
}
.bnc-fuerwen__grid {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.bnc-fuerwen__card {
padding: 13px 14px !important;
}
.bnc-fuerwen__head p,
.bnc-fuerwen__card p,
.bnc-fuerwen__card li {
font-size: .9rem !important;
line-height: 1.58 !important;
}
} .bnc-article .bnc-scorecard {
margin: 24px 0 28px;
padding: clamp(18px, 3vw, 26px);
border: 1px solid var(--bnc-border);
border-radius: 18px;
background: linear-gradient(145deg, var(--bnc-surface-2) 0%, var(--bnc-surface) 100%);
box-shadow: var(--bnc-shadow);
color: var(--bnc-dim);
}
.bnc-article .bnc-scorecard__head {
margin-bottom: 18px;
}
.bnc-article .bnc-scorecard__eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
margin-bottom: 8px;
padding: 4px 10px;
border: 1px solid rgba(245, 158, 11, .28);
border-radius: 999px;
background: rgba(245, 158, 11, .1);
color: var(--bnc-gold-light);
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
line-height: 1.2;
text-transform: uppercase;
}
.bnc-article .bnc-scorecard h3 {
margin: 0 0 8px;
color: var(--bnc-white);
font-size: clamp(1.2rem, 2.2vw, 1.55rem);
line-height: 1.25;
}
.bnc-article .bnc-scorecard__head p,
.bnc-article .bnc-scorecard__summary-text p,
.bnc-article .bnc-scorecard__footnote {
margin: 0;
color: var(--bnc-muted);
line-height: 1.7;
}
.bnc-article .bnc-scorecard__summary {
display: grid;
grid-template-columns: 132px minmax(0, 1fr);
gap: 18px;
align-items: center;
margin-bottom: 20px;
padding: 18px;
border: 1px solid var(--bnc-border);
border-radius: 16px;
background: rgba(255,255,255,.03);
}
.bnc-article .bnc-scorecard__score {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 112px;
border-radius: 16px;
background: linear-gradient(145deg, var(--bnc-gold) 0%, var(--bnc-gold-2) 100%);
color: #07040a;
text-align: center;
}
.bnc-article .bnc-scorecard__score strong {
display: block;
color: #07040a;
font-size: 2.3rem;
font-weight: 900;
line-height: 1;
}
.bnc-article .bnc-scorecard__score span {
margin-top: 5px;
color: rgba(7,4,10,.7);
font-size: .86rem;
font-weight: 700;
}
.bnc-article .bnc-scorecard__meta {
margin-bottom: 8px;
color: var(--bnc-muted);
font-size: .84rem;
font-weight: 750;
letter-spacing: .02em;
}
.bnc-article .bnc-scorecard__criteria {
display: grid;
gap: 12px;
}
.bnc-article .bnc-scorecard__criterion {
padding: 14px 15px;
border: 1px solid var(--bnc-border);
border-radius: 14px;
background: rgba(255,255,255,.03);
}
.bnc-article .bnc-scorecard__criterion-top {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: baseline;
margin-bottom: 10px;
}
.bnc-article .bnc-scorecard__criterion-top span {
color: var(--bnc-white);
font-weight: 800;
line-height: 1.35;
}
.bnc-article .bnc-scorecard__criterion-top strong {
color: var(--bnc-white);
font-size: .92rem;
font-weight: 850;
white-space: nowrap;
}
.bnc-article .bnc-scorecard__bar {
position: relative;
overflow: hidden;
width: 100%;
height: 9px;
border-radius: 999px;
background: rgba(255,255,255,.08);
}
.bnc-article .bnc-scorecard__bar span {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}
.bnc-article .bnc-scorecard__footnote {
margin-top: 14px;
padding-top: 13px;
border-top: 1px solid var(--bnc-border);
font-size: .88rem;
}
@media (max-width: 700px) {
.bnc-article .bnc-scorecard__summary {
grid-template-columns: 1fr;
}
.bnc-article .bnc-scorecard__score {
min-height: 96px;
}
.bnc-article .bnc-scorecard__criterion-top {
align-items: flex-start;
flex-direction: column;
gap: 5px;
}
} .bnc-article .bnc-bonus-terms {
margin: 24px 0 28px;
padding: clamp(18px, 3vw, 26px);
border: 1px solid var(--bnc-border);
border-radius: 18px;
background: linear-gradient(145deg, var(--bnc-surface-2) 0%, var(--bnc-surface) 100%);
box-shadow: var(--bnc-shadow);
color: var(--bnc-dim);
}
.bnc-article .bnc-bonus-terms__head {
margin-bottom: 18px;
}
.bnc-article .bnc-bonus-terms__eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
margin-bottom: 8px;
padding: 4px 10px;
border: 1px solid rgba(245, 158, 11, .28);
border-radius: 999px;
background: rgba(245, 158, 11, .1);
color: var(--bnc-gold-light);
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
line-height: 1.2;
text-transform: uppercase;
}
.bnc-article .bnc-bonus-terms h3 {
margin: 0 0 8px;
color: var(--bnc-white);
font-size: clamp(1.2rem, 2.2vw, 1.55rem);
line-height: 1.25;
}
.bnc-article .bnc-bonus-terms__head p,
.bnc-article .bnc-bonus-terms__note,
.bnc-article .bnc-bonus-terms__checked {
margin: 0;
color: var(--bnc-muted);
line-height: 1.7;
}
.bnc-article .bnc-bonus-terms__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
list-style: none;
margin: 0 0 18px;
padding: 0;
}
.bnc-article .bnc-bonus-terms__item {
position: relative;
display: grid;
gap: 5px;
min-width: 0;
padding: 14px 14px 14px 16px;
border: 1px solid var(--bnc-border);
border-radius: 14px;
background: rgba(255,255,255,.03);
}
.bnc-article .bnc-bonus-terms__item::before {
content: '';
position: absolute;
top: 14px;
bottom: 14px;
left: 0;
width: 4px;
border-radius: 999px;
background: #f59e0b;
}
.bnc-article .bnc-bonus-terms__label {
color: var(--bnc-muted);
font-size: .76rem;
font-weight: 800;
letter-spacing: .04em;
line-height: 1.25;
text-transform: uppercase;
}
.bnc-article .bnc-bonus-terms__value {
display: block;
color: var(--bnc-white);
font-size: .98rem;
font-weight: 850;
line-height: 1.45;
overflow-wrap: anywhere;
}
.bnc-article .bnc-bonus-terms__footer {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: space-between;
margin-top: 2px;
padding: 14px;
border: 1px solid var(--bnc-border);
border-radius: 14px;
background: rgba(255,255,255,.025);
}
.bnc-article .bnc-bonus-terms__checked strong {
color: var(--bnc-white);
}
.bnc-article .bnc-bonus-terms__link {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(245, 158, 11, .34);
border-radius: 999px;
padding: 9px 13px;
background: rgba(245, 158, 11, .12);
color: var(--bnc-gold-light);
font-size: .86rem;
font-weight: 850;
line-height: 1.2;
text-decoration: none !important;
}
.bnc-article .bnc-bonus-terms__link:hover {
background: rgba(245, 158, 11, .2);
color: var(--bnc-white);
text-decoration: none !important;
}
.bnc-article .bnc-bonus-terms__note {
margin-top: 12px;
font-size: .86rem;
}
@media (max-width: 720px) {
.bnc-article .bnc-bonus-terms__grid {
grid-template-columns: 1fr;
}
.bnc-article .bnc-bonus-terms__footer {
align-items: stretch;
flex-direction: column;
}
.bnc-article .bnc-bonus-terms__link {
width: 100%;
}
} .bnc-autor-box {
max-width: 1180px;
margin: 36px auto 32px;
padding: 0 24px;
display: flex;
align-items: center;
gap: 18px;
}
.bnc-autor-avatar {
flex-shrink: 0;
width: 52px;
height: 52px;
border-radius: 50%;
background: linear-gradient(135deg, var(--bnc-gold) 0%, var(--bnc-gold-2) 100%);
color: #07040a;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
font-weight: 900;
}
.bnc-autor-avatar--foto {
object-fit: cover;
border: 2px solid var(--bnc-border-gold);
}
.bnc-autor-info { min-width: 0; }
.bnc-autor-kicker {
font-size: .68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--bnc-muted);
margin: 0 0 4px;
}
.bnc-autor-name {
font-size: .98rem;
font-weight: 800;
color: var(--bnc-white);
margin: 0 0 5px;
}
.bnc-autor-name span {
font-weight: 500;
font-size: .8rem;
color: var(--bnc-muted);
margin-left: 6px;
}
.bnc-autor-bio {
font-size: .84rem;
color: var(--bnc-dim);
line-height: 1.6;
margin: 0 0 6px;
}
.bnc-autor-meta {
font-size: .75rem;
color: var(--bnc-muted);
margin: 0;
}
.bnc-autor-meta a { color: var(--bnc-gold); font-weight: 600; text-decoration: none; }
.bnc-autor-meta a:hover { text-decoration: underline; }
@media (max-width: 560px) {
.bnc-autor-box { flex-direction: column; text-align: center; }
}