:root{--rgb-white: 255, 255, 255;--rgb-gray0: 249, 250, 251;--rgb-gray1: 243, 244, 246;--rgb-gray2: 229, 231, 235;--rgb-gray3: 209, 213, 219;--rgb-gray4: 156, 163, 175;--rgb-gray5: 107, 114, 128;--rgb-gray6: 75, 85, 99;--rgb-gray7: 55, 65, 81;--rgb-gray8: 31, 41, 55;--rgb-gray9: 17, 24, 39;--rgb-gray10: 3, 7, 18;--rgb-black: 0, 0, 0;--clr-primary-bg: rgb(var(--rgb-gray0));--clr-primary-bg-r: rgb(var(--rgb-gray9));--clr-primary-text: rgb(var(--rgb-gray9));--clr-primary-text-r: rgb(var(--rgb-gray0));--clr-secondary-bg: rgb(var(--rgb-gray0));--clr-secondary-text: rgb(var(--rgb-gray9));--clr-primary-hover: rgb(var(--rgb-gray1));--clr-secondary-hover: rgb(var(--rgb-gray1));--clr-await: rgb(var(--rgb-gray3));--clr-border: rgb(var(--rgb-gray3));--clr-border-lighter: rgb(var(--rgb-gray1));--clr-border-light: rgb(var(--rgb-gray2));--clr-border-dark: rgb(var(--rgb-gray4));--clr-border-darker: rgb(var(--rgb-gray5));--clr-svg: rgb(var(--rgb-gray7));--clr-svg-hover: rgb(var(--rgb-gray8));--clr-blue: #4980f8;--clr-orange: #ff7a00;--clr-orange-hover: #e56a00;--clr-btn-primary-bg: var(--clr-orange);--clr-btn-primary-text: rgb(var(--rgb-gray1));--clr-btn-primary-hover: var(--clr-orange-hover);--clr-btn-primary-hover-lg: linear-gradient(to right, var(--clr-btn-primary-hover), var(--clr-btn-primary-bg));--clr-btn-secondary-bg: rgb(var(--rgb-gray5));--clr-btn-secondary-text: rgb(var(--rgb-gray0));--clr-btn-secondary-hover: rgb(var(--rgb-gray8));--clr-btn-secondary-hover-lg: linear-gradient(to right, var(--clr-btn-secondary-hover), var(--clr-btn-secondary-bg));--clr-btn-secondary-hover-lg-left: linear-gradient(to left, var(--clr-btn-secondary-hover), var(--clr-btn-secondary-bg));--clr-btn-destructive-bg: rgb(229, 57, 53);--clr-btn-destructive-text: rgb(var(--rgb-gray1));--clr-btn-destructive-hover: rgb(198, 40, 40);--clr-btn-destructive-hover-lg: linear-gradient(to right, var(--clr-btn-destructive-hover), var(--clr-btn-destructive-bg));--box-shadow: inset 0px 0px 1rem rgb(var(--rgb-gray1)), .1rem .1rem 1rem rgba(var(--rgb-black), .35);--gap: .5rem;--gap-pixel: .1rem;--gap-tiny: .2rem;--gap-small: .3rem;--gap-medium: 1rem;--gap-large: 1.5rem;--gap-xlarge: 3rem;--gap-titanic: 5rem;--fsize-tiny: 1.2rem;--fsize-smaller: 1.55rem;--fsize-small: 1.7rem;--fsize: 1.8rem;--fsize-medium: 2rem;--fsize-large: 2.4rem;--fsize-xlarge: 2.8rem;--radius: .5rem;--radius-medium: 1rem;--radius-large: 1.5rem;--scale-hover: 1.05;--opacity: .7;--aspect-ratio: 4 / 3;--scrollbar-width: 10px;--scrollbar-border: 1px solid rgb(var(--rgb-gray5));--scrollbar-bg: rgb(var(--rgb-gray4));--scrollbar-hover-clr: rgb(var(--rgb-gray5));--scrollbar-radius: 100px}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}@media(min-width: 90em){html{font-size:75%}}@media(max-width: 20em){html{font-size:57%}}body{background-color:var(--clr-primary-bg);color:var(--clr-primary-text);line-height:1.5;padding:var(--gap);font-family:Arial,Helvetica,sans-serif;font-weight:400}@media(max-width: 48em){body{--scrollbar-width: auto;--scrollbar-border: initial;--scrollbar-bg: unset;--scrollbar-hover-clr: initial;--scrollbar-radius: initial;padding:var(--gap-small)}}#app{height:inherit}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);border-radius:var(--scrollbar-radius);border:var(--scrollbar-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover-clr)}h1,h2,h3,h4,h5,h6{font-weight:inherit}h1{font-size:2.4rem}h2{font-size:2.2rem}h3{font-size:2rem}h4{font-size:1.8rem}h5{font-size:1.65rem}h6{font-size:1.5rem}small{font-size:1rem}input,textarea,button,select{font-family:inherit;font-size:1.65rem}img{border-radius:inherit;background-color:var(--clr-await);max-width:100%;-o-object-fit:cover;object-fit:cover}svg{width:inherit;height:inherit;pointer-events:none;fill:var(--clr-svg)}ul{list-style:none}label,span{font-size:inherit}p{font-size:1.7rem}a{text-decoration:none;color:inherit;font-size:1.6rem}label,a,svg,img,i{display:block}i{font-style:normal}#app,nav{max-width:129rem;margin:0 auto}.ad-container{max-width:100%;width:100%;margin:0 auto}ins.adsbygoogle[data-ad-status=unfilled]{display:none !important}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boxy{padding:var(--gap-medium)}@media(max-width: 48em){.boxy{padding:var(--gap-small)}}.center-abs{position:absolute;top:50%;left:50%;translate:-50% -50%}.spinner{pointer-events:none;--spinner-size: 5rem;--spinner-border-size: .4rem;--spinner-color: var(--clr-spinner-dark);height:var(--spinner-size);width:var(--spinner-size);border:var(--spinner-border-size) solid var(--spinner-color);border-radius:100%;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);animation:SPINNER 1s linear infinite reverse}@keyframes SPINNER{0%{rotate:0deg}50%{border-color:var(--spinner-color)}100%{rotate:360deg}}.wink{--wink-radius: 100%;--wink-width: 3rem;--wink-height: 3rem;--wink-scale: 1.3;--wink-rgb-color: var(--rgb-gray9);position:relative}.wink:active::after,.wink:active::before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;border-radius:var(--wink-radius);width:var(--wink-width);height:var(--wink-height);pointer-events:none}.wink:active::after{animation:wink-animation .3s ease-in-out;animation-iteration-count:5}.wink:active::before{animation:wink-animation .3s .2s linear;animation-iteration-count:5}@keyframes wink-animation{0%{scale:.9;box-shadow:inset 0 0 1rem rgba(var(--wink-rgb-color), 1)}70%{scale:var(--wink-scale);box-shadow:inset 0 0 1rem rgba(var(--wink-rgb-color), 1)}100%{scale:1;box-shadow:inset 0 0 1rem rgba(var(--wink-rgb-color), 0)}}@media(hover: hover)and (pointer: fine){.primary-btn:hover{background-size:100%}.primary-btn{transition:background-size .3s ease-in-out;background:var(--clr-btn-primary-hover-lg) no-repeat;background-size:0px}.secondary-btn:hover{background-size:100%}.secondary-btn-backward:hover{background-size:100%}.secondary-btn,.secondary-btn-backward{transition:background-size .3s ease-in-out;background:var(--clr-btn-secondary-hover-lg) no-repeat;background-size:0px}.secondary-btn-backward{background:var(--clr-btn-secondary-hover-lg-left) no-repeat;background-position:right;background-size:0px}.destructive-btn:hover{background-size:100%}.destructive-btn{transition:background-size .3s ease-in-out;background:var(--clr-btn-destructive-hover-lg) no-repeat;background-size:0px}}.primary-btn{color:var(--clr-btn-primary-text);background-color:var(--clr-btn-primary-bg)}.secondary-btn,.secondary-btn-backward{color:var(--clr-btn-secondary-text);background-color:var(--clr-btn-secondary-bg)}.destructive-btn{color:var(--clr-btn-destructive-text);background-color:var(--clr-btn-destructive-bg)}.btn{border-radius:var(--radius);border:none;text-transform:capitalize;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:var(--gap) var(--gap-large);min-height:3rem;line-height:1.6;font-weight:600}.btn:disabled{cursor:not-allowed}@media(hover: hover)and (pointer: fine){.btn{cursor:pointer}}progress-bar progress{display:block;width:100%;background-color:rgba(0,0,0,0);height:0}progress-bar progress::-webkit-progress-bar{background-color:rgba(0,0,0,0)}progress-bar progress::-webkit-progress-value{background-color:var(--clr-progressbar-bg);border-radius:0 5rem 5rem 0}select-box{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}select-box>select-box-option{display:none}.selectbox-label,.selectbox-btn,select-box-option{text-transform:capitalize}.selectbox-label{margin:0 var(--gap-tiny);min-height:2.3rem;font-size:var(--fsize-small)}.selectbox-btn{border:1px solid var(--clr-border);background-color:var(--clr-primary-bg);display:flex;align-items:center;justify-content:space-between;padding:0 1.3rem;min-height:4rem;line-height:2;border-radius:var(--radius)}.selectbox-btn:active{translate:0 1px}.selectbox-btn-body{display:flex;align-items:center;gap:var(--gap);font-size:1.8rem}.selectbox-arrow{flex:0 0 auto;width:1.5rem;height:1.5rem;margin-left:var(--gap)}.selectbox-list{width:100%;position:absolute;z-index:1000}.selectbox-list-cover{inset:var(--gap-large) !important;width:calc(100% - var(--gap-large)*2) !important}.selectbox-list-options{height:100%;max-height:0;transition:max-height 130ms;overflow:hidden;background-color:var(--clr-primary-bg);border-radius:var(--radius);box-shadow:0px 4px 6px rgb(var(--rgb-black), 0.1),0 1px 3px rgb(var(--rgb-black), 0.3);scrollbar-gutter:stable}.selectbox-list-filter:first-child input{border-top:.1rem solid var(--clr-border)}.selectbox-overlay{position:fixed;z-index:100;inset:0;background-color:rgb(var(--rgb-black), 0.7)}select-box-option{display:flex;align-items:center;font-size:1.7rem;min-height:5rem;padding:0 var(--gap-medium);border-bottom:.1rem solid var(--clr-border-light)}@media(hover: hover)and (pointer: fine){.selectbox-btn,select-box-option{cursor:pointer}.selectbox-btn:hover{background-color:var(--clr-primary-hover)}select-box-option:hover{background-color:var(--clr-primary-hover)}}@media(max-width: 48em){.selectbox-arrow{width:1.6rem;height:1.6rem}}text-input{display:block;position:relative;width:100%}text-input .input{display:block;min-height:3rem;width:100%;text-indent:var(--gap);border:1px solid var(--clr-border);outline:.1rem solid rgba(0,0,0,0);box-shadow:none;border-radius:var(--radius);padding-right:3rem;line-height:2}text-input .input:focus-visible{outline-color:var(--clr-border-dark)}text-input .input:disabled{opacity:.5;cursor:not-allowed}text-input .input::-moz-placeholder{padding-right:var(--gap);text-align:right;opacity:.9}text-input .input::placeholder{padding-right:var(--gap);text-align:right;opacity:.9}text-input .input-head{display:flex;justify-content:space-between;align-items:center;min-height:2rem;margin:0 var(--gap-tiny);margin-bottom:var(--gap-pixel);font-size:var(--fsize-small)}text-input .input-count span{font-size:1.1rem;opacity:.7;margin-right:var(--gap-tiny);font-style:italic}text-input .input-label::first-letter{text-transform:uppercase}text-input .input-label{opacity:.9}text-input .input-body{display:flex;align-items:center}text-input[type=description] .input-body{align-items:flex-start;height:20rem}text-input[type=description] .input-body textarea{line-height:1.4;height:inherit;resize:none;padding:var(--gap-tiny);padding-right:3rem}text-input .input-icon{position:absolute;right:var(--gap);width:2.9rem;height:2.9rem;display:flex;align-items:center;justify-content:center}text-input .input-icon svg{opacity:var(--opacity);width:2.3rem;height:2.3rem}@media(hover: hover)and (pointer: fine){text-input .input-icon{cursor:pointer}}text-input .input-xbtn{text-align:center;width:2.9rem;height:2.9rem;font-size:2rem}@media(max-width: 30em){text-input .input-xbtn{opacity:var(--opacity)}}#app{--size-nav-height: 6rem;--size-header-height: 5rem;--size-left-aside-width: 30rem;--app-gap: var(--gap);display:grid;gap:var(--app-gap);grid-template-columns:var(--size-left-aside-width) calc(100% - var(--size-left-aside-width));grid-template-areas:"nav nav" "aside header" "aside main" "aside footer"}#app nav{grid-area:nav;height:var(--size-nav-height);width:100%}#app aside{grid-area:aside;position:sticky;top:var(--app-gap);width:var(--size-left-aside-width);height:60rem}#app header{grid-area:header;height:var(--size-header-height)}#app main{grid-area:main;min-height:calc(100vh - var(--size-nav-height) - var(--size-header-height) - var(--app-gap)*3)}#app footer{grid-area:footer;min-height:30rem}@media(max-width: 64em){#app{--size-left-aside-width: 16rem}}@media(max-width: 48em){#app{--app-gap: var(--gap-small);display:block}#app header{margin-top:var(--size-nav-height)}#app aside{display:none}#app main{margin:var(--gap-small) 0}}@media(max-width: 30em){#app footer{margin-bottom:var(--size-nav-height)}}nav{background-color:var(--clr-primary-bg);border-bottom:1px solid var(--clr-border-light)}nav .wrapper{display:flex;align-items:center;margin-left:2.5rem;height:100%}nav .wrapper h1{font-weight:600;font-size:var(--fsize-xlarge);font-family:cursive}#app header{--size-header-height: 30rem;padding-bottom:0}.hero-section{height:100%;background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)),url("/img/hero-background-1920x1080.webp");background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:var(--radius-medium);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1.5rem;color:var(--clr-primary-text-r)}.hero-section .title{font-size:4rem;font-weight:600;margin-bottom:var(--gap);text-align:center}@media(max-width: 30em){.hero-section .title{font-size:2.6rem}}.hero-section .subtitle{max-width:45rem;text-align:center;line-height:2rem}.hero-section .btn{margin-top:var(--gap-xlarge)}.card-grid-layout{display:grid;gap:var(--gap-xlarge);grid-template-columns:repeat(auto-fill, minmax(26rem, 1fr))}.card{background-color:rgba(255,166,0,.13);padding:var(--gap-xlarge);border-radius:var(--radius-large)}.card-head{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap-medium)}.card-icon svg{width:4rem}.card-title{font-weight:600}.card-body{display:flex;line-height:1.3;padding:0 var(--gap-small)}.card-footer{margin-top:var(--gap-large);display:flex}.card-btn{width:100%}.resources-grid{grid-template-columns:1fr}.resources-grid .card-body p{max-width:60rem}.footer-ad{min-height:9rem}.footer-top{margin:var(--gap-titanic) 0}.footer-top a{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:var(--fsize-large);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;text-decoration:underline;opacity:.9;margin-bottom:var(--gap)}@media(max-width: 30em){.footer-top{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-top a{width:20rem;justify-content:center}}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-xlarge)}@media(max-width: 30em){.footer-row{flex-direction:column;align-items:center}}.footer-col ul li{margin:var(--gap) 0}.footer-col ul li a{width:-moz-fit-content;width:fit-content;white-space:nowrap}.footer-col:last-child{text-align:end}.footer-col:last-child .social-links{margin-left:auto;display:flex;justify-content:end;gap:var(--gap-tiny)}.footer-col:last-child .social-links i{border-radius:.5rem;margin:0 var(--gap-tiny);width:2.5rem;height:2.5rem;background:url("/img/media-icons.png") no-repeat;background-size:9rem;cursor:pointer}.footer-col:last-child .social-links .facebook-icon{background-position:-0.3rem -0.3rem}.footer-col:last-child .social-links .instagram-icon{background-position:-3.3rem -0.3rem}.footer-col:last-child .social-links .youtube-icon{background-position:-6.3rem -0.3rem}.footer-col:last-child .social-links .x-icon{background-position:-3.2rem -3.3rem}.footer-col:last-child .social-links .telegram-icon{background-position:-0.3rem -3.3rem}@media(max-width: 30em){.footer-col ul li a{width:auto}.footer-col ul,.footer-col a{text-align:center}.footer-col:last-child{text-align:center}}.footer-title{margin-bottom:var(--gap-medium);font-size:1.8rem}@media(max-width: 30em){.footer-title{text-align:center}}.footer-bottom{margin:var(--gap-large) 0;font-size:var(--fsize-tiny)}.footer-bottom ul:first-child{display:flex;gap:var(--gap-large);text-decoration:underline;border-bottom:1px solid var(--clr-border);padding:var(--gap-large) 0}.footer-bottom ul:last-child{display:flex;justify-content:space-between;align-items:center;padding:var(--gap) 0}@media(max-width: 30em){.footer-bottom{margin-bottom:var(--gap-titanic)}.footer-bottom ul:first-child{justify-content:center}.footer-bottom ul:last-child{flex-direction:column;gap:var(--gap-large)}.footer-bottom ul:last-child select-box{width:20rem}}@media(max-width: 20em){.footer-bottom ul:first-child{flex-direction:column;align-items:center}.footer-bottom ul:last-child span{text-align:center}}.tools-section .title,.resources-section .title{margin:var(--gap-large) var(--gap);text-align:center;font-weight:600;font-family:cursive}.resources-section{margin-top:10rem}.footer-greeting div{border-radius:var(--radius);background-color:rgb(var(--rgb-gray1));padding:var(--gap-large);margin:var(--gap-xlarge) 0}