.learn-page-body { --betiq-accent:#ea77ed; --betiq-accent-rgb:234,119,237; }.learn-hero { background:radial-gradient(ellipse at top right,#311b31,#090c0f 70%); }.learn-hero .betiq-hero__copy h1 { font-size:clamp(60px,6.2vw,100px); line-height:.94; }
.learn-watch { border:1px solid #604160; border-radius:20px; padding:32px; background:#1b141e; }.learn-watch > svg { width:42px; height:42px; color:#ea77ed; }.learn-watch h2 { font-size:40px; line-height:1; margin:20px 0; }.learn-watch p { color:#d0c1d2; font-size:19px; line-height:1.5; }
.learn-page-body .betiq-section-heading h2 span { color:#ea77ed; }.learn-page-body .betiq-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.learn-page-body .betiq-feature-grid p { font-size:18px; line-height:1.5; }.learn-page-body .betiq-feature-grid strong { color:#ea77ed; font-size:17px; }.learn-page-body .betiq-section-heading > p { font-size:18px; line-height:1.5; }
.learn-intro { padding:20px max(28px,calc((100vw - 1320px)/2)); background:#151019; }.learn-intro p,.learn-note { color:#c1b8c6; font-size:16px; line-height:1.6; }.learn-dark { background:#0c0e12; }.learn-table-wrap { overflow:auto; border:1px solid #473447; border-radius:14px; }.learn-table-wrap table { width:100%; min-width:530px; border-collapse:collapse; font-size:20px; }.learn-table-wrap th,.learn-table-wrap td { text-align:left; padding:20px; border-bottom:1px solid #473447; }.learn-table-wrap th { color:#ea77ed; }.learn-table-wrap caption { padding:20px; text-align:left; font-size:18px; background:#1b141e; }.learn-page-body a:not(.betiq-hero__actions a):not(.betiq-final-cta a) { text-underline-offset:4px; }.learn-note a,.learn-page-body .betiq-section-heading p a { color:#ea77ed; text-decoration:underline; }
.learn-steps { padding-left:28px; max-width:950px; }.learn-steps li { font-size:20px; line-height:1.6; padding:0 0 20px 10px; color:#c8c2cf; }.learn-steps strong,.learn-steps li::marker { color:#ea77ed; }.betiq-final-cta .learn-note { max-width:700px; margin:24px auto 0; }
@media(max-width:760px) { .learn-watch { margin-top:32px; padding:24px; }.learn-page-body .betiq-feature-grid { grid-template-columns:1fr; } }
