:root{--b24-blue:#1a73e8;--b24-blue2:#0b57d0;--b24-bg:#f6f9ff;--b24-text:#0f172a;--b24-muted:#475569;--b24-card:#fff;--b24-border:rgba(15,23,42,.12);--b24-shadow:0 10px 30px rgba(15,23,42,.10);--b24-radius:18px;}
.b24-wrap{max-width:1100px;margin:0 auto;padding:0 18px;}
.b24-hero{background:linear-gradient(180deg,var(--b24-bg),#fff);padding:56px 0 24px;}
.b24-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;}
@media(max-width:900px){.b24-hero-inner{grid-template-columns:1fr;}}
.b24-hero h1{font-size:42px;line-height:1.05;margin:0 0 12px;color:var(--b24-text);}
@media(max-width:900px){.b24-hero h1{font-size:34px;}}
.b24-sub{font-size:18px;color:var(--b24-muted);margin:0 0 18px;max-width:60ch;}
.b24-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.b24-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:700;border:1px solid var(--b24-border);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.b24-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.12);}
.b24-primary{background:var(--b24-blue);color:#fff;border-color:transparent;}
.b24-primary:hover{background:var(--b24-blue2);}
.b24-ghost{background:#fff;color:var(--b24-text);}
.b24-disabled{opacity:.6;pointer-events:none;}
.b24-ic{font-size:16px;line-height:1;}
.b24-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.b24-badge{background:#fff;border:1px solid var(--b24-border);padding:10px 12px;border-radius:999px;color:var(--b24-text);box-shadow:0 8px 18px rgba(15,23,42,.06);}
.b24-hero-card{background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:18px;box-shadow:var(--b24-shadow);position:relative;overflow:hidden;}
.b24-hero-card:before{content:"";position:absolute;inset:-60px -60px auto auto;width:180px;height:180px;border-radius:50%;background:rgba(26,115,232,.10);}
.b24-hero-card h2{margin:0 0 8px;font-size:20px;}
.b24-hero-card p{margin:0 0 12px;color:var(--b24-muted);}
.b24-mini{font-size:12px;color:var(--b24-muted);margin-top:10px;}
.b24-section{padding:40px 0;}
.b24-section h2{font-size:28px;margin:0 0 12px;color:var(--b24-text);}
.b24-sub2{color:var(--b24-muted);margin:0 0 16px;}
.b24-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:900px){.b24-split{grid-template-columns:1fr;}}
.b24-panel{background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:18px;box-shadow:0 8px 18px rgba(15,23,42,.06);}
.b24-panel ul{margin:0;padding-left:18px;color:var(--b24-muted);}
.b24-panel-accent{border-color:rgba(26,115,232,.35);background:linear-gradient(180deg,#fff,rgba(26,115,232,.05));}
.b24-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:1100px){.b24-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.b24-grid{grid-template-columns:1fr;}}
.b24-card{background:var(--b24-card);border:1px solid var(--b24-border);border-radius:var(--b24-radius);box-shadow:0 10px 24px rgba(15,23,42,.06);padding:16px;display:flex;flex-direction:column;min-height:170px;}
.b24-card h3{margin:0 0 8px;}
.b24-card p{margin:0;color:var(--b24-muted);}
.b24-cardbottom{margin-top:auto;padding-top:12px;}
.b24-cardbtn{display:inline-block;background:var(--b24-blue);color:#fff;text-decoration:none;font-weight:700;padding:10px 12px;border-radius:12px;}
.b24-cardbtn:hover{background:var(--b24-blue2);}
.b24-cardbtn.b24-disabled{background:#cbd5e1;color:#0f172a;}
.b24-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:900px){.b24-steps{grid-template-columns:1fr;}}
.b24-step{background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.06);}
.b24-stepnum{width:34px;height:34px;border-radius:10px;background:rgba(26,115,232,.12);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--b24-blue);margin-bottom:10px;}
.b24-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:900px){.b24-trust{grid-template-columns:1fr;}}
.b24-trustitem{background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.06);}
.b24-cta-section{padding:46px 0;background:linear-gradient(135deg,rgba(26,115,232,.12),rgba(26,115,232,.04));}
.b24-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.b24-muted{color:var(--b24-muted);}
.b24-footer{padding:30px 0;background:#0b1220;color:#cbd5e1;}
.b24-footer a{color:#cbd5e1;text-decoration:none;}
.b24-footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;}
@media(max-width:900px){.b24-footgrid{grid-template-columns:1fr;}}
.b24-copy{margin-top:14px;font-size:12px;color:#94a3b8;}
.b24-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;}
.b24-dash{padding:46px 0;background:linear-gradient(180deg,var(--b24-bg),#fff);}
.b24-dashhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;}
.b24-dashhead h1{margin:0 0 6px;font-size:34px;}
.b24-dashbuttons{min-width:280px}
.b24-paybox{margin:18px 0;background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.06);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.b24-mt{margin-top:22px;}
.b24-levelgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;}
@media(max-width:900px){.b24-levelgrid{grid-template-columns:1fr;}}
.b24-level{background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.b24-levelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.b24-pill{background:rgba(26,115,232,.10);padding:8px 10px;border-radius:999px;color:var(--b24-text);}
.b24-lessons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;}
@media(max-width:700px){.b24-lessons{grid-template-columns:repeat(3,1fr);}}
.b24-lesson{display:flex;justify-content:center;align-items:center;text-decoration:none;font-weight:700;padding:10px 10px;border-radius:14px;border:1px solid var(--b24-border);background:#fff;color:var(--b24-text);transition:transform .12s ease,box-shadow .12s ease;}
.b24-open:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.10);}
.b24-locked{opacity:.6;background:#f1f5f9;}
.b24-warn{margin:10px 0 0;color:#b45309;}
.b24-help{margin-top:18px;background:#fff;border:1px solid var(--b24-border);border-radius:var(--b24-radius);padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.06);}