html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--text-color: #213547;--bg-color: #fff8f8;--gotoback-shadow: rgba(123, 123, 123, .33);--bs-link-color: #6ea8fe;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark{--bg-color: #17171a;--bg-color: #292e39;--text-color: #d5dde4;--gotoback-shadow: rgb(74 101 255);--bs-link-color: #6ea8fe;--footer-bgr: #171c28;--header-bgr: #171c28;--form-bgr-color: #292e39;--form-border-color: #f8f9fa80;--list-color: #a6a8aa;--shadow-hover: #007bff;--post-time-color: #f8f8f8;--post-time-bgr: rgba(123, 123, 123, .33)}html,body{overflow-y:scroll;scroll-behavior:smooth}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#d5dde471}::-webkit-scrollbar-thumb{background-color:#d5dde471;border-radius:999px}*{margin:0;padding:0;box-sizing:border-box}body{font-size:1.6rem;min-width:320px;min-height:100vh;color:var(--text-color);background-color:var(--bg-color);transition:background-color .25s ease,color .25s ease}a{font-weight:500;color:#646cff;text-decoration:none;-webkit-user-select:none;user-select:none}a:hover{color:#535bf2}h1{font-size:3em;line-height:1.1}h1.slogan{display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px;font-size:2.4em;gap:20px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;outline:none;transition:border-color .25s;-webkit-user-select:none;user-select:none}button:hover{border-color:#646cff}.toggle-theme{display:flex;align-items:center;padding:0;width:38px;height:38px;font-size:16px;border:1px solid #757e854e;background:transparent;color:var(--text-color);border-radius:9px;outline:none!important;cursor:pointer}.container{max-width:1280px;min-width:1080px;margin:0 auto;padding:2rem 0}.basic-theory{margin-top:20px}#theoryTitle+nav{max-height:138px;overflow:hidden;overflow-y:auto;transition:all .3s linear}#theoryTitle+nav:has(.open),#theoryTitle.open+nav{max-height:500px}.exercise-content.home-content{align-items:start}.home-content ul::-webkit-scrollbar{width:0;display:none}.home-content ul::-webkit-scrollbar-track{background:transparent}.home-content ul::-webkit-scrollbar-thumb{background-color:transparent}.exercise-content h2{margin-bottom:20px;font-size:24px}.exercise-content{width:900px}.exercise-content nav{margin-top:20px;font-size:1.6rem;width:100%}nav ul ul{margin-left:1.5rem;padding-left:10px;border-left:1px solid #ddd}nav ul ul{max-height:0;opacity:0;overflow:hidden;transition:margin-block .4s ease,max-height .4s ease,opacity .3s ease}.nav-label{display:flex;align-items:center;gap:16px;box-shadow:0 0 1px}.nav-label .arrow-right{width:28px;aspect-ratio:1;color:#50a14f;margin-left:auto;transition:translate,transform .3s ease}nav .nav-label.open+ul{max-height:500px;margin-block:10px;opacity:1;overflow-y:scroll}.nav-label.open .arrow-right{transform:rotate(450deg)}nav li{list-style:none;margin-bottom:6px}nav li:hover>span,nav li:hover>a{background-color:#62626210}.nav-label,nav li a{display:flex;padding:6px 10px;transition:background-color .2s linear;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.8rem}nav li a{border-bottom:1px solid #5d697328}.back-to-top{position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 2px 5px #0003;z-index:1000}.back-to-top:hover{background-color:#0056b3;transform:translateY(-2px)}.back-to-top.show{opacity:1;visibility:visible}.gotoback{display:flex;align-items:center;justify-content:center;width:128px;height:38px;padding:8px;overflow:hidden;font-size:20px;border-radius:8px;border:1px solid #c2c2c2;background-color:#f4f4f4;transition:translate .12s linear,background-color .12s linear,box-shadow .12s linear;cursor:pointer;text-decoration:none;box-sizing:border-box}.gotoback:hover{background-color:#f4f4f4;box-shadow:4px 4px 16px var(--gotoback-shadow);translate:4px -2px}.gotoback:active{box-shadow:2px 2px 4px var(--gotoback-shadow);translate:0 4px}.posts{position:relative}.repositories{font-size:2.4rem;text-align:left;padding:0 0 3rem}._title_65vkq_1{color:#ff5b2e;font-size:4rem;font-weight:700;line-height:1.16;margin:1.2rem 0;text-align:center;font-family:Poppins,sans-serif}._payment_65vkq_11{color:#000958;background-clip:text;background:linear-gradient(45deg,#ff6b6b,#0400ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}._desc_65vkq_19{text-align:center}._setup_router_65vkq_23{display:flex;flex-direction:column;padding:20px 0;text-align:center}._setup_router_65vkq_23 h2{padding:40px 0;text-align:left;font-size:2.6rem;font-weight:600;margin-top:2rem}._router_img_65vkq_38{width:80%;margin:auto}._default_1rdqh_1{margin-top:65px;padding-block:50px}._logo_njgsz_1{display:inline-flex;align-items:center;color:var(--btn-link-text-color);-webkit-user-select:none;user-select:none}._logo_njgsz_1 img{border-radius:999px}._small_njgsz_12 img{width:32px;height:32px}._medium_njgsz_17 img{width:50px;height:50px}._large_njgsz_22 img{width:70px;height:70px}._small_njgsz_12 span{font-size:1.4rem}._medium_njgsz_17 span{font-size:1.8rem}._large_njgsz_22 span{font-size:2.2rem}._header_jw6xp_1{position:fixed;top:0;left:0;right:0;padding-inline:30px;margin-bottom:30px;box-shadow:0 0 1px #555050b8;background:var(--header-bgr, #ebecec);z-index:99999}._container_jw6xp_13{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 0;margin:auto}._actions_jw6xp_22{display:flex;align-items:center;justify-content:center;gap:8px}._register_jw6xp_29,._login_jw6xp_30{padding:10px 16px;border-radius:4px}._login_jw6xp_30{background:#79f3d274;color:var(--text-color)}._nav_1kw6b_1{display:flex;justify-content:center;flex:1;width:100%}._navlist_1kw6b_8{display:flex}._item_1kw6b_12{margin:0}._link_1kw6b_16{padding:10px;overflow:hidden;white-space:nowrap}._footer_1wgek_1{display:flex;flex-wrap:wrap;background:var(--footer-bgr, #ebecec);padding:20px;margin-top:50px}._container_1wgek_9{display:flex;flex-wrap:wrap;padding:20px 0}._footer_content_1wgek_15{padding:20px 0;flex:1}._footer_content_1wgek_15 p{padding:20px 0}._footer_nav_1wgek_24{display:flex;justify-content:space-between;flex:2}._list_item_1wgek_30{flex-direction:column;padding:20px}._copyright_1wgek_35{text-align:center;width:100%;margin-top:50px}._auth_5f0le_1{display:flex;align-items:center;justify-content:space-around;padding:80px 0 0;height:100vh}._sidebar_content_5f0le_9{display:flex;align-items:start;flex-direction:column}._sidebar_title_1dn5u_1{font-weight:600;font-size:3.6rem;margin-bottom:30px}._nav_auth_1dn5u_7{flex-direction:column;width:100%;margin-top:20px}._sidebar_img_1dn5u_13{border-radius:1rem;cursor:pointer}._admin_container_1yzjg_1{display:flex;background:var(--form-bgr-color, #fff)}._footer_1oucm_1{display:flex;align-items:center;justify-content:space-around;padding:82px 16px;text-align:center;font-size:14px;color:#676565;border-top:1px solid rgba(221,221,221,.1803921569);background:var(--footer-bgr, #ebecec)}._sidebar_21pg8_1{width:282px;min-height:calc(100vh - 110px);color:#fff;padding:160px 16px;transition:width .3s;background:var(--footer-bgr, #f8f8f8);flex-shrink:0}._sidebar_21pg8_1._collapsed_21pg8_10{width:70px}._sidebar_21pg8_1 ._brand_21pg8_13{font-size:22px;margin-bottom:30px;font-weight:600;overflow:hidden;padding:10px;white-space:nowrap}._sidebar_21pg8_1 ._nav_admin_21pg8_21{display:flex;flex-direction:column;gap:10px;width:100%}._sidebar_21pg8_1 ._nav_admin_21pg8_21 ._item_21pg8_27{padding:10px;border-radius:4px;text-decoration:none;color:#ddd;transition:background .2s}._sidebar_21pg8_1 ._nav_admin_21pg8_21 ._item_21pg8_27:hover{background:#333;color:#fff}._sidebar_21pg8_1 ._nav_admin_21pg8_21 ._item_21pg8_27._active_21pg8_38{background:#007bff;color:#fff}._sidebar_21pg8_1 ._nav_admin_21pg8_21 ._nav_collapsed_21pg8_42{background:#000}._header_1gwp2_1{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(221,221,221,.1568627451);background:var(--header-bgr, #f8f8f8);z-index:9999}._header_1gwp2_1 ._left_1gwp2_14{display:flex;align-items:center;gap:12px;padding:0 20px 0 0;cursor:pointer}._header_1gwp2_1 ._left_1gwp2_14 ._toggle_1gwp2_21{background:none;border:none;font-size:20px;padding:4px 8px;color:var(--text-color);border-radius:4px}._header_1gwp2_1 ._left_1gwp2_14:hover{background:#9c9a9a67}._header_1gwp2_1 ._left_1gwp2_14 ._logo_1gwp2_32{font-size:18px;font-weight:600;color:var(--text-color)}._header_1gwp2_1 ._search_1gwp2_37{flex:1;margin:0 20px;max-width:400px}._header_1gwp2_1 ._search_1gwp2_37 input{width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}._header_1gwp2_1 ._search_1gwp2_37 input:focus{border-color:#007bff;outline:none}._header_1gwp2_1 ._user_1gwp2_53{position:relative}._header_1gwp2_1 ._user_1gwp2_53 ._user_btn_1gwp2_56{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:var(--bs-link-color);cursor:pointer;transition:background .2s linear}._header_1gwp2_1 ._user_1gwp2_53 ._user_btn_1gwp2_56:hover{background:#f5f5f5}._header_1gwp2_1 ._user_1gwp2_53 ._avatar_1gwp2_69{display:inline-flex;font-size:20px;margin-bottom:4px}._header_1gwp2_1 ._user_1gwp2_53 ._name_1gwp2_74{display:inline-flex;font-size:16px;font-weight:500;color:#333;margin-left:6px}._header_1gwp2_1 ._user_1gwp2_53 ._dropdown_1gwp2_81{position:absolute;right:0;top:110%;border:1px solid #ddd;border-radius:4px;min-width:150px;background:var(--header-bgr, #f8f8f8);box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;padding:10px 0;z-index:100}._header_1gwp2_1 ._user_1gwp2_53 ._dropdown_1gwp2_81 ._admin_theme_1gwp2_95{color:var(--text-color);width:100%}._header_1gwp2_1 ._user_1gwp2_53 ._dropdown_1gwp2_81 button{padding:8px 12px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px;border-radius:0;margin-bottom:4px;color:var(--text-color);transition:background .2s linear}._header_1gwp2_1 ._user_1gwp2_53 ._dropdown_1gwp2_81 button:hover{background:#f5f5f534}._header_1gwp2_1 ._user_1gwp2_53 ._dropdown_1gwp2_81 button._logout_1gwp2_114{color:red;font-weight:500}._about_content_ij7qo_1 h2{padding:10px 0;font-size:2.6rem;font-weight:600}._about_content_ij7qo_1 h3{padding:16px 0;font-size:1.8rem;font-weight:600}._about_content_ij7qo_1 p{padding:10px;border-radius:6px;border:1px solid rgba(125,120,120,.431372549);color:var(--text-color);font-size:14px;font-weight:300;margin-bottom:8px;transition:background-color .2s linear}._about_content_ij7qo_1 p:hover{background-color:#95919122;cursor:pointer}._loading_posts_2ef89_1{position:fixed;top:0;right:0;bottom:0;left:0;margin:100px auto auto;width:200px;height:200px}._posts_title_2ef89_9,._posts_heading_2ef89_10{font-weight:600;font-size:3rem;padding:20px;margin-block:20px}._posts_title_2ef89_9{margin:0}._pagination_1kezf_1{display:flex;position:absolute;bottom:-68px;align-items:center;justify-content:center;width:100%;gap:8px}._button_1kezf_11{cursor:pointer;border-radius:4px;font-size:14px;border:1px solid #ddd;color:#00ac17;transition:background .2s ease}._button_1kezf_11 svg{width:26px;height:26px}._button_1kezf_11:hover:not(._disabled_1kezf_25){background:#e6e6e6;color:#ac5900}._button_1kezf_11._disabled_1kezf_25{opacity:.5!important;cursor:not-allowed}._dot_1kezf_35{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ddd;color:#333;text-decoration:none;font-size:14px;background:#fff;transition:all .2s ease}._dot_1kezf_35:hover{background:#f0f0f0}._dot_1kezf_35._active_1kezf_54{background:#007bff;color:#fff;font-weight:700;border-color:#007bff}._loading_posts_gzikw_1{position:fixed;top:0;right:0;bottom:0;left:0;margin:100px auto auto;width:200px;height:200px}._pages_posts_gzikw_9{width:90%;margin:auto}._list_gzikw_14{display:flex;flex-direction:column;justify-content:center;align-items:center}._card_gzikw_21{display:flex;flex-direction:column;gap:10px;margin-top:26px;padding:30px;border-radius:16px;border:2px solid rgba(232,232,232,.4901960784);box-shadow:-1px 13px 26px var(--shadow, rgba(123, 123, 123, .33));transition:box-shadow .2s linear}._card_gzikw_21:hover{box-shadow:-1px 13px 26px var(--shadow-hover, #a6a8aa)}._card_gzikw_21 ._header_gzikw_37{display:flex;align-items:center;justify-content:space-between}._author_gzikw_43{display:flex;align-items:center}._avatar_gzikw_48{display:flex;align-items:center;justify-content:center;padding:.4rem;position:relative;width:4rem;height:4rem;object-fit:cover;border-radius:50%;transition:opacity .2s linear;background:linear-gradient(180deg,#ffd900,#b45264 93.68%)}._bloger_gzikw_62{font-size:1.6em;color:var(--list-color, #292929);font-weight:600;margin-left:16px}._actions_gzikw_69{display:flex;margin-right:-8px;user-select:none;-webkit-user-select:none;align-items:center}._option_btn_gzikw_77,._toggle_btn_gzikw_78{cursor:pointer;padding:4px 8px;transition:opacity .2s linear}._avatar_gzikw_48:hover,._option_btn_gzikw_77:hover,._toggle_btn_gzikw_78:hover{opacity:.8}._toggle_btn_gzikw_78 svg,._option_btn_gzikw_77 svg{color:var(--icon-color, #757575);width:18px;transition:color .2s linear}._option_btn_gzikw_77 svg{color:var(--icon-color, transparent)}._card_gzikw_21:hover{--icon-color: var(--shadow-hover, #f05123)}._info_gzikw_105{display:flex;flex-direction:column;font-size:1.4rem;flex:1;padding-right:32px}._title_gzikw_113{color:var(--text-color, #1b1b1b);font-size:2rem;font-weight:700;line-height:1.6;margin-top:8px;margin-bottom:0}._title_gzikw_113:first-letter{text-transform:uppercase}._desc_gzikw_126{margin-top:8px;font-size:1.5rem;line-height:1.6;color:var(--list-color, #505050)}._footer_gzikw_133{display:flex;align-items:center;justify-content:space-between}._metaInfo_gzikw_139{margin-top:16px}._post_time_gzikw_143,._read_time_gzikw_144{padding:4px 10px;border-radius:4px;color:var(--post-time-color, #333);line-height:2rem;margin-right:12px;font-weight:500;background-color:var(--post-time-bgr, rgba(232, 232, 232, .6509803922))}._detail_btn_gzikw_154{border-radius:4px;padding:10px 16px;background:#8befb5;transition:background,opacity .2s linear}._detail_btn_gzikw_154:hover{opacity:.8;background:#8befb5}._contact_content_10wn8_1 h2{padding:10px 0;font-size:2.6rem;font-weight:600}._contact_content_10wn8_1 h3{padding:16px 0;font-size:1.8rem;font-weight:600}._contact_content_10wn8_1 p{padding:10px;border-radius:6px;border:1px solid rgba(125,120,120,.431372549);color:var(--text-color);font-size:14px;font-weight:300;margin-bottom:8px;transition:background-color .2s linear}._contact_content_10wn8_1 p:hover{background-color:#95919122;cursor:pointer}._form_wraps_8jv4o_1{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 40px;min-width:40rem;border-radius:1rem;box-shadow:-1px -1px 1px #5a89f14d,2px 2px 5px #42e3ff1f;background-color:#292e39;background-color:var(--form-bgr-color, #f8f8f8)}._title_8jv4o_14{font-size:3rem;margin-bottom:40px;text-align:center;font-weight:600}._form_wraps_8jv4o_1 *{width:100%}._form_group_8jv4o_25{margin-bottom:20px}._form_label_8jv4o_29{display:inline-block;margin-bottom:1rem;text-wrap:nowrap;cursor:pointer}._form_input_8jv4o_36{display:flex;flex:1;margin-bottom:1.5rem;font-weight:300;font-size:calc(1.275rem + .3vw);padding:1rem 1.5rem 15px;outline:none;border-radius:8px;border:1px solid var(--form-border-color, rgba(91, 96, 101, .5019607843));color:#f8f8f8;background-color:var(--form-bgr-color, transparent)}._checkbox_8jv4o_50{display:inline-flex;width:20px;height:20px;margin-right:16px}._register_8jv4o_57,._submit_8jv4o_58{margin-block:20px}._admin_content_xiep7_1{margin-top:50px;padding:50px 16px 50px 20px}._admin_content_xiep7_1 h2{padding:10px 0;font-size:2.6rem;font-weight:600}._admin_content_xiep7_1 h3{padding:16px 0;font-size:1.8rem;font-weight:600}._admin_content_xiep7_1 p{padding:10px;border-radius:6px;border:1px solid rgba(125,120,120,.431372549);color:var(--text-color);font-size:14px;font-weight:300;margin-bottom:8px;transition:background-color .2s linear}._admin_content_xiep7_1 p:hover{background-color:#95919122;cursor:pointer}._notfound_d39fi_1{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;font-family:Segoe UI,sans-serif}._notfound_d39fi_1 ._wrapper_d39fi_11{max-width:500px;padding:2rem}._notfound_d39fi_1 ._title_d39fi_15{font-size:8rem;font-weight:800;margin:0;letter-spacing:.3em;background:linear-gradient(30deg,#ff6b6b 25%,#0400ff,#ff5b2e 70%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 20px rgba(0,0,0,.3)}._notfound_d39fi_1 ._message_d39fi_26{font-size:1.25rem;margin:1rem 0 2rem;line-height:1.6}._notfound_d39fi_1 ._home_btn_d39fi_31{display:inline-block;padding:.8rem 1.5rem;border-radius:8px;background:#9bffb4;color:#764ba2;font-weight:600;text-decoration:none;transition:all .25s ease-in-out}._notfound_d39fi_1 ._home_btn_d39fi_31:hover{background:#43ff72;transform:translateY(-2px)}