:root{--main-font-color: #2D2D2D;--btn-background-color: #1558B0;--btn-background-color-hover: #1A73E8;--main-background-color: #F5F7FA;--slightly-grey: #CED4DA;--box-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--main-font: "Century Gothic", sans-serif;--logo-font: "Century Gothic", sans-serif;--container-width: 1200px;--border-radius: 20px;--padding-large: 50px 20px;--padding-small: 20px 50px;--padding-tiny: 8px 16px;--padding-tiny-top: 0 20px;--button-padding: 10px 22px;--gap-large: 120px;--gap-small: 20px;--gap-tiny: 10px;--gap-mobile: 5px;--margin-large: 120px;--margin-middle: 60px;--margin-small: 30px;--margin-tiny: 10px;--h1-size: 32px;--h2-size: 20px;--p-size: 16px;--btn-size: 14px;--locked-panel-contentent-size: 50px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--main-font);color:var(--main-font-color)}body{padding-top:90px}.decorator{color:var(--btn-background-color);font:var(--p-size) var(--main-font)}.price{color:var(--main-font-color);font:var(--h2-size) var(--main-font);font-weight:700}.inline-group{display:flex;align-items:center}#image{aspect-ratio:3 / 4}header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--main-background-color)}.header-container{position:relative;display:flex;align-items:center;margin:0 auto;width:100%;height:100px;max-width:var(--container-width)}.logo a{left:50%;transform:translate(-50%);font-family:var(--logo-font);font-size:var(--h1-size);text-decoration:none}nav{display:flex}nav a{padding:var(--padding-tiny);text-decoration:none;font-size:var(--p-size)}.nav-left{display:flex;justify-content:flex-start;flex:1}.nav-right{display:flex;justify-content:flex-end;flex:1}nav ul{list-style:none;padding:0;margin:0;display:flex}nav ul li a{text-decoration:none;font-size:var(--p-size);color:var(--main-font-color);display:block}nav ul li:hover>a{color:var(--btn-background-color)}nav ul li .dropdown{position:absolute;top:100%;left:0;background:var(--main-background-color);border-radius:5px;box-shadow:0 4px 6px #0000001a;min-width:200px;display:none}nav ul li:hover .dropdown{display:block}nav ul li .dropdown li{width:100%;padding:4px 8px}nav ul li .dropdown li a{display:block;text-decoration:none;color:var(--main-font-color);font-size:var(--p-size);position:relative}nav ul li .dropdown li a:after{content:"";display:block;width:0;height:2px;background:var(--btn-background-color);transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}nav ul li .dropdown li a:hover:after{width:100%}nav ul li{position:relative}.hamburger{display:none;position:absolute;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;right:20px;top:50%;transform:translateY(-50%);z-index:100}.hamburger span{display:block;width:20px;height:2px;background:var(--main-font-color);border-radius:2px;transition:all .3s ease}.hamburger span:not(:last-child){margin-bottom:4px}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{display:flex;flex-direction:column;position:absolute;overflow-y:hidden;top:70px;left:0;width:100%;box-shadow:0 2px 5px #0000001a;padding:0;max-height:0;opacity:0;transition:max-height .4s ease-in-out,opacity .5s ease-in-out;background-color:var(--main-background-color)}.mobile-nav.show{max-height:100vh;opacity:1;overflow-y:scroll;-webkit-overflow-scrolling:touch}.mobile-nav a{padding:10px;text-align:center;color:var(--nav-dark);text-decoration:none}.mobile-nav a:hover{color:var(--btn-background-color)}.mobile-dropdown{position:relative;width:100%;text-align:center}.mobile-dropdown-btn{width:100%;padding:10px;text-align:center;background:none;border:none;font-size:var(--p-size);cursor:pointer;color:var(--main-font-color)}.mobile-dropdown-btn:hover{color:var(--btn-background-color)}.mobile-dropdown-content{display:none;flex-direction:column;background:var(--main-background-color);list-style:none}.mobile-dropdown-content a{display:block;padding:8px 10px;text-decoration:none;color:var(--main-font-color);margin-left:var(--margin-middle)}.mobile-dropdown.active .mobile-dropdown-content{display:flex}.mobile-dropdown.active .mobile-dropdown-content:after{content:"";width:100%;height:2px;background:var(--btn-background-color);position:absolute;bottom:0;left:0}.footer{background-color:var(--main-background-color);color:var(--body-dark)}.footer-container{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-large);padding:var(--padding-large);max-width:var(--container-width)}.footer-column{flex:1;min-width:250px}.footer-column h2{font-size:var(--h2-size);margin-bottom:var(--margin-tiny);font-weight:700}.footer-column p{font-size:var(--p-size);line-height:1.6}.footer-form{display:flex;flex-direction:column;gap:var(--gap-small)}.footer-form input{padding:10px;font-size:var(--p-size);margin-top:10px;border:1px solid;border-color:var(--slightly-grey);border-radius:5px}.footer-copyright{text-align:center;font-size:var(--p-size);color:var(--main-font-color);margin-bottom:var(--margin-middle)}.links-list{display:flex;justify-content:space-between}.hero-container,.single-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-width);width:100%;margin:0 auto;padding:var(--padding-large)}.hero-text,.single-text{width:50%}.hero-text h1,.single-text h1{font:var(--h1-size) var(--main-font)}.hero-text p,.single-text p{font:var(--p-size) var(--main-font);margin-top:var(--margin-small);line-height:1.6}.hero-image-right{max-width:550px;aspect-ratio:3 / 4;position:relative;flex-shrink:0}.hero-image-right,.single-image-left,.hero-image-right img,.hero-image-right .image-slider-wrapper{width:100%;height:100%}.single-image-left img{width:80%;height:100%}.single-image-left img,.hero-image-right img{display:block;border-radius:var(--border-radius);object-fit:cover}.single-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--margin-small)}.features{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-small);margin-top:var(--margin-large)}.feature{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 var(--margin-tiny);min-width:100px;flex:1}.feature img{width:40px;height:40px;margin-bottom:var(--margin-tiny)}.feature h2{font-size:var(--p-size);font-weight:700;text-align:center}.feature:not(:last-child):after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);height:100%;border-right:1px solid var(--slightly-grey)}.buttons{margin-top:var(--margin-middle)}.btn,.footer-form button{border:none;cursor:pointer;font-weight:700;font-size:var(--btn-size);background-color:var(--btn-background-color);color:var(--main-background-color);padding:var(--button-padding);border-radius:var(--border-radius);border:2px solid var(--btn-background-color)}.btn{margin-right:10px}.btn:hover,.footer-form button:hover{background-color:var(--btn-background-color-hover)}.btn-transparent{background:none;color:var(--btn-background-color);border:2px solid var(--btn-background-color)}.btn-transparent:hover{border-color:var(--btn-background-color-hover);background:none}.float-btn{pointer-events:all;cursor:pointer}.play-sign{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid var(--main-font-color)}.image-slider-wrapper{position:relative;overflow:hidden;width:80%}.image-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.image-slider::-webkit-scrollbar{display:none}.slider-image{flex:0 0 100%;scroll-snap-align:start}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slightly-grey);color:var(--main-font-color);border:none;padding:var(--padding-tiny);border-radius:50%;cursor:pointer;font-size:var(--h2-size);z-index:10;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.slider-arrow:hover{background-color:var(--main-background-color);transform:translateY(-50%) scale(1.1)}.slider-arrow.left{left:10px}.slider-arrow.right{right:10px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-small);margin-top:var(--margin-middle)}.posts-container{max-width:1200px;margin:auto;padding:var( --padding-large)}.posts-title{text-align:center;font:var(--h1-size) var(--main-font)}.posts-title:after{content:"";display:block;width:50px;height:3px;background-color:var(--btn-background-color);margin:var(--margin-middle) auto 0}.posts-post{background-color:var(--main-background-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out}.posts-post:hover{transform:translateY(-5px)}.posts-post img{width:100%;height:500px;object-fit:cover}.posts-post a{text-decoration:none}.posts-post-content{padding:var(--button-padding)}.posts-post-title{font-size:var(--h2-size);font-weight:700;margin-bottom:var(--margin-tiny)}.posts-post-description{font-size:var(--p-size);color:var(--main-font-color);margin-bottom:10px}.posts-post-footer{display:flex;align-items:center;justify-content:space-between;width:100%}.modal-overlay{display:flex;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent!important;backdrop-filter:none!important;align-items:center;justify-content:center;z-index:10000;transition:opacity .3s ease,visibility .3s ease}.modal-content{background:transparent!important;box-shadow:none!important;padding:5px;width:var(--container-width);max-width:100%;position:relative;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.show .modal-content{transform:scale(1)}.modal-video-container{width:100%;max-width:100%;background:#000;border-radius:var(--border-radius);overflow:hidden;margin:0 auto;display:flex;justify-content:center;align-items:center}.modal-video-container video{max-width:100%;max-height:100vh;object-fit:contain}.modal-video-close-button{position:fixed;top:10px;right:20px;font-size:30px;color:var(--main-background-color);cursor:pointer;background:none;border:none;transition:color .2s ease,transform .2s ease;z-index:1001}.modal-container,.wide-modal-container{position:relative;overflow-y:auto;margin:0 auto;background:var(--main-background-color);border:2px solid var(--btn-background-color);border-radius:var(--border-radius);font-family:var(--main-font);color:var(--main-font-color)}.modal-container{max-width:500px;height:320px}.wide-modal-container{width:100%;height:calc(100vh - 160px)}.modal-close-button-wrapper{position:sticky;display:flex;justify-content:flex-end;background:transparent;top:0;padding:0 10px;z-index:1}.modal-close-button{font-size:30px;color:var(--btn-background-color);cursor:pointer;background:none;border:none}.tremble-horizontal{display:inline-block;animation:tremble-horizontal 1s infinite ease-in-out;will-change:transform}@keyframes tremble-horizontal{0%{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(3px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-5px)}60%{transform:translate(3px)}70%{transform:translate(-3px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}to{transform:translate(0)}}.locked-panel-container{pointer-events:none;position:fixed;display:flex;justify-content:space-between;align-items:center;margin:0 auto;bottom:0;left:0;right:0;width:100%;padding:var(--padding-tiny);max-width:var(--container-width);z-index:100}.locked-panel-container img{width:var(--locked-panel-contentent-size);height:var(--locked-panel-contentent-size)}.float-left,.float-right{display:flex;gap:var(--gap-small);pointer-events:auto}.account-container{margin:auto;max-width:var(--container-width);padding:var(--padding-large)}.account-card{display:flex;gap:var(--gap-small);background-color:var(--main-background-color);border-radius:var(--border-radius);padding:var(--padding-small);box-shadow:var(--box-shadow)}.account-avatar{width:200px;height:200px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-info{flex:1;align-items:flex-start;color:var(--main-font-color)}.account-name{font-size:var(--h2-size);font-family:var(--main-font);margin-bottom:var(--margin-tiny);color:var(--main-font-color)}.account-surname{font-weight:400;color:var(--btn-background-color)}.account-description{font-size:var(--p-size);margin-bottom:var(--margin-tiny);color:var(--main-font-color)}.account-info .bold{font-size:var(--p-size)}.account-name h2{font-size:var(--h2-size)}.account-description .bold{margin-top:var(--margin-tiny);margin-bottom:var(--margin-tiny);font-size:var(--p-size)}.account-info .bold,.account-name h2,.account-description .bold{font:var(--main-font);font-weight:700}.account-desc-toggle{display:none}.account-extra-text{display:none;margin-top:var(--margin-tiny)}.account-desc-toggle:checked~.account-extra-text{display:block}.account-read-more-btn{display:inline-block;margin-top:var(--margin-tiny);font-size:var(--btn-size);color:var(--btn-background-color);cursor:pointer;text-decoration:underline;font-weight:700}.account-desc-toggle:checked~.account-read-more-btn:after{content:" (close ❌)";color:var(--slightly-grey);font-weight:400}.account-desc-wrapper{position:relative}.quiz-container{width:100%;background:var(--main-background-color);padding:var(--padding-tiny)}.quiz-title{text-align:center;font-weight:700;font-size:var(--h2-size);margin-bottom:var(--margin-small)}.quiz-step{display:none;flex-direction:column;gap:var(--gap-small);margin-bottom:var(--margin-small)}.quiz-step.active{display:flex}.quiz-inline-group{display:flex;justify-content:center;align-items:center}label{text-align:center;font-size:var(--p-size)}input,select{padding:var(--padding-tiny);border:1px solid var(--slightly-grey);border-radius:var(--border-radius);font-size:var(--p-size)}.quiz-next:disabled{background-color:var(--slightly-grey);cursor:not-allowed;opacity:.3}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:11000!important}.spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 980px){.header-container,.hero-container,.single-container,.posts-container,.account-container,.footer-container,.locked-panel-container{width:80%}.hero-container,.single-container,.posts-container,.footer-container{flex-direction:column}.single-container{padding-top:var(--padding-tiny-top)}.single-text .buttons{margin-top:var(--margin-small)}.features{margin-top:var(--margin-middle)}.feature{max-width:calc(50% - var(--gap-small))}.posts{grid-template-columns:repeat(2,1fr)}.footer-container{gap:var(--gap-small)}.nav-left,.nav-right{display:none}.hamburger{display:block}.header-container{height:70px;padding:20px}.mobile-nav.show{max-height:300px;opacity:1}.hero-text h1,.single-text h1{margin-top:-30px}.hero-text,.single-text{order:1;width:100%}.hero-image-right{order:2;max-width:100%;margin-top:var(--margin-middle)}.single-image-left{order:-1;margin-bottom:var(--margin-middle)}.single-image-left img,.image-slider-wrapper{width:100%;margin:0 auto}.slider-arrow{padding:6px 10px;font-size:18px;border-radius:50%;box-shadow:0 2px 4px #00000014}.slider-arrow.left{left:5px}.slider-arrow.right{right:5px}.account-card{flex-direction:column;align-items:center;text-align:center;padding:var(--padding-tiny)}.account-avatar{width:150px;height:150px}.account-desc-wrapper{text-align:left;align-items:flex-start;justify-content:flex-start}}@media (max-width: 768px){.header-container,.hero-container,.single-container,.posts-container,.account-container,.footer-container,.locked-panel-container{width:100%}}@media (max-width: 620px){.posts{gap:5px}.posts-post img{height:200px}.posts-post-content{padding:8px}.posts-post-title,.posts-post-footer .price{font-size:var(--p-size)}}@media (max-width: 350px){.posts-post-footer{all:unset;display:block}}