/*
MIT License
Copyright (c) 2026 Mochammad Farros Fatchur Roji

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Copyright 2019 The Manrope Project Authors
(https://github.com/sharanda/manrope).
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The fonts,
including any derivative works, can be bundled, embedded, redistributed
and/or sold with any software provided that any reserved names are not used
by derivative works. The fonts and derivatives, however, cannot be released
under any other type of license. The requirement for fonts to remain under
this license does not apply to any document created using the fonts or their
derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may include
source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical writer
or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining a copy
of the Font Software, to use, study, copy, merge, embed, modify, redistribute,
and sell modified and unmodified copies of the Font Software, subject to the
following conditions:
1) Neither the Font Software nor any of its individual components, in
Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be included
either as stand-alone text files, human-readable headers or in the
appropriate machine-readable metadata fields within text or binary files
as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font Name(s)
unless explicit written permission is granted by the corresponding Copyright
Holder. This restriction only applies to the primary font name as presented
to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any Modified
Version, except to acknowledge the contribution(s) of the Copyright Holder(s)
and the Author(s) or with their explicit written permission.
5) The Font Software, modified or unmodified, in part or in whole, must be
distributed entirely under this license, and must not be distributed under
any other license. The requirement for fonts to remain under this license
does not apply to any document created using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT
HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY
GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR
INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
*/
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-cyrillic-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-cyrillic-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0f172a;--muted:#526077;--indigo:#4f46e5;--indigo-dark:#3730a3;--mint:#14b8a6;--paper:#fafbff;--panel:#fff;--line:#dce1ef;--night:#111116}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.68 Manrope,Arial,sans-serif;hyphens:none}
img{display:block;width:100%;height:auto;max-width:100%}
figure,p,h1,h2,h3{margin:0}
p,li,a,summary,span{hyphens:none;overflow-wrap:normal;word-break:normal}
h1,h2,h3{font-weight:700;letter-spacing:-.035em;line-height:1.12;hyphens:manual;overflow-wrap:normal}
h1{font-size:clamp(2.4rem,5.2vw,4.5rem)}
h2{font-size:clamp(2rem,3.5vw,3.25rem)}
h3{font-size:clamp(1.25rem,1.8vw,1.7rem)}
a{color:inherit;text-underline-offset:.2em}
a:hover{color:var(--indigo)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--indigo);outline-offset:4px}
.QeItjRXhJrqE{width:min(100% - 40px,1200px);margin-inline:auto}
.q7XaAPRNawpr{position:absolute;top:-100px;left:16px;z-index:30;padding:10px 14px;background:var(--night);color:#fff}
.q7XaAPRNawpr:focus{top:8px}
.eXzJJdWvNptY{position:sticky;top:0;z-index:20;background:#ffffffec;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.q7uCK8cT9YhT{display:flex;align-items:center;gap:26px;min-height:72px;white-space:nowrap}
.F4HBC28A2SR_{display:flex;align-items:center;gap:10px;min-height:44px;min-width:0;margin-right:auto;font-size:1.1rem;font-weight:700;text-decoration:none}
.F4HBC28A2SR_ span{display:block;width:29px;height:29px;flex:none;border:7px solid var(--indigo);border-right-color:var(--mint);border-radius:9px;transform:rotate(-12deg)}
.CvFNpBhZV1I3{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:.9rem;font-weight:700}
.CvFNpBhZV1I3 a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
.CvFNpBhZV1I3 a:hover,.CvFNpBhZV1I3 a[aria-current]{color:var(--indigo);text-decoration:underline;text-underline-offset:8px}
.ArM0D61ueosd{display:none;position:relative;margin-left:auto}
.ArM0D61ueosd summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:12px;font-size:1.3rem}
.ArM0D61ueosd summary::-webkit-details-marker{display:none}
.LB-tXCfnJdKz{position:absolute;right:0;top:52px;display:flex;flex-direction:column;min-width:min(80vw,260px);padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 30px #11111622}
.LB-tXCfnJdKz a{display:flex;align-items:center;min-height:44px;padding:10px 12px;text-decoration:none;border-radius:9px}
.LB-tXCfnJdKz a:hover,.LB-tXCfnJdKz a[aria-current]{background:#eef2ff;color:var(--indigo)}
.X_bnEX33QaKJ{padding-block:72px 62px;text-align:center}
.qDXU3hf7qzud{max-width:850px;margin-inline:auto}
.qDXU3hf7qzud p{max-width:710px;margin:24px auto 0;font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--muted);text-align:left}
.NHe50J8ehQOn{position:relative;max-width:1080px;margin:54px auto 0;padding:16px;border:1px solid #b7c0de;border-radius:30px;background:linear-gradient(140deg,#101525,#232d58);box-shadow:0 24px 65px #28326224}
.NHe50J8ehQOn:before{content:"";display:block;height:14px;margin:0 0 14px;border-radius:8px;background:radial-gradient(circle at 8px 7px,#e37b7b 0 5px,transparent 6px),radial-gradient(circle at 28px 7px,#e6bd62 0 5px,transparent 6px),radial-gradient(circle at 48px 7px,#66c5b4 0 5px,transparent 6px)}
.NHe50J8ehQOn img{aspect-ratio:5/3;object-fit:cover;border-radius:17px}
.q5ZNRR6dK4FL{padding-block:28px 72px;background:#111116;color:#fff}
.Fm7hhCzRmn0c{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,7vw,96px);padding-top:60px}
.lBxtFS9r6IAn{display:grid;gap:20px}
.lBxtFS9r6IAn h2{font-size:clamp(2.3rem,4vw,3.3rem)}
.lBxtFS9r6IAn p{max-width:680px;color:#a7a7b2;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}
.q5ZNRR6dK4FL a{display:grid;place-items:center;min-height:156px;padding:22px;border:1px solid #3e3e49;border-radius:24px;background:#19191f;text-decoration:none}
.q5ZNRR6dK4FL a:hover{border-color:#747484}
.q5ZNRR6dK4FL [data-partner-logo]{display:grid;place-items:center}
.q5ZNRR6dK4FL img{width:min(100%,220px);height:auto}
.e8FhGf_Nr-2t{padding-block:105px}
.qWD90Dv43aBi{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:40px;margin-bottom:34px}
.qWD90Dv43aBi p{max-width:68ch;color:var(--muted)}
.w18uPjZoFtIz{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:20px}
.iDeXHpFqhpp9,.qGvfzzwNZYoC{min-width:0;padding:clamp(24px,3vw,38px);border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 10px 28px #20295b0a}
.iDeXHpFqhpp9{grid-row:span 2;display:flex;flex-direction:column;gap:18px;background:linear-gradient(140deg,#fff 45%,#eef1ff)}
.iDeXHpFqhpp9 figure{margin-top:auto;padding-top:8px}
.iDeXHpFqhpp9 img{aspect-ratio:4/3;object-fit:cover;border-radius:17px}
.qGvfzzwNZYoC{display:flex;flex-direction:column;gap:15px;align-self:stretch}
.qGvfzzwNZYoC p,.iDeXHpFqhpp9 p{color:var(--muted)}
.qGvfzzwNZYoC ul{padding-left:21px;margin:0;display:grid;gap:12px;color:var(--muted)}
.MzYZsBvErYxz{padding-block:90px;background:var(--night);color:#fff}
.sw3BE7wVh9Un{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(30px,5vw,76px)}
.sw3BE7wVh9Un>div{display:grid;gap:22px}
.sw3BE7wVh9Un p{color:var(--muted)}
.MzYZsBvErYxz .sw3BE7wVh9Un p{color:#cbd5e1}
.sw3BE7wVh9Un figure{padding:10px;border:1px solid #7780a0;border-radius:22px}
.sw3BE7wVh9Un img{aspect-ratio:4/3;object-fit:cover;border-radius:13px}
.fVV2ROVApXs6{padding-block:90px;border-bottom:1px solid var(--line)}
.fVV2ROVApXs6>div{max-width:76ch;display:grid;gap:24px}
.fVV2ROVApXs6 p{color:var(--muted)}
.qm8bs6kK8Awy{padding-block:100px 110px}
.qm8bs6kK8Awy>h2{max-width:800px;margin-bottom:28px}
.qSEr8lGtK77x{max-width:900px;border-top:1px solid var(--line)}
.qSEr8lGtK77x details{border-bottom:1px solid var(--line)}
.qSEr8lGtK77x summary{position:relative;list-style:none;cursor:pointer;padding:22px 48px 22px 0}
.qSEr8lGtK77x summary::-webkit-details-marker{display:none}
.qSEr8lGtK77x summary:after{content:"+";position:absolute;top:15px;right:4px;color:var(--indigo);font-size:2rem}
.qSEr8lGtK77x details[open] summary:after{content:"−"}
.qSEr8lGtK77x p{padding:0 32px 26px 0;color:var(--muted)}
.DkI9dB7a_SO0{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;list-style:none;margin:0;padding:24px 0 0;color:var(--muted);font-size:.9rem}
.DkI9dB7a_SO0 a{display:inline-flex;align-items:center;min-height:44px}
.DkI9dB7a_SO0 li{display:inline-flex;align-items:baseline;max-width:100%;white-space:normal;overflow-wrap:break-word}
.DkI9dB7a_SO0 li+li::before{content:"";display:inline-block;width:1px;height:.8em;background:#9aa3b8;transform:rotate(18deg);margin-right:8px}
.jv-Aoekt0sfe{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(30px,5vw,70px);padding-block:60px}
.jv-Aoekt0sfe p{margin-top:24px;font-size:1.2rem;color:var(--muted)}
.jv-Aoekt0sfe figure{padding:12px;border:1px solid var(--line);border-radius:27px;background:#e9edff}
.jv-Aoekt0sfe img{aspect-ratio:5/3;object-fit:cover;border-radius:18px}
.q2D_C-3FFb0i{padding-block:22px;border-block:1px solid var(--line)}
.q2D_C-3FFb0i>div,.q2D_C-3FFb0i nav{display:flex;flex-wrap:wrap;gap:12px 25px}
.q2D_C-3FFb0i a{display:inline-flex;align-items:center;min-height:44px;color:var(--indigo);font-weight:700;text-decoration:none}
.q2D_C-3FFb0i a:hover{text-decoration:underline}
.wFuVVYTfMGIn{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding-block:50px 40px}
.wFuVVYTfMGIn p{color:var(--muted)}
.hLj4mOtYV4cg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:20px 90px}
.hLj4mOtYV4cg article{display:grid;grid-template-columns:1fr 1fr;grid-column:span 2;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff}
.hLj4mOtYV4cg img{height:100%;aspect-ratio:3/2;object-fit:cover}
.hLj4mOtYV4cg article>div{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:clamp(24px,4vw,52px)}
.hLj4mOtYV4cg h2{font-size:clamp(1.6rem,2.4vw,2.3rem)}
.hLj4mOtYV4cg article>div>a{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;color:var(--indigo);font-weight:700;text-decoration:none}
.hLj4mOtYV4cg p{color:var(--muted)}
.hSkGfRlmqZkZ{max-width:1000px;padding-block:45px}
.article-page-title{max-width:760px;padding-top:24px}
.ih7VJEExvJWt{max-width:760px;margin-inline:auto}
.ih7VJEExvJWt>p{margin-top:25px;color:var(--muted);font-size:1.2rem}
.hSkGfRlmqZkZ .q2D_C-3FFb0i{margin-block:38px}
.hSkGfRlmqZkZ>figure{max-width:760px;margin:0 auto 46px}
.hSkGfRlmqZkZ>figure img{aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.c9ViBgko6DaH{max-width:760px;margin-inline:auto;font-size:1.05rem;line-height:1.8}
.c9ViBgko6DaH :is(h2,h3){margin:1.4em 0 .55em}
.c9ViBgko6DaH :is(p,ul,ol,table){margin:0 0 1.25em}
.c9ViBgko6DaH :is(ul,ol){padding-left:1.5em}
.c9ViBgko6DaH table{display:block;max-width:100%;overflow-x:auto}
.c9ViBgko6DaH .article-code{max-width:100%;overflow-x:auto;margin:0 0 1.25em;padding:1rem;border-radius:8px;background:#f5f7fa;line-height:1.5;font-size:.9em}
.c9ViBgko6DaH .article-code code{white-space:pre}
main>.ih7VJEExvJWt{padding-block:70px 110px}
main>.ih7VJEExvJWt h1{margin-bottom:30px}
.TCPC2R-de8C3{padding-block:105px 130px}
.TCPC2R-de8C3 .ih7VJEExvJWt>span{display:block;color:var(--indigo);font-size:clamp(5.8rem,16vw,11rem);font-weight:700;line-height:1}
.TCPC2R-de8C3 h1{margin-top:12px}
.TCPC2R-de8C3 a{display:inline-block;margin-top:26px;padding:12px 22px;border-radius:12px;background:var(--indigo);color:#fff;text-decoration:none;font-weight:700}
.TCPC2R-de8C3 a:hover{background:var(--indigo-dark)}
.dMYYad4UE4KL{display:block;min-height:44px;padding-block:18px 35px;color:var(--indigo);font-weight:700;text-decoration:none}
.qpibsVUXc0Di{border-top:1px solid var(--line);background:#eef1fb}
.qZpgqgxLnQwJ{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(25px,5vw,80px);padding-block:62px 75px}
.UdSvYCvFeh8Z{font-size:1.35rem;font-weight:700;overflow-wrap:break-word}
.qZpgqgxLnQwJ nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.qZpgqgxLnQwJ nav strong{margin-bottom:5px}
.qZpgqgxLnQwJ nav a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;color:var(--muted);text-decoration:none}
.qZpgqgxLnQwJ nav a:hover{color:var(--indigo);text-decoration:underline}
@media(max-width:1000px){.CvFNpBhZV1I3 a:nth-child(4){display:none}.ArM0D61ueosd{display:block}.LB-tXCfnJdKz a:nth-child(-n+3){display:none}}
@media(max-width:830px){.CvFNpBhZV1I3 a:nth-child(3){display:none}.LB-tXCfnJdKz a:nth-child(3){display:block}}
@media(max-width:680px){.CvFNpBhZV1I3 a:nth-child(2){display:none}.LB-tXCfnJdKz a:nth-child(2){display:block}.qWD90Dv43aBi,.jv-Aoekt0sfe,.sw3BE7wVh9Un,.wFuVVYTfMGIn,.Fm7hhCzRmn0c{grid-template-columns:1fr}.qZpgqgxLnQwJ{grid-template-columns:1fr 1fr}.UdSvYCvFeh8Z{grid-column:1/-1}}
@media(max-width:510px){.CvFNpBhZV1I3 a:nth-child(1){display:none}.LB-tXCfnJdKz a:nth-child(1){display:block}.QeItjRXhJrqE{width:min(100% - 32px,1200px)}.q7uCK8cT9YhT{gap:10px}.F4HBC28A2SR_{white-space:normal;line-height:1.2}.w18uPjZoFtIz,.hLj4mOtYV4cg,.hLj4mOtYV4cg article{grid-template-columns:1fr;grid-template-rows:auto}.iDeXHpFqhpp9{grid-row:auto}.q5ZNRR6dK4FL{padding-block:20px 50px}.Fm7hhCzRmn0c{gap:32px;padding-top:42px}.q5ZNRR6dK4FL a{min-height:144px;border-radius:18px}.NHe50J8ehQOn{padding:8px;border-radius:18px}.NHe50J8ehQOn img{border-radius:10px}.X_bnEX33QaKJ{padding-block:55px}.e8FhGf_Nr-2t,.qm8bs6kK8Awy{padding-block:70px}.MzYZsBvErYxz{padding-block:65px}.jv-Aoekt0sfe{padding-block:35px}.hLj4mOtYV4cg article{grid-column:auto}.hLj4mOtYV4cg img{height:auto}.qZpgqgxLnQwJ{grid-template-columns:1fr}.UdSvYCvFeh8Z{grid-column:auto}.TCPC2R-de8C3{padding-block:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
