html.light{--color-text:#0e0e11;--color-background:oklch(97.9% .021 166.113);--color-background-two:oklch(97.9% .021 166.113);--color-background-three:#c9c9c9;--subtle-border-color:#27272a24;--main-color:oklch(59.6% .145 163.225);--slider-thumb:var(--main-color);--input-range-background:#b6b6b6}html.dark{--color-text:oklch(97.9% .021 166.113);--color-background:#0e0e11;--color-background-two:#18181b;--color-background-three:#28272a;--subtle-border-color:#27272a;--main-color:oklch(59.6% .145 163.225);--slider-thumb:var(--color-text);--input-range-background:var(--color-background-three)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}body{min-height:100vh;color:var(--color-text);background:var(--color-background)}.container{width:100%;max-width:1280px;margin:0 auto;padding-inline:20px}input:focus,input:active,textarea:focus,textarea:active{box-shadow:none;outline:none}button{transition:transform .12s}button:active{transform:scale(.96)}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (width<=768px){:root{font-size:14px}}.toggle-switch{width:40px;height:24px;margin:10px;display:inline-block;position:relative;transform:scale(.8)}.toggle-switch .toggle-input{display:none}.toggle-switch .toggle-label{background-color:var(--color-background-three);cursor:pointer;border-radius:34px;width:40px;height:24px;transition:background-color .3s;position:absolute;top:0;left:0}.toggle-switch .toggle-label:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch .toggle-input:checked+.toggle-label{background-color:var(--main-color)}.toggle-switch .toggle-input:checked+.toggle-label:before{transform:translate(16px)}.toggle-switch.light .toggle-label{background-color:#bebebe}.toggle-switch.light .toggle-input:checked+.toggle-label{background-color:#9b9b9b}.toggle-switch.light .toggle-input:checked+.toggle-label:before{transform:translate(6px)}.toggle-switch.dark .toggle-label{background-color:#4b4b4b}.toggle-switch.dark .toggle-input:checked+.toggle-label{background-color:#717171}.toggle-switch.dark .toggle-input:checked+.toggle-label:before{transform:translate(16px)}.nrj6p8qat{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--svg-stroke-width--2px,2px)}.ino9h4bpe{cx:12px;cy:16px;r:1px}.nxnw64b0f{x:3px;y:10px;rx:2px;width:18px;height:12px}.e5eb2xs2z{d:path("M7 10V7a5 5 0 0 1 10 0v3")}.spds58vva{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--svg-stroke-width--2px,2px);d:path("M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401")}.aqhok2bbj{cx:12px;cy:12px;r:4px}.u09pcspvo{d:path("M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41")}header[data-v-b05aeae0]{background:var(--color-background-two);border-bottom:1px solid var(--subtle-border-color);z-index:99;height:70px;position:sticky;top:0}header .container[data-v-b05aeae0]{justify-content:space-between;align-items:center;height:70px;display:flex}header .container .logo[data-v-b05aeae0]{text-transform:capitalize;align-items:center;gap:10px;font-size:18px;display:flex}header .container .logo svg[data-v-b05aeae0]{color:var(--main-color)}header .container button[data-v-b05aeae0]{cursor:pointer;background:0 0;border:none;display:flex}header .container button svg[data-v-b05aeae0]{color:var(--color-text);pointer-events:none;opacity:.7}@media (width<=768px){header .container[data-v-b05aeae0]{padding-inline:15px}}footer[data-v-a80f531f]{background:var(--color-background-two);border-top:1px solid var(--subtle-border-color);justify-content:center;align-items:center;gap:40px;height:70px;display:flex}footer a[data-v-a80f531f]{color:var(--color-text);text-transform:capitalize;text-decoration:none}footer span[data-v-a80f531f]{color:var(--color-text);opacity:.7;text-transform:capitalize;font-size:.9rem}.oqp-zlo1c{d:path("M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8")}.eslg_bc-y{d:path("M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16")}.vxr-ddbnw{d:path("M8 16H3v5")}.y2r600b7v{x:8px;y:8px;rx:2px;ry:2px;width:14px;height:14px}.zlf7r1kic{d:path("M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2")}main.main-home{background:var(--color-background);min-height:calc(100dvh - 70px)}main.main-home .boxes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:80px;padding:40px 40px 60px;display:grid}main.main-home .boxes .box{border-radius:.75rem;height:auto}main.main-home .boxes .box-one{flex-direction:column;gap:20px;padding-block:50px;display:flex}main.main-home .boxes .box-one h1{text-transform:capitalize;font-size:55px;line-height:60px}main.main-home .boxes .box-one h1 span{color:var(--main-color)}main.main-home .boxes .box-one p{font-size:1.2rem;line-height:1.6}main.main-home .boxes .box-two{background:var(--color-background-two);border:1px solid var(--subtle-border-color);padding:30px 20px 40px}main.main-home .boxes .box-two span.tit{text-transform:capitalize;margin-bottom:30px;font-size:18px;display:block}main.main-home .boxes .box-two .bx{border-top:1px solid var(--subtle-border-color);align-items:center;gap:30px;min-height:66px;display:flex}main.main-home .boxes .box-two .bx .label p{font-size:1rem}main.main-home .boxes .box-two .bx .input{flex:1;align-items:center;display:flex}main.main-home .boxes .box-two .bx .input input[type=range]{appearance:none;background:var(--input-range-background);background:linear-gradient(90deg, var(--main-color) 0%, var(--main-color) var(--progress), var(--input-range-background) var(--progress), var(--input-range-background) 100%);-webkit-transition:all .2s;border-radius:0;outline:none;width:100%;height:2px;transition:opacity .2s}main.main-home .boxes .box-two .bx .input input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-thumb);cursor:pointer;border:none;border-radius:50%;outline:none;width:15px;height:15px}main.main-home .boxes .box-two .bx .input input[type=range]::-moz-range-thumb{background:var(--slider-thumb);cursor:pointer;border:none;border-radius:50%;outline:none;width:15px;height:15px}main.main-home .boxes .box-two .bx .input input[type=number]{border:1px solid var(--subtle-border-color);width:50px;color:var(--text-color);text-align:center;background:0 0;border-radius:6px;margin-left:20px;padding:6px}main.main-home .boxes .box-two .bx .input span{text-align:end;opacity:.7;background:0 0;min-width:40px}main.main-home .boxes .box-two .bx .switch-box{align-items:center;display:flex}main.main-home .boxes .box-two .bx .switch-box span{font-size:1rem}main.main-home .boxes .box-two .bx.output{flex-direction:column;align-items:start;gap:10px;margin-bottom:20px;padding-top:20px}main.main-home .boxes .box-two .bx.output label{font-size:1rem}main.main-home .boxes .box-two .bx.output textarea{text-align:center;resize:none;border:1px solid var(--subtle-border-color);width:100%;height:120px;color:var(--text-color);background:0 0;border-radius:.75rem;padding:20px 15px}main.main-home .boxes .box-two .btns{gap:15px;display:flex}main.main-home .boxes .box-two .btns button{height:40px;color:var(--color-text);cursor:pointer;text-transform:capitalize;background-color:#0000;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}main.main-home .boxes .box-two .btns button:first-child{background-color:var(--main-color);color:#fff}.info-section{margin-bottom:50px}.info-section h2{margin-bottom:20px}.info-section p{opacity:.7;margin-bottom:20px}.info-section ol{margin-bottom:20px;padding-left:20px}.info-section ol li{opacity:.7}@media (width>=768px) and (width<=1280px){main .boxes{padding:70px 20px}}@media (width<=768px){main.main-home .boxes{gap:20px!important;padding:20px 15px 130px!important}main.main-home .boxes .box-one{padding-block:50px 20px}main.main-home .boxes .box-one h1{font-size:45px;line-height:45px}main.main-home .boxes .box-one p{font-size:16px;line-height:1.6}main.main-home .boxes .box-two .bx.output textarea{width:100%;height:150px;padding:20px 10px;font-size:14px}main.main-home .boxes .box-two .btns{display:grid}}.banner-x[data-v-6218d223]{text-align:center;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:50px;font-size:14px;transition:height .2s;display:flex}.banner-y[data-v-ae6e6054]{z-index:100;background:0 0;width:160px;min-height:600px;position:fixed;top:110px}.banner-y.left[data-v-ae6e6054]{left:10px}.banner-y.right[data-v-ae6e6054]{right:10px}@media (width<=1600px){.banner-y[data-v-ae6e6054]{display:none}}main.about-page{padding:60px 20px 200px}main.about-page .content{max-width:900px;margin:0 auto}main.about-page h1{width:fit-content;color:var(--main-color);margin-bottom:24px;font-size:2.5rem}main.about-page h2{width:fit-content;margin-top:40px;margin-bottom:14px;font-size:1.6rem;position:relative}main.about-page h2:after{content:"";background-color:var(--main-color);width:100%;height:2px;margin:5px 0 0;display:block;bottom:5px}main.about-page p{color:var(--color-text);opacity:.9;margin-bottom:18px;line-height:1.8}main.about-page ul{margin:20px 0;padding-left:22px}main.about-page li{color:var(--color-text);opacity:.9;margin-bottom:10px;line-height:1.7}main.about-page .thanks{border-top:1px solid var(--subtle-border-color);margin-top:40px;padding-top:24px;font-weight:600}.not-found[data-v-34a6ae1e]{justify-content:center;align-items:center;min-height:calc(100dvh - 70px);padding:60px 20px;display:flex}.content[data-v-34a6ae1e]{text-align:center;max-width:600px;margin:0 auto}.code[data-v-34a6ae1e]{font-size:100px;font-weight:700;line-height:1;display:block}h1[data-v-34a6ae1e]{margin:20px 0 10px;font-size:36px}p[data-v-34a6ae1e]{opacity:.7;margin-bottom:30px;line-height:1.7}.home-btn[data-v-34a6ae1e]{color:var(--main-color);border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;text-decoration:none;display:inline-flex}