.fg-section-banner{isolation:isolate;background:#17191b;border-radius:20px;flex-shrink:0;min-height:224px;margin-bottom:24px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}.fg-section-banner-picture,.fg-section-banner-shade{pointer-events:none;position:absolute;inset:0}.fg-section-banner-picture img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s}.fg-section-banner-shade{background:linear-gradient(90deg,#050709d9 0%,#050709a6 38%,#0507091a 75%,#0000)}.fg-section-banner-content{z-index:1;color:#fff;max-width:720px;padding:28px 32px;position:relative}.fg-section-banner-brand{color:#fff;letter-spacing:.18em;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.fg-section-banner-brand svg{color:hsl(var(--primary));filter:drop-shadow(0 0 7px hsl(var(--primary) / .35))}.fg-section-banner .fg-section-banner-title{letter-spacing:-.035em;color:#fff;text-shadow:0 2px 16px #0000004d;margin:12px 0 0;font-size:clamp(30px,3.2vw,46px);font-weight:900;line-height:1.08}.fg-section-banner .fg-section-banner-subtitle{color:#e4e7eb;max-width:540px;margin:12px 0 0;font-size:14px;line-height:1.6}.fg-section-banner-extra{margin-top:10px}.fg-section-banner-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.fg-section-banner-actions>*{max-width:100%}.fg-section-tutorial{color:#fff;letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090c10c2;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:7px 14px 7px 8px;font-size:11px;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.fg-section-tutorial-play{background:hsl(var(--primary));width:27px;height:27px;color:hsl(var(--primary-foreground));border-radius:50%;place-items:center;display:grid}.fg-section-tutorial:hover{color:#fff;border-color:hsl(var(--primary));background:#090c10f2}.fg-section-tutorial:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (hover:hover) and (prefers-reduced-motion:no-preference){.fg-section-banner:hover{border-color:hsl(var(--primary) / .55);box-shadow:0 10px 32px #0000002e, 0 0 20px hsl(var(--primary) / .12);transform:translateY(-2px)}.fg-section-banner:hover .fg-section-banner-picture img{transform:scale(1.025)}}@media (width<=640px){.fg-section-banner{border-radius:16px;min-height:230px}.fg-section-banner-content{padding:24px 20px}.fg-section-banner-shade{background:linear-gradient(90deg,#050709db,#0507099e 65%,#05070947)}.fg-section-banner .fg-section-banner-subtitle{max-width:92%}}@media (prefers-reduced-motion:reduce){.fg-section-banner,.fg-section-banner-picture img{transition:none}}.fg-section-banner[data-section-banner=coach] .fg-section-banner-picture img,.fg-section-banner[data-section-banner=study] .fg-section-banner-picture img,.fg-section-banner[data-section-banner=focus] .fg-section-banner-picture img,.fg-section-banner[data-section-banner=support] .fg-section-banner-picture img,.fg-section-banner[data-section-banner=goals] .fg-section-banner-picture img,.fg-section-banner[data-section-banner=mi-dia] .fg-section-banner-picture img{object-position:center top}.fg-section-tutorial.fg-section-tutorial-completed{color:#a7f3d0;background:#064e3beb;border-color:#34d399}.fg-section-tutorial-completed .fg-section-tutorial-play{color:#052e16;background:#34d399}.fg-section-tutorial.fg-section-tutorial-completed:hover{background:#065f46f7;border-color:#6ee7b7}
