html,*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2d3142;--accent: #845d43;--background: #F4F2F0;--header-bg: #fff;--text: #22223b;--step-bg: #fcfbe3;--platinum: #E3E3E3;--shadow: 0 2px 16px rgba(44, 62, 80, .07);--light-brown: ;--mid-light-brown: #845d43}body{font-family:Montserrat,sans-serif;color:var(--text);margin:0;padding:0;background-color:var(--background)}h1{font-weight:700}strong{font-weight:600}h4{font-size:1.2rem}button{width:100%;padding:12px 0;border-radius:16px;border:none;background-color:var(--mid-light-brown);font-weight:700;color:#fff;font-size:16px;cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-1%)}40%,80%{transform:translate(1%)}}.shake{animation:shake .4s ease}.fade{opacity:1;transform:translateY(-140px);transition:opacity .5s ease,transform .5s ease}.fade.hidden{opacity:0;transform:translateY(10px)}.modal-fade-in{opacity:0;animation:modalFadeIn .5s ease forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translate(0)}}.modal-overlay,.animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2;display:flex;justify-content:center;align-items:center;background-color:#00000040}div .animation-overlay--unblock-session{background-color:#01010199}div .animation-overlay--unblock-exercise{background-color:#010101cc}.modal-overlay--layer-2{z-index:3}body .modal-incorrect-code{box-shadow:0 4px 18px #f003}.animation-overlay{background-color:#00000080}.session-unblock-animation{position:absolute;z-index:4;width:50%;height:50%}.article{min-height:100vh;background:var(--background);display:flex;flex-direction:column}.sticky-header h1{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:-1px}.article-content{width:100%;margin:0 auto;padding:0 1rem 2rem;background:var(--background);border-radius:12px;box-shadow:var(--shadow)}.article-content__article-title{font-size:20px;text-align:center;padding:1.5rem 0 1rem;min-height:126px}.article h1,h2,h3,h4{margin:20px 0 15px}.article__intro-line{margin:40px 0}.article p{margin-bottom:10px}.article__youtube-video{margin:20px 0}.intro-section p,.recommendations-section p,.article p,blockquote,li{font-size:1.15rem;line-height:1.7;margin-bottom:1.2rem}.article__in-text-link{color:var(--text)}.intro-section__written-by{font-size:14px!important}blockquote{font-style:italic;color:var(--accent);border-left:4px solid var(--accent);margin:1.2rem 0;padding:.5rem 1rem;font-weight:600}ol ul{padding:0 5%}ul li{list-style:none}ol li{margin-left:1.5rem}.steps-overview{margin:2.5rem 0 2rem;border-left:6px solid var(--accent);padding:1.2rem 1.5rem;border-radius:8px}.steps-overview h2{margin-top:0;color:var(--primary);font-size:1.3rem;font-weight:600}.steps-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.2rem}.steps-list li{font-size:1.1rem;border-radius:6px;padding:.5rem 0;display:flex;align-items:center;box-shadow:0 1px 4px #2c3e500a;color:var(--accent)}.step-number{background:var(--accent);color:var(--background);font-weight:700;border-radius:50%;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;margin-right:.7rem;font-size:1.1rem;box-shadow:0 1px 4px #2c3e5014}.step-section{border-radius:10px;box-shadow:0 1px 8px #2c3e500a}.step-section h3{color:var(--primary);font-size:1.25rem;font-weight:700;display:flex;align-items:center;margin-top:35px}.step-section p{font-size:1.13rem;line-height:1.7;margin-bottom:.8rem}p.article__note{font-size:15px}.article__internal-dialogue{font-weight:400}.recommendations-section{margin:2.5rem 0 1.5rem;padding:1.5rem 1.2rem;border-radius:10px;border-left:6px solid var(--primary);box-shadow:0 1px 8px #2c3e500a}.recommendations-section h2{margin-top:0;color:var(--primary);font-size:1.18rem;font-weight:700}.article__final-line{margin-top:75px;margin-bottom:200px}.article__final-points-container{display:flex;flex-direction:column;align-items:center}.article__final-point--1{font-size:24px}.article__final-point--2{font-size:36px}.article__final-point--3{font-size:48px}.article__final-point--4{font-size:60px}.article__want-more-title{margin-top:200px;margin-bottom:50px;text-align:center;font-size:32px}.article__want-more-revealer{margin-bottom:30px}.article__want-more-expeller{display:block;width:100%;text-align:center;padding:12px 0;border-radius:16px;border:1px solid var(--accent);background-color:var(--background);font-weight:700;color:var(--accent);font-size:16px;text-decoration:none}.article__want-more-revealer.hidden,.article__want-more-expeller.hidden{opacity:0;transform:translateY(-30px);transition:opacity .5s ease,transform .5s ease}.article__want-more.hidden{overflow:hidden}.article__want-more__button{margin-top:30px}@media(min-width:1000px){.article-content{max-width:700px}.sticky-header{left:50%;transform:translate(-50%)}}@media(max-width:600px){.article-content{padding:0 1rem 2rem}.step-number{padding:5%}}.sticky-header{position:fixed;top:0;background:var(--header-bg);box-shadow:var(--shadow);padding:1.5rem 5% 1rem;text-align:center;border-bottom:2px solid var(--accent);transition:transform .3s ease-in-out;z-index:10}.sticky-header--hidden{transform:translateY(-100%)}@media(min-width:1000px){.sticky-header{display:none}}.navigation{position:absolute;bottom:12.5%;right:5%;text-align:right;position:fixed;z-index:1}.navigation__icon{background-color:var(--accent);border-radius:50%;padding:12px;cursor:pointer}.navigation__links-container{display:flex;flex-direction:column;background-color:var(--accent);border-radius:16px;margin-bottom:8px;transform:translate(-5%)}.navigation__link{padding:12px 40px;text-align:center;color:var(--background);font-size:14px;font-weight:600;cursor:pointer}.navigation hr{width:60%;margin:0 auto;border:.5px solid var(--background)}@media(min-width:1000px){.navigation{top:5%;right:unset;left:20%;max-height:150px;display:flex;flex-direction:column-reverse;justify-content:space-between}.navigation__icon{width:48px;margin-bottom:auto}}.sessions-page{text-align:center;padding:40px 15% 35px}.sessions-title{font-weight:400;margin-bottom:8px}.sessions-subtitle{font-size:14px;margin-top:0;margin-bottom:50px}.sessions-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.intro-screen{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--background);color:var(--accent);font-size:2rem;animation:fadeInOut 3s ease forwards}.intro-screen__intro-image{text-align:center}@keyframes fadeInOut{0%{opacity:0}40%{opacity:1}75%{opacity:1}to{opacity:0;visibility:hidden}}.course-container{opacity:0;transition:opacity 2s ease}.course-container.fade-in{opacity:1}.unblock-session-animation{width:200px;height:200px}@media(min-width:1000px){.sessions-page{max-width:700px;margin:0 auto;padding:40px 0}}.blocked-session-modal{position:fixed;width:80%;margin:auto;background-color:#fff;border-radius:16px;padding:40px 8%;box-shadow:0 8px 32px #00000040}.blocked-session-modal__title{margin-bottom:1rem}.blocked-session-modal__text{text-align:left;margin-bottom:1rem;word-wrap:break-word}.blocked-session-modal__text--question{font-weight:600}.blocked-session-modal__close-text{text-align:center;font-size:15px;font-weight:600;text-decoration:underline;margin-top:12px}.blocked-session-modal__button{padding:12px 0;margin-bottom:1rem}.blocked-session-modal__button--buy{background-color:#fff;color:var(--accent);border:2px solid var(--accent)}.blocked-session-modal__line{margin:0 auto;margin-top:1rem;margin-bottom:2rem;border:.5px solid black}@media(min-width:1000px){.blocked-session-modal{max-width:500px;padding:40px}}.close-icon{position:absolute;top:15px;right:15px;cursor:pointer}.enter-code-modal{position:fixed;width:80%;z-index:3;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:45px 10% 20px;border-radius:16px;box-shadow:0 4px 18px #00000080;transition:box-shadow 1s ease}.enter-code-modal__title{margin-bottom:10px}.enter-code-modal__error-message{color:#ca3535;margin-bottom:10px}.enter-code-modal__input{margin-bottom:15px;width:100%;border-radius:16px;border:0;background-color:#e9e9e9;padding:10px 0;text-align:center;font-family:Montserrat,sans-serif;font-size:18px}.enter-code-modal__button{font-size:14px;margin-bottom:10px;padding:8px 0}.enter-code-modal__close-text{font-size:12px;text-decoration:underline;font-weight:600}@media(min-width:1000px){.enter-code-modal{max-width:500px}}.coming-soon-modal{position:fixed;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:35px 10%;border-radius:16px;box-shadow:0 4px 18px #00000080;transition:box-shadow 1s ease}.coming-soon-modal--buy-course{transform:translate(-50%,100%)}.modal-fade-in--buy-course{opacity:0;animation:modalBuyCourseFadeIn .5s ease forwards}@keyframes modalBuyCourseFadeIn{0%{opacity:0;transform:translate(-50%,155%)}to{opacity:1;transform:translate(-50%,145%)}}@media(min-width:1000px){.coming-soon-modal{max-width:500px}}.session-card{width:100%;box-sizing:border-box;background:#fff;box-shadow:4px 4px 10px #00000040;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);padding:24px;margin:0 0 50px;transition:box-shadow .2s}.session-card:hover{box-shadow:0 8px 32px #00000040}.session-card__blocked-layer{position:absolute;top:0;left:0;border-radius:16px;width:100%;height:100%;background-color:#000;opacity:51%}.session-card__image{width:100%;height:180px;object-fit:cover;object-position:center 30%;display:block;margin:0 auto 16px;border-top-left-radius:16px;border-top-right-radius:16px}.session-card__header,.session-card__title{font-weight:400;font-size:18px;margin-top:0}.session-card__header{margin-bottom:4px}.session-card__title{font-weight:600;margin-bottom:8px}.session-card__description{font-size:14px;margin-bottom:16px}.session-card__button--blocked{position:relative;z-index:2;background-color:#6f1a07}@media(min-width:1000px){.session-card{max-width:350px}.session-card__image{margin:0 auto 16px}}.session{text-align:center;padding:20px 5% 40px;opacity:0;transition:opacity 1s ease}.session.fade-in{opacity:1}.session__number{margin-bottom:10px}.session__title{font-size:24px;margin-bottom:20px}.session__image{width:100%;max-height:400px;object-fit:cover;margin-bottom:20px}.session__go-back{position:absolute;top:20px;left:5%;cursor:pointer}.session__audio{margin-bottom:10px}.session__unblock-activity{width:80%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.session__lock-icon{transform:translateY(-2px)}.unblock-exercise-animation{width:550px;height:550px}@media(min-width:1000px){.session{max-width:500px;margin:0 auto;padding-top:80px}.session__go-back{top:80px;left:35%}.unblock-exercise-animation{max-width:350px;max-height:350px}}.blocked-session{padding:20px 5%;text-align:center}.blocked-session__title,.blocked-session__text{margin-bottom:10px}.blocked-session__image{width:100%;margin-bottom:20px}.blocked-session__button{margin-top:10px}.exercise-modal{position:relative;width:80%;max-height:80vh;overflow-y:auto;border-radius:16px;background-color:#fff;padding:40px 5% 30px}.exercise-modal__title{margin:0 0 20px}.exercise-modal__unblock-container,.exercise-modal__exercise-text{margin-bottom:30px}.exercise-modal__unblock-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.exercise-modal__input{width:100%;border-radius:16px;border:0;background-color:#e9e9e9;padding:10px 0;text-align:center;font-family:Montserrat,sans-serif;font-size:18px}.exercise-modal__exercise-text{white-space:pre-line}.exercise-modal__close-text{font-weight:600;text-decoration:underline;cursor:pointer}@media(min-width:1000px){.exercise-modal{max-width:500px;margin:0 auto}}@media(max-width:1000px){.exercise-modal{transform:translateY(-45px)}}
