.provider-nav-section-label{color:#7087aa;font-size:.57rem;font-weight:900;letter-spacing:.1em;margin:12px 14px 0;text-transform:uppercase}.provider-tutorials-view{display:grid;gap:18px}.provider-tutorials-view.hidden{display:none!important}.provider-tutorials-hero{align-items:end;background:linear-gradient(135deg,var(--provider-card),var(--provider-soft));border:1px solid var(--provider-border);border-radius:24px;box-shadow:var(--provider-shadow);display:grid;gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);padding:26px}.provider-tutorials-hero h2{color:var(--provider-navy);font-size:clamp(1.35rem,3vw,2rem);margin:7px 0}.provider-tutorials-hero p{color:var(--provider-muted);line-height:1.65;margin:0;max-width:760px}.provider-tutorials-search{display:grid;gap:7px}.provider-tutorials-search span{font-size:.68rem;font-weight:850}.provider-tutorials-search input{background:var(--provider-card);border:1px solid var(--provider-border);border-radius:14px;color:var(--provider-text);font:inherit;min-height:48px;padding:0 15px;width:100%}.provider-tutorial-filters{display:flex;flex-wrap:wrap;gap:8px}.provider-tutorial-filters button{background:var(--provider-card);border:1px solid var(--provider-border);border-radius:999px;color:var(--provider-text);cursor:pointer;font:800 .68rem inherit;min-height:38px;padding:0 15px}.provider-tutorial-filters button.active{background:var(--provider-blue);border-color:var(--provider-blue);color:#fff}.provider-tutorial-message{background:var(--provider-soft);border:1px solid var(--provider-border);border-radius:16px;color:var(--provider-muted);font-size:.76rem;padding:18px;text-align:center}.provider-tutorial-message.hidden{display:none}.provider-tutorial-message.is-error{background:#fff0f2;border-color:#ffc8d0;color:#a52f3d}.provider-tutorial-message button{background:transparent;border:0;color:inherit;cursor:pointer;font:800 inherit;text-decoration:underline}.provider-tutorial-featured.hidden{display:none}.provider-tutorial-featured-card{align-items:center;background:linear-gradient(125deg,#0b63e5,#0b3f9c);border-radius:22px;color:#fff;display:grid;gap:20px;grid-template-columns:auto 1fr auto;padding:24px}.provider-tutorial-featured-card>span{align-items:center;background:rgba(255,255,255,.14);border-radius:18px;display:flex;font-size:1.5rem;height:64px;justify-content:center;width:64px}.provider-tutorial-featured-card h3{font-size:1.15rem;margin:4px 0}.provider-tutorial-featured-card p{color:#dceaff;font-size:.75rem;line-height:1.55;margin:0}.provider-tutorial-featured-card small{color:#bcd4ff;font-weight:800}.provider-tutorial-featured-card button,.provider-tutorial-card button{background:#fff;border:0;border-radius:12px;color:#0756bd;cursor:pointer;font:850 .7rem inherit;min-height:42px;padding:0 16px}.provider-tutorial-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.provider-tutorial-card{background:var(--provider-card);border:1px solid var(--provider-border);border-radius:20px;display:flex;flex-direction:column;min-height:245px;padding:20px}.provider-tutorial-card-icon{align-items:center;background:var(--provider-soft);border-radius:14px;color:var(--provider-blue);display:flex;font-size:1.15rem;height:46px;justify-content:center;margin-bottom:16px;width:46px}.provider-tutorial-card small{color:var(--provider-blue);font-size:.6rem;font-weight:900;text-transform:uppercase}.provider-tutorial-card h3{color:var(--provider-navy);font-size:.94rem;line-height:1.35;margin:7px 0}.provider-tutorial-card p{color:var(--provider-muted);font-size:.7rem;line-height:1.55;margin:0 0 18px}.provider-tutorial-card footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.provider-tutorial-card footer span{color:var(--provider-muted);font-size:.62rem;font-weight:750}.provider-tutorial-card button{background:var(--provider-soft);color:var(--provider-blue)}.provider-tutorial-modal{inset:0;position:fixed;z-index:120}.provider-tutorial-modal.hidden{display:none}.provider-tutorial-modal-backdrop{background:rgba(5,14,32,.72);inset:0;position:absolute}.provider-tutorial-modal-panel{background:var(--provider-card);border-radius:24px;box-shadow:0 28px 100px rgba(0,0,0,.35);left:50%;max-height:90vh;max-width:900px;overflow:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(92vw,900px)}.provider-tutorial-modal-close{background:var(--provider-soft);border:0;border-radius:50%;color:var(--provider-text);cursor:pointer;font-size:1.35rem;height:42px;position:sticky;float:right;right:0;top:0;width:42px;z-index:2}.provider-tutorial-modal-header{border-bottom:1px solid var(--provider-border);padding:4px 54px 22px 0}.provider-tutorial-modal-header h2{color:var(--provider-navy);font-size:1.5rem;margin:7px 0}.provider-tutorial-modal-header p{color:var(--provider-muted);line-height:1.65;margin:0}.provider-tutorial-steps{counter-reset:tutorial-step;display:grid;gap:18px;margin-top:22px}.provider-tutorial-step{border:1px solid var(--provider-border);border-radius:18px;padding:20px 20px 20px 68px;position:relative}.provider-tutorial-step:before{align-items:center;background:var(--provider-blue);border-radius:50%;color:#fff;content:counter(tutorial-step);counter-increment:tutorial-step;display:flex;font-size:.78rem;font-weight:900;height:36px;justify-content:center;left:18px;position:absolute;top:18px;width:36px}.provider-tutorial-step h3{color:var(--provider-navy);font-size:.9rem;margin:0 0 7px}.provider-tutorial-step p{color:var(--provider-muted);font-size:.74rem;line-height:1.65;margin:0}.provider-tutorial-step img{border:1px solid var(--provider-border);border-radius:14px;display:block;margin-top:16px;max-height:520px;object-fit:contain;width:100%}.provider-tutorial-step figcaption{color:var(--provider-muted);font-size:.62rem;margin-top:7px}.provider-tutorial-step-tip{background:var(--provider-soft);border-radius:12px;color:var(--provider-text)!important;margin-top:12px!important;padding:11px}.provider-tutorial-video-link{color:var(--provider-blue);display:inline-block;font-size:.72rem;font-weight:850;margin-top:16px}.provider-tutorial-modal-open{overflow:hidden}
@media(max-width:980px){.provider-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-tutorials-hero{grid-template-columns:1fr}.provider-tutorial-featured-card{grid-template-columns:auto 1fr}.provider-tutorial-featured-card button{grid-column:1/-1;width:100%}}
@media(max-width:620px){.provider-tutorials-hero{border-radius:18px;padding:18px}.provider-tutorial-grid{grid-template-columns:1fr}.provider-tutorial-featured-card{grid-template-columns:1fr;padding:20px}.provider-tutorial-featured-card>span{height:50px;width:50px}.provider-tutorial-modal-panel{border-radius:20px;max-height:94vh;padding:20px}.provider-tutorial-step{padding:62px 16px 17px}.provider-tutorial-step:before{left:16px;top:15px}}
