.howto-main{--howto-ink:#172b26;--howto-muted:#52635b;--howto-line:#d7dfd1;--howto-lime:#d9f37b;max-width:1200px;margin:0 auto;padding:24px 8px 64px;color:var(--howto-ink);min-width:0;overflow-wrap:anywhere}
.howto-main :is(.howto-hero,.howto-app)>*,.howto-main :is(.howto-role,.howto-first-step,.howto-detail-content,.howto-start-grid li,.howto-section-head>div){min-width:0}
.howto-main .howto-button{flex-wrap:wrap;gap:10px 22px;max-width:100%}
.howto-main *{box-sizing:border-box}.howto-main :is(h1,h2,h3,p){margin-top:0}.howto-main :is(h1,h2,h3){color:var(--howto-ink);text-wrap:balance}.howto-main p,.howto-main li{line-height:1.75}.howto-main a{color:inherit}.howto-main a:focus-visible,.howto-main summary:focus-visible{outline:3px solid #1659ad;outline-offset:4px;border-radius:8px}.howto-main a,.howto-main summary{touch-action:manipulation}.howto-main [id]{scroll-margin-top:112px}
.howto-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--howto-muted);font-size:13px;margin-bottom:20px}.howto-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.howto-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:56px;border:1px solid var(--howto-line);border-radius:28px;padding:46px;background:linear-gradient(120deg,#f7f9ed,#f4f2e9);position:relative;overflow:hidden}.howto-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:#516748;margin-bottom:13px}.howto-hero h1{font-size:clamp(32px,3.8vw,53px);letter-spacing:-.055em;line-height:1.12;margin-bottom:22px;font-weight:850}.howto-hero h1 em{font-style:normal;color:#46682e}.howto-lead{font-size:16px;max-width:550px;color:var(--howto-muted);margin-bottom:22px}.howto-free{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;font-weight:750;margin-bottom:0}.howto-free svg{color:#325831;flex-shrink:0}.howto-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;border-radius:17px;background:var(--howto-lime);color:#294321}.howto-first-step{background:#fffef8;border:1px solid #d7decf;border-radius:22px;padding:26px;box-shadow:0 12px 30px #20391909}.howto-first-step .howto-icon{margin-bottom:22px}.howto-first-step h2{font-size:25px;line-height:1.3;letter-spacing:-.04em;margin-bottom:12px}.howto-first-step p:not(.howto-kicker){font-size:13px;color:var(--howto-muted)}.howto-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:48px;border:1px solid #172b26;background:#172b26;color:#fff!important;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:750;text-decoration:none}.howto-button:hover{background:#2b4638}.howto-button--light{background:var(--howto-lime);color:var(--howto-ink)!important;border-color:var(--howto-lime)}.howto-button--light:hover{background:#e6fba3}
.howto-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 6px}.howto-role{display:flex;align-items:center;gap:14px;min-height:118px;border:1px solid var(--howto-line);border-radius:19px;padding:20px;text-decoration:none;background:#fffef9;transition:background .15s,border-color .15s}.howto-role:hover{background:#f1f5e9;border-color:#82996e}.howto-role>span:nth-child(2){flex:1;min-width:0}.howto-role strong{display:block;font-size:18px;margin-bottom:6px;letter-spacing:-.03em}.howto-role small{display:block;font-size:12px;line-height:1.5;color:var(--howto-muted)}.howto-role>.ui-icon{flex-shrink:0;width:18px}.howto-role--veli .howto-icon{background:#ffe0bf}.howto-role--egitmen .howto-icon{background:#dce9fc}.howto-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px;padding:10px 0}.howto-shortcuts a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:5px}
.howto-section{padding-top:48px}.howto-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:23px}.howto-section-head h2{display:flex;align-items:center;gap:12px;font-size:28px;line-height:1.25;letter-spacing:-.04em;margin-bottom:0}.howto-section-head>p{font-size:13px;max-width:410px;color:var(--howto-muted);margin-bottom:0}.howto-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:20px}.howto-start-grid li{position:relative;padding:25px;background:#fffef8;border:1px solid var(--howto-line);border-radius:18px}.howto-number{display:inline-block;color:#52703d;font-size:13px;font-weight:800;letter-spacing:.05em;background:#edf3df;padding:2px 9px;border-radius:8px;margin-bottom:22px}.howto-start-grid h3{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin-bottom:12px}.howto-start-grid p{font-size:13px;color:var(--howto-muted);margin-bottom:10px}.howto-start-grid a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:750;text-decoration:none}.howto-start-grid a:hover{text-decoration:underline}
.howto-accordion{border:1px solid var(--howto-line);border-radius:18px;overflow:hidden;background:#fffef9}.howto-detail+.howto-detail{border-top:1px solid var(--howto-line)}.howto-detail summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;min-height:74px;padding:19px 23px;font-size:15px;line-height:1.5;font-weight:750}.howto-detail summary::-webkit-details-marker{display:none}.howto-detail summary>span:not(.howto-detail-icon){flex:1;min-width:0}.howto-detail summary:hover{background:#f6f8f0}.howto-detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:#f0f3e8;border-radius:11px;color:#48633b}.howto-detail-icon svg{width:20px;height:20px}.howto-detail .howto-expand{flex-shrink:0;width:19px;height:19px;transition:transform .15s}.howto-detail[open] .howto-expand{transform:rotate(45deg)}.howto-detail[open] summary{background:#f5f7ed}.howto-detail-content{padding:6px 28px 25px 73px;font-size:14px;color:#394c42}.howto-detail-content .howto-detail-intro{color:var(--howto-ink);font-weight:550;padding-top:10px}.howto-detail-content ol{padding-left:22px;margin:15px 0}.howto-detail-content li{padding-left:6px;margin:9px 0}.howto-detail-content li::marker{font-weight:800;color:#536d3e}.howto-method-note{display:flex;align-items:flex-start;gap:10px;font-size:12px;padding:14px 16px;background:#f6f4eb;border-radius:12px;color:#555b49}.howto-method-note svg{flex-shrink:0;margin-top:3px;width:18px;height:18px}.howto-action-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px 24px;margin-top:14px}.howto-action-links a,.howto-detail-content>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.howto-panel-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:12px;font-size:13px;font-weight:750}.howto-notice{padding:20px;border:1px solid #c7a252;background:#fff6d8;border-radius:14px;margin-top:20px}.howto-notice p{margin-bottom:0;font-size:14px}
.howto-app{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:35px;margin-top:54px;border-radius:22px;background:#172b26;color:#f3f5e9}.howto-app h2{font-size:29px;line-height:1.25;letter-spacing:-.04em;color:#fffce8}.howto-app .howto-kicker{color:#d9f37b}.howto-app p{font-size:14px;color:#e0e6d8}.howto-app aside{border-left:1px solid #4a5c4b;padding-left:34px;align-self:center}.howto-app h3{color:#fffce8;font-size:18px;line-height:1.45}.howto-safety{display:flex;align-items:flex-start;gap:22px;border-bottom:1px solid var(--howto-line);padding-bottom:30px}.howto-safety h2{font-size:25px;line-height:1.3;letter-spacing:-.035em}.howto-safety ul{padding-left:19px;font-size:14px;color:var(--howto-muted)}.howto-safety li{margin:6px 0}.howto-roadmap{margin-top:32px;padding:20px 24px;background:#f1f1e9;border:1px solid var(--howto-line);border-radius:14px;font-size:12px;color:var(--howto-muted)}.howto-roadmap strong{color:var(--howto-ink)}.howto-roadmap p{margin:7px 0 0}.howto-back-top{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:18px;font-size:13px;font-weight:700}
@media(max-width:1000px){.howto-hero{gap:26px;padding:30px}.howto-role{padding:16px;gap:10px}.howto-role .howto-icon{width:43px;height:43px;border-radius:13px}.howto-role>svg{display:none}.howto-app{gap:30px}.howto-start-grid{gap:12px}}
@media(max-width:720px){.howto-main{padding:12px 0 36px}.howto-hero{grid-template-columns:1fr;gap:24px;border-radius:21px;padding:26px 22px}.howto-hero h1{font-size:36px}.howto-first-step{padding:20px}.howto-first-step h2 br{display:none}.howto-first-step .howto-icon{width:42px;height:42px;margin-bottom:13px}.howto-first-step h2{font-size:22px}.howto-free{font-size:11px;gap:7px}.howto-role-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.howto-role{min-height:88px;padding:14px 16px}.howto-role>svg{display:block}.howto-role strong{font-size:17px}.howto-role small{font-size:12px}.howto-shortcuts{gap:0 18px}.howto-section{padding-top:34px}.howto-section-head{display:block;margin-bottom:17px}.howto-section-head h2{font-size:24px}.howto-section-head>p{margin-top:12px;max-width:none}.howto-start-grid{grid-template-columns:1fr;gap:10px}.howto-start-grid li{padding:20px 20px 16px 70px}.howto-number{position:absolute;left:18px;top:22px}.howto-start-grid h3{font-size:17px;margin-bottom:8px}.howto-detail summary{padding:16px;gap:11px;font-size:14px;min-height:72px}.howto-detail-icon{width:32px;height:32px}.howto-detail-content{padding:4px 19px 19px;font-size:13px}.howto-detail-content ol{padding-left:21px}.howto-action-links{gap:4px 16px}.howto-action-links a{font-size:12px}.howto-method-note{padding:12px;font-size:12px}.howto-app{grid-template-columns:1fr;padding:25px;gap:15px;margin-top:34px}.howto-app h2{font-size:27px}.howto-app aside{border-left:none;border-top:1px solid #4a5c4b;padding:21px 0 0}.howto-safety{gap:13px}.howto-safety>.howto-icon{width:39px;height:39px;border-radius:12px}.howto-safety>.howto-icon svg{width:24px;height:24px}.howto-safety h2{font-size:22px}.howto-safety ul{font-size:13px}.howto-roadmap{padding:17px}.howto-main [id]{scroll-margin-top:90px}}
@media(min-width:721px){.howto-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.howto-app{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:720px){.howto-hero,.howto-app{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.howto-main *{transition:none!important;scroll-behavior:auto!important}}
