.tutorials-intro{color:#102b50;background:radial-gradient(circle at 88% 10%,#2563eb14,#0000 28%),linear-gradient(#f8fbff 0%,#eef4fc 100%);border-bottom:1px solid #dbe5f2;padding-bottom:42px}.tutorials-intro__grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end;gap:42px;display:grid}.tutorials-eyebrow,.tutorials-catalog__header>div>span{color:#1767e8;letter-spacing:.09em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:inline-block}.tutorials-intro h2,.tutorials-catalog__header h2{color:#0b2b59;letter-spacing:-.035em;margin:10px 0 12px}.tutorials-intro h2{max-width:720px;font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.08}.tutorials-intro p{color:#5b708c;max-width:730px;margin:0}.tutorial-search{background:#fff;border:1px solid #cbd9eb;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:720px;min-height:56px;margin-top:26px;padding:6px 6px 6px 16px;display:grid;box-shadow:0 12px 30px #1c427312}.tutorial-search>svg{color:#5f7692;width:20px;height:20px}.tutorial-search input{color:#14345d;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:42px;padding:0 6px;font-size:1rem}.tutorial-search input::placeholder{color:#8a9bb0}.tutorial-search button{color:#fff;cursor:pointer;background:#1767e8;border:0;border-radius:11px;min-height:44px;padding:0 18px;font-weight:800}.tutorial-search button:hover{background:#1258c7}.tutorials-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tutorials-stats>div{background:#ffffffe6;border:1px solid #cfdded;border-radius:16px;align-content:center;gap:5px;min-height:126px;padding:18px;display:grid;box-shadow:0 14px 32px #1f477e0f}.tutorials-stats svg{color:#1767e8;width:21px;height:21px;margin-bottom:4px}.tutorials-stats strong{color:#0b2b59;font-size:1.55rem;line-height:1}.tutorials-stats span{color:#6a7f99;font-size:.75rem;line-height:1.35}.tutorial-category-nav{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.tutorial-category-nav a{color:#405a78;background:#fff;border:1px solid #cbd9e9;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:8px 13px;font-size:.8rem;font-weight:800;transition:transform .18s,border-color .18s,color .18s,background .18s;display:inline-flex}.tutorial-category-nav a:hover{color:#155fcf;background:#f8fbff;border-color:#94b7e6;transform:translateY(-1px)}.tutorial-category-nav a.is-active{color:#fff;background:#1767e8;border-color:#1767e8;box-shadow:0 8px 20px #1767e833}.tutorial-category-nav a span{text-align:center;min-width:23px;color:inherit;background:#eef3f9;border-radius:999px;padding:1px 6px;font-size:.7rem}.tutorial-category-nav a.is-active span{background:#ffffff2e}.tutorial-category-nav svg{width:15px;height:15px}.tutorial-featured{background:#fff;padding:46px 0 28px}.tutorial-featured__card{color:#14345d;background:radial-gradient(circle at 88% 18%,#1767e81a,#0000 30%),linear-gradient(135deg,#f8fbff,#eaf3ff);border:1px solid #c8daee;border-radius:24px;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:34px;min-height:300px;padding:42px;display:grid;box-shadow:0 20px 50px #1f477e17}.tutorial-featured__card>div:first-child{align-self:center}.tutorial-featured__label{color:#1767e8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;font-weight:900;display:inline-flex}.tutorial-featured__label svg{width:15px;height:15px}.tutorial-featured__card>div:first-child>small{color:#607791;text-transform:uppercase;letter-spacing:.05em;margin-top:12px;font-size:.78rem;font-weight:800;display:block}.tutorial-featured__card h2{color:#092d5d;letter-spacing:-.045em;max-width:790px;margin:11px 0 14px;font-size:clamp(2rem,4vw,3.45rem);line-height:1.04}.tutorial-featured__card p{color:#506985;max-width:720px;margin:0 0 24px;line-height:1.7}.tutorial-featured__card b{color:#155fcf;align-items:center;gap:8px;display:inline-flex}.tutorial-featured__card b svg{width:18px}.tutorial-featured__visual{color:#1767e8;background:#ffffffb8;border:1px solid #bfd3ec;border-radius:19px;align-content:center;place-items:center;gap:9px;min-height:210px;display:grid}.tutorial-featured__visual svg{width:58px;height:58px}.tutorial-featured__visual strong{color:#153d70;letter-spacing:.1em;font-size:.78rem}.tutorial-featured__visual small{color:#6c819a;font-size:.72rem}.tutorials-newest{background:#fff;padding:30px 0 54px}.tutorials-newest__header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:20px;display:flex}.tutorials-newest__header h2{color:#0b2b59;margin:6px 0 0;font-size:clamp(1.55rem,2.5vw,2.15rem)}.tutorials-newest__header>p{color:#697d96;text-align:right;max-width:520px;margin:0}.tutorials-newest__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tutorials-newest__grid>a{background:#f8fbff;border:1px solid #d4e1f0;border-radius:16px;flex-direction:column;min-height:158px;padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.tutorials-newest__grid>a:hover{border-color:#9bbce7;transform:translateY(-3px);box-shadow:0 14px 30px #1f477e12}.tutorials-newest__grid>a>span{color:#1767e8;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.tutorials-newest__grid h3{color:#17385f;margin:10px 0 18px;font-size:1.03rem;line-height:1.35}.tutorials-newest__grid small{color:#70849c;align-items:center;gap:6px;margin-top:auto;display:flex}.tutorials-newest__grid small svg{width:14px;height:14px}.tutorials-catalog{color:#102b50;background:#f3f7fc;padding-top:66px}.tutorials-catalog__header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.tutorials-catalog__header h2{color:#0b2b59;font-size:clamp(1.75rem,3vw,2.45rem)}.tutorials-catalog__header p{color:#687d97;margin:8px 0 0}.tutorials-clear-filter{color:#1767e8;font-size:.84rem;font-weight:850}.tutorial-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.tutorial-card{color:#17385f;background:#fff;border:1px solid #d1dfef;border-radius:18px;flex-direction:column;min-height:300px;padding:25px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #1f477e0d}.tutorial-card:hover{border-color:#91b5e5;transform:translateY(-4px);box-shadow:0 18px 42px #1f477e1a}.tutorial-card__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-card__meta>span{color:#1767e8;letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:900}.tutorial-card__meta small{color:#70849b;align-items:center;gap:5px;display:inline-flex}.tutorial-card__meta small svg{width:14px;height:14px}.tutorial-card h3{color:#13355f;letter-spacing:-.02em;margin:18px 0 10px;font-size:1.23rem;line-height:1.23}.tutorial-card p{color:#647991;margin:0;font-size:.9rem;line-height:1.67}.tutorial-card__footer{color:#8091a5;border-top:1px solid #e2e9f2;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:22px;font-size:.7rem;display:flex}.tutorial-card__open{color:#1767e8;background:#edf4ff;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.tutorial-card__open svg{width:15px;height:15px}.tutorials-empty{text-align:center;background:#fff;border:1px solid #d3e0ef;border-radius:18px;align-content:center;place-items:center;min-height:280px;padding:34px;display:grid}.tutorials-empty>svg{color:#1767e8;width:38px;height:38px}.tutorials-empty h3{color:#12355f;margin:13px 0 5px}.tutorials-empty p{color:#71849a;margin:0 0 17px}.tutorials-empty a{color:#1767e8;font-weight:850}.tutorials-guide-note{color:#17385f;background:#fff;border-top:1px solid #dce6f1}.tutorials-guide-note h2{color:#0b2b59}.tutorials-guide-note p{color:#60758e}.tutorial-detail__intro{color:#244b72;background:#f4f8fe;border:1px solid #d1e0f1;border-radius:14px;margin-bottom:30px;padding:24px}.tutorial-detail__intro p:last-child{margin-bottom:0}.tutorial-step-number{color:#fff;vertical-align:middle;background:#1767e8;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:10px;font-size:.82rem;font-weight:900;display:inline-grid}.tutorial-check-panel{color:#244b72;background:#f2f7ff;border:1px solid #d1e1f4;border-radius:12px;margin:22px 0;padding:20px 22px}.tutorial-check-panel h3{color:#12355f;margin-top:0!important;font-size:1.05rem!important}.tutorial-warning-panel{color:#62471b;background:#fff8ea;border:1px solid #efd8a8;border-radius:14px;margin-top:38px;padding:24px}@media (max-width:960px){.tutorials-intro__grid,.tutorial-featured__card{grid-template-columns:1fr}.tutorial-card-grid,.tutorials-newest__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-featured__visual{min-height:140px}}@media (max-width:680px){.tutorials-stats{grid-template-columns:1fr}.tutorials-stats>div{grid-template-columns:auto auto 1fr;align-content:center;align-items:center;column-gap:10px;min-height:94px}.tutorials-stats svg{margin-bottom:0}.tutorial-card-grid,.tutorials-newest__grid{grid-template-columns:1fr}.tutorial-featured__card{padding:28px 22px}.tutorial-category-nav{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:7px;overflow-x:auto}.tutorial-category-nav a{flex:none}.tutorial-search{grid-template-columns:auto minmax(0,1fr);padding:7px 12px}.tutorial-search button{grid-column:1/-1;width:100%}.tutorials-newest__header,.tutorials-catalog__header{flex-direction:column;align-items:flex-start}.tutorials-newest__header>p{text-align:left}}