@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}div#root{min-height:100vh;background:#d3d3d3;background:#fff;display:flex;flex-direction:column;align-items:stretch}body{margin:0;color:#3f3f3f;font-family:Newsreader,serif,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Libre Bodoni,serif}main{width:100%;min-height:100vh;display:flex;flex-direction:column}nav{width:100%;max-width:100%;height:80px;background-color:#add8e6}nav{display:flex;position:relative;background-color:#fff}nav .nav-frame{flex:1;display:flex;align-items:center;justify-content:center;color:#484848;font-size:4rem;font-weight:700;overflow:hidden}nav .nav-home-icon{justify-content:flex-end;cursor:pointer;transition:box-shadow .15s ease-in-out}nav .nav-home-icon.nav-clicked{box-shadow:0 4px 10px #0006}nav .nav-home-icon .home-icon-link{display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s ease-in-out;color:inherit;text-decoration:none}nav .nav-home-icon .home-icon-link:visited{color:inherit}nav .nav-home-icon .home-icon-link:active{box-shadow:0 4px 10px #0006}nav .nav-title-text{color:#000}nav .nav-hamburger-icon{justify-content:flex-start}.nav-react-icon{margin:0 12px}.menubar-container{display:flex;position:absolute;background-color:#fff;top:0;left:0;width:100%;height:100%;transition:left .3s ease-in-out}.menubar-container .logo-menu-item{flex:2}@media (max-width: 768px){.menubar-container .logo-menu-item{display:none}}.menubar-item{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.menubar-item a{color:#000;padding-bottom:4px;text-decoration:none}.menubar-item a.active-link{font-weight:700;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}@media (max-width: 1024px){.menubar-item{font-size:1.4rem}}@media (max-width: 768px){.menubar-container{width:25vw;height:85vh;border-right:1px solid black;border-radius:0 8px 8px 0;left:-25vw;flex-direction:column}.menubar-item{font-size:3.2rem}.clef-menu-item{font-size:5rem}.menubar-container.menu-open{left:0}.menubar-container.menu-hidden{left:-25vw}}@media (max-width: 480px){.menubar-container{width:20vw;height:85vh;left:-40vw}.menubar-item{font-size:2.4rem}.clef-menu-item{font-size:4.4rem}.menubar-container.menu-open{left:0}.menubar-container.menu-hidden{left:-25vw}}.footer-container{width:100%;height:125px;display:flex;background-color:#000}.footer-item{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid white}.footer-item-left{font-size:1.2rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.footer-item-left p a{text-decoration:none;color:inherit}.footer-item-middle{font-size:1.4rem}.footer-item-right{font-size:2.4rem}.footer-item-right .social-media-items{flex:1;display:flex;align-items:center;justify-content:center}.footer-item-right .social-media-items .youtube-icon{background-color:red;border-radius:8px}.footer-item-right .social-media-items .twitter-icon,.footer-item-right .social-media-items .amazon-icon{margin-left:60px}@media (max-width: 480px){.footer-item-right{font-size:1.6rem}.footer-item-middle{display:none}}@media (max-width: 768px){.footer-container{flex-direction:column}.footer-item{border:none}.footer-item-right{font-size:2rem}}.info-card-frame{max-width:400px;min-height:550px;max-height:800px;border-radius:40px;border:2px solid black;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.info-card-frame .info-card-icon{font-size:4rem;margin-top:18px}.info-card-frame h2{font-size:3rem;font-weight:300;margin:0 12px}@media (min-width: 1046px){.info-card-frame h2{font-size:2.7rem}}@media (max-width: 1045px){.info-card-frame h2{font-size:2.6rem}}@media (max-width: 990px){.info-card-frame h2{font-size:2.2rem}}@media (max-width: 840px){.info-card-frame h2{margin:0 8px}}.info-card-frame p{line-height:1.5;font-size:1.8rem;font-weight:350;margin:48px 12px 0}@media (max-width: 840px){.info-card-frame p{font-size:1.7rem;margin:36px 8px 0}}@media (min-width: 1046px){.info-card-frame{max-width:305px}}@media (min-width: 1090px){.info-card-frame{max-width:348px}}@media (min-width: 1230px){.info-card-frame{max-width:400px}}@media (max-width: 768px){.info-card-frame{min-width:325px;min-height:400px}.info-card-frame .info-card-icon{font-size:3rem;margin-top:14px}.info-card-frame h2{text-align:center;font-size:3rem;margin:8px 12px 0}.info-card-frame p{text-align:center;line-height:1.3;font-size:1.8rem;margin:48px 9px 0}}.homepage-frame{padding-top:1px}.homepage-frame .homepage-hero-section{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr}.homepage-frame .homepage-hero-section__left{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#cbebf6}.homepage-frame .homepage-hero-section__left h1{margin-top:-24px;font-size:5.2rem;color:#1f1f1fb3}@media (max-width: 1024px){.homepage-frame .homepage-hero-section__left h1{font-size:4.8rem}}@media (max-width: 968px){.homepage-frame .homepage-hero-section__left h1{font-size:4.4rem}}@media (max-width: 875px){.homepage-frame .homepage-hero-section__left h1{font-size:3.8rem;margin-top:-12px}}@media (max-width: 768px){.homepage-frame .homepage-hero-section__left h1{font-size:3.2rem;margin-top:-12px}}@media (max-width: 675px){.homepage-frame .homepage-hero-section__left h1{font-size:3rem;margin-top:0}}@media (max-width: 430px){.homepage-frame .homepage-hero-section__left h1{font-size:2.4rem;margin-top:-4px}}.homepage-frame .homepage-hero-section__left p{font-size:2.4rem;text-align:center;margin:54px 24px -54px;color:#1f1f1fb3}@media (max-width: 968px){.homepage-frame .homepage-hero-section__left p{font-size:2rem;margin:36px 24px -54px}}@media (max-width: 768px){.homepage-frame .homepage-hero-section__left p{font-size:1.8rem;margin-left:12px;margin-right:12px}}@media (max-width: 430px){.homepage-frame .homepage-hero-section__left p{font-size:1.6rem;margin-top:18px}}@media (max-width: 630px){.homepage-frame .homepage-hero-section__left{justify-content:flex-start}}@media (max-width: 600px){.homepage-frame .homepage-hero-section__left{justify-content:center;margin-top:-48px;background-color:#e6e6e6}}@media (max-width: 600px){.homepage-frame .homepage-hero-section{grid-template-rows:1fr 2fr;grid-template-columns:1fr}}.homepage-frame .homepage-spacer-section{height:48px}.homepage-frame .homepage-whatis-section .homepage-whatis-content-container{display:flex;text-align:center;align-items:center;flex-direction:column;margin:24px 0 60px}.homepage-frame .homepage-whatis-section .homepage-whatis-content-container h2{font-size:5.5rem}@media (max-width: 768px){.homepage-frame .homepage-whatis-section .homepage-whatis-content-container h2{font-size:3rem;margin:0 8px}}.homepage-frame .homepage-whatis-section .homepage-whatis-content-container p{width:60%;color:#888;font-size:3rem}@media (max-width: 1024px){.homepage-frame .homepage-whatis-section .homepage-whatis-content-container p{width:80%}}@media (max-width: 768px){.homepage-frame .homepage-whatis-section .homepage-whatis-content-container p{width:90%}}@media (max-width: 480px){.homepage-frame .homepage-whatis-section .homepage-whatis-content-container p{font-size:2.2rem}}@media (max-width: 768px){.homepage-frame .homepage-whatis-section .homepage-whatis-content-container{margin-bottom:32px}}.homepage-frame .homepage-whatis-section .homepage-whatis-cards-container{width:100%;display:flex;justify-content:space-evenly;margin:8px 0}@media (max-width: 810px){.homepage-frame .homepage-whatis-section .homepage-whatis-cards-container__card{margin:0 12px}}@media (max-width: 768px){.homepage-frame .homepage-whatis-section .homepage-whatis-cards-container{margin-bottom:32px;align-items:center;flex-direction:column;gap:24px}}.homepage-frame .homepage-resources-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.homepage-frame .homepage-resources-section__titlebar{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 24px}.homepage-frame .homepage-resources-section__titlebar h2{font-size:4rem;font-weight:300;margin-bottom:12px;text-align:center}@media (max-width: 582px){.homepage-frame .homepage-resources-section__titlebar h2{font-size:3.8rem;margin:0 18px}}@media (max-width: 546px){.homepage-frame .homepage-resources-section__titlebar h2{font-size:3.2rem}}@media (max-width: 480px){.homepage-frame .homepage-resources-section__titlebar h2{font-size:2.8rem}}.homepage-frame .homepage-resources-section__titlebar p{width:50%;font-size:2.4rem;font-weight:100;color:#888;text-align:center}@media (max-width: 767px){.homepage-frame .homepage-resources-section__titlebar p .longtext{display:none}}@media (min-width: 768px){.homepage-frame .homepage-resources-section__titlebar p .shorttext{display:none}}@media (max-width: 768px){.homepage-frame .homepage-resources-section__titlebar p{width:80%}}@media (max-width: 480px){.homepage-frame .homepage-resources-section__titlebar p{width:90%}}.homepage-frame .homepage-resources-section__container{width:100%;display:grid;margin-bottom:18px;gap:4px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"resources-container-one resources-container-two" "resources-container-three resources-container-four"}@media (max-width: 768px){.homepage-frame .homepage-resources-section__container{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;grid-template-areas:"resources-container-one" "resources-container-two" "resources-container-three" "resources-container-four";width:96%;row-gap:24px}}@media (max-width: 480px){.homepage-frame .homepage-resources-section__container{width:100%;row-gap:8px}}.homepage-frame .homepage-resources-section__container .learning-resources-block{position:relative;width:100%;aspect-ratio:16/9;background-color:#deb887;display:flex;align-items:center;justify-content:center}.homepage-frame .homepage-resources-section__container .learning-resources-block img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:fill}.homepage-frame .homepage-resources-section__container .learning-resources-block p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff;text-align:center;background-color:#00000080;padding:8px 12px;border-radius:6px}.homepage-frame .homepage-resources-section__container__one{grid-area:resources-container-one;background-color:#deb887}.homepage-frame .homepage-resources-section__container__two{grid-area:resources-container-two;background-color:#556b2f}.homepage-frame .homepage-resources-section__container__three{grid-area:resources-container-three;background-color:#bdb76b}.homepage-frame .homepage-resources-section__container__four{grid-area:resources-container-four;background-color:olive}.about-page-container{max-width:1200px;margin:0 auto;padding:2rem}.about-page-hero{text-align:center;margin-bottom:4rem}.about-page-hero h1{font-size:4.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1024px){.about-page-hero h1{font-size:3.5rem}}.about-page-hero .hero-image{border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000026}.about-page-hero .hero-image img{width:100%;height:auto;display:block;object-fit:cover}.value-propositions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.value-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 15px #00000014;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card .value-icon{font-size:2.5rem;margin-bottom:1rem}.value-card h3{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.value-card p{font-size:1.4rem;line-height:1.6;color:#666}.mission-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 2rem;border-radius:16px;margin-bottom:4rem}.mission-section .mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-section .mission-content h2{font-size:3rem;margin-bottom:2rem;color:#2c3e50}.mission-card{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.mission-card h3{font-size:2rem;color:#2c3e50;margin-bottom:1rem}.mission-card p{font-size:1.6rem;line-height:1.6;color:#666}.resources-section h2{font-size:2.8rem;text-align:center;margin-bottom:3rem;color:#2c3e50}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.resource-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 15px #00000014;text-align:center;position:relative;transition:transform .3s ease}.resource-card:hover{transform:translateY(-5px)}.resource-card .resource-icon{font-size:2.5rem;margin-bottom:1rem}.resource-card h3{font-size:1.6rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.resource-card p{font-size:1.4rem;color:#666}.resource-card .coming-soon{position:absolute;top:1rem;right:1rem;background:#e74c3c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}@media (max-width: 1024px){.about-page-container{padding:1rem}.value-propositions{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.mission-section{padding:2rem 1rem}.mission-card{padding:1.5rem}}.bookspage-frame{display:flex;flex-direction:column}.bookspage-top-frame{width:100%;max-width:100%;display:grid;margin-bottom:24px;grid-template-rows:1fr;grid-template-columns:1fr 3fr 1fr;grid-template-areas:"booksTopSideColumnLeft booksTopMiddle booksTopSideColumnRight"}@media (max-width: 720px){.bookspage-top-frame{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"booksTopMiddle booksTopMiddle" "booksTopSideColumnLeft booksTopSideColumnRight"}}@media (max-width: 480px){.bookspage-top-frame{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;grid-template-areas:"booksTopMiddle" "booksTopSideColumnLeft" "booksTopSideColumnRight"}}.bookspage-top-frame__column-header{display:flex;flex-direction:row;align-items:center;justify-content:center}.bookspage-top-frame__column-header .header-align-column{width:80%}.bookspage-top-frame__column-header .header-align-column p{font-size:2rem;font-weight:400}@media (max-width: 720px){.bookspage-top-frame__column-header .header-align-column p{font-size:2.6rem}}@media (max-width: 660px){.bookspage-top-frame__column-header .header-align-column p{font-size:2.2rem}}@media (max-width: 530px){.bookspage-top-frame__column-header .header-align-column p{font-size:2.4rem}}@media (max-width: 470px){.bookspage-top-frame__column-header .header-align-column p{font-size:2.8rem}}.bookspage-top-frame__info-card-container{display:flex;align-items:flex-start;justify-content:center}.bookspage-top-frame__info-card-container .bookspage-top-info-card-frame{width:80%;margin-top:16px}.bookspage-top-frame__column-left{grid-area:booksTopSideColumnLeft}.bookspage-top-frame__center{grid-area:booksTopMiddle}.bookspage-top-frame__center h1{font-size:2.8rem;margin-top:16px;margin-bottom:21px;line-height:48px}@media (max-width: 720px){.bookspage-top-frame__center h1{margin-left:8px}}.bookspage-top-frame__center p{font-size:2rem}@media (max-width: 720px){.bookspage-top-frame__center p{margin-left:8px}}@media (max-width: 720px){.bookspage-top-frame__center{margin-bottom:36px}}.bookspage-top-frame__column-right{grid-area:booksTopSideColumnRight}.bookspage-center-frame{width:100%;max-width:100%}.bookspage-center-frame__top{display:flex;margin-bottom:24px;padding:4px 0;flex-direction:row;align-items:center;justify-content:center;background-color:#eaeaea;border-top:2px solid #D1D1D1}@media (max-width: 768px){.bookspage-center-frame__top{flex-direction:column}}@media (max-width: 480px){.bookspage-center-frame__top{flex-direction:column}}.bookspage-center-frame__top__content_frame{flex:1;min-height:82px;display:flex;align-items:center}.bookspage-center-frame__top__content_frame__title{margin-left:60px}.bookspage-center-frame__top__content_frame__title p{font-size:2.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;margin-left:60px;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;transition:text-decoration-thickness .3s ease-in-out}@media (max-width: 768px){.bookspage-center-frame__top__content_frame__title p{margin-left:30px}}.bookspage-center-frame__top__content_frame__title p:hover{text-decoration-thickness:5px}.bookspage-center-frame__top__content_frame__message{flex:1;font-weight:500;font-size:1.3rem;margin-right:12px}.bookspage-center-frame__top__content_frame__message ul{list-style:none;padding:0;margin:12px 0}.bookspage-center-frame__top__content_frame__message li{font-size:1.4rem;font-weight:500;line-height:1.2;display:flex;align-items:center;gap:12px;margin-bottom:10px}.bookspage-center-frame__top__content_frame__message li:before{content:"🎸";font-size:1.8rem;color:#c1272d}@media (max-width: 768px){.bookspage-center-frame__top__content_frame__message{margin:8px 0}}.bookspage-center-frame__mid{display:grid;gap:48px;grid-template-rows:1fr fr;grid-template-areas:"booksMidTop" "booksMidBottom";align-items:center}.bookspage-center-frame__mid__topbooks{grid-area:booksMidTop;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:start;justify-content:center}@media (max-width: 825px){.bookspage-center-frame__mid__topbooks{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px}}@media (max-width: 768px){.bookspage-center-frame__mid__topbooks{margin:0 12px}}@media (max-width: 480px){.bookspage-center-frame__mid__topbooks{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;gap:24px}}.bookspage-center-frame__mid__bottombooks{grid-area:booksMidBottom;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;justify-content:center}@media (max-width: 820px){.bookspage-center-frame__mid__bottombooks{gap:8px;margin:0 12px}}@media (max-width: 720px){.bookspage-center-frame__mid__bottombooks{gap:12px}}@media (max-width: 480px){.bookspage-center-frame__mid__bottombooks{grid-template-columns:1fr}}.bookspage-center-frame__mid__topbooks .book-frame,.bookspage-center-frame__mid__bottombooks .book-frame{display:flex;align-items:center;justify-content:center}.bookspage-center-frame__lower{display:flex;margin-top:24px}.bookspage-center-frame__lower__book_frame{flex:1;display:flex;min-height:112px;align-items:center;justify-content:center}.bookspage-center-frame__lower__book_frame div{min-width:88px;min-height:88px}.bookspage-bottom-frame{width:100%;max-width:100%;margin-top:36px}.bookspage-bottom-frame__top{display:flex;padding:16px 0;margin-bottom:14px;align-items:center;justify-content:flex-start;background-color:#eaeaea}.bookspage-bottom-frame__top p{font-weight:700;font-size:2.6rem;margin-left:48px;letter-spacing:1px;text-transform:uppercase}.bookspage-bottom-frame__mid{display:flex;align-items:flex-start;justify-content:center}.bookspage-bottom-frame__mid__leftbook,.bookspage-bottom-frame__mid__rightbook{flex:1;display:flex;align-items:stretch;justify-content:center}.bookspage-bottom-frame__mid .coming-soon-frame{display:flex;width:80%;flex-direction:column;align-items:center;justify-content:space-between}.bookspage-bottom-frame__mid .coming-soon-frame img{width:100%;object-fit:contain;margin-bottom:24px}.bookspage-bottom-frame__mid .coming-soon-frame h1,.bookspage-bottom-frame__mid .coming-soon-frame p{width:100%;text-align:left}.bookspage-bottom-frame__mid .coming-soon-frame h1{font-size:2.2rem;margin-bottom:8px}.bookspage-bottom-frame__mid .coming-soon-frame p{font-size:1.4rem;margin-top:18px;color:#444}.bookspage-bottom-frame__lower{height:124px}@media (max-width: 768px){.bookspage-bottom-frame__mid{flex-direction:column;gap:32px}.bookspage-bottom-frame__leftbook,.bookspage-bottom-frame__rightbook{max-width:90%}}.bookinfo-card-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:202px}.bookinfo-card-frame .bookinfo-cover-image:hover{cursor:pointer}@media (max-width: 870px){.bookinfo-card-frame{max-width:88%}}@media (max-width: 768px){.bookinfo-card-frame{max-width:402px}}@media (max-width: 480px){.bookinfo-card-frame{max-width:94%}}.bookinfo-card-frame h2{font-size:1.8rem;margin:16px 0;text-align:left;align-self:flex-start}@media (max-width: 480px){.bookinfo-card-frame h2{font-size:2rem}}.bookinfo-card-frame p{font-size:1.1rem;align-self:flex-start;text-align:left}@media (max-width: 480px){.bookinfo-card-frame p{font-size:1.5rem}}.bookinfo-card-frame__links{width:100%;margin-top:12px}.bookinfo-card-frame__links p{font-size:1.2rem}.bookinfo-card-frame__links .basic-line{width:80%;margin-top:1px;margin-bottom:4px}.bookinfo-card-frame__links__booklinks{display:flex;flex-direction:row;align-items:flex-start}.bookinfo-card-frame__links__booklinks a{margin-right:18px}.about-side-info-card-frame{overflow:hidden;border-radius:10px 10px 0 0}.about-side-info-card-frame img{margin-bottom:12px}.about-side-info-card-frame h1{font-size:1.8rem;margin-bottom:8px}@media (max-width: 768px){.about-side-info-card-frame h1{font-size:1.4rem}}@media (max-width: 480px){.about-side-info-card-frame h1{font-size:1.8rem}}.about-side-info-card-frame p{font-size:1.1rem}@media (max-width: 768px){.about-side-info-card-frame p{font-size:1.4rem}}@media (max-width: 480px){.about-side-info-card-frame p{font-size:1.6rem}}.landingpage-frame{min-height:100vh;display:flex;flex-direction:column}.landingpage-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:4rem 2rem;min-height:80vh;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}@media (max-width: 768px){.landingpage-hero{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem;text-align:center}}.landingpage-hero__content h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1;color:#2c3e50}@media (max-width: 768px){.landingpage-hero__content h1{font-size:2.5rem}}.landingpage-hero__content .hero-subtitle{font-size:1.3rem;margin-bottom:2rem;color:#5a6c7d;line-height:1.4}.benefits-list{display:flex;flex-direction:column;gap:1rem}.benefit-item{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:#2c3e50}.benefit-item .benefit-icon{font-size:1.5rem;width:2.5rem;text-align:center}.landingpage-hero__signup{display:flex;justify-content:center;align-items:center}.signup-card,.success-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px}.signup-card h2,.success-card h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50;text-align:center}.signup-card p,.success-card p{margin-bottom:1.5rem;color:#5a6c7d;text-align:center}.signup-form{display:flex;flex-direction:column;gap:1rem}.name-input{padding:1rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.name-input:focus{outline:none;border-color:#007bff}.email-input{padding:1rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.email-input:focus{outline:none;border-color:#007bff}.email-input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem}.cta-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1rem 2rem;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.cta-button:active{transform:translateY(0)}.cta-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.privacy-note{font-size:.9rem;color:#6c757d;text-align:center;margin-top:1rem}.reset-button{background:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.reset-button:hover{background:#5a6268}.landingpage-preview{padding:4rem 2rem;background:#fff}.landingpage-preview .preview-content{max-width:1200px;margin:0 auto}.landingpage-preview .preview-content h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#2c3e50}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.preview-item{text-align:center;padding:2rem;border-radius:1rem;box-shadow:0 5px 15px #00000014;transition:transform .3s ease}.preview-item:hover{transform:translateY(-5px)}.preview-item img{width:100%;max-width:200px;height:auto;margin-bottom:1.5rem;border-radius:.5rem}.preview-item h3{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}.preview-item p{color:#5a6c7d;line-height:1.5}.landingpage-testimonial{background:#2c3e50;color:#fff;padding:4rem 2rem;text-align:center}.landingpage-testimonial .testimonial-content{max-width:800px;margin:0 auto}.landingpage-testimonial .testimonial-content blockquote{font-size:1.5rem;font-style:italic;margin-bottom:1rem;line-height:1.4}.landingpage-testimonial .testimonial-content cite{font-size:1.1rem;opacity:.8}.youtubepage-frame{width:98%;margin:0 auto}@media (max-width: 768px){.youtubepage-frame{width:100%}}@media (max-width: 480px){.youtubepage-frame{width:100%}}.youtubepage-top-sectional-frame{display:grid;margin-bottom:18px;grid-template-rows:1fr;grid-template-columns:2fr 1fr;grid-template-areas:"left right"}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left{grid-area:left;display:grid;grid-template-areas:"top-section top-section" "top-left-section-spacer top-left-section-spacer" "top-lower-left top-lower-right"}@media (max-width: 768px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left{grid-template-areas:"top-section" "top-left-section-spacer" "top-lower-left" "top-lower-right"}}@media (max-width: 480px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left{width:100%}}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-top{grid-area:top-section;display:flex;align-items:center;justify-content:center}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-mid-spacer{height:18px;grid-area:top-left-section-spacer}@media (max-width: 768px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-mid-spacer{height:12px}}@media (max-width: 480px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-mid-spacer{height:8px}}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul{list-style-type:none;padding:0;margin:0}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul li{display:flex;align-items:center;font-weight:550;font-size:1.4rem;margin:24px 0 38px 18px}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul li:before{content:"•";font-size:3rem;font-weight:700;margin-right:8px;line-height:1}@media (max-width: 768px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul{padding:0;margin:0}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul li{padding:0;margin:0 12px 10px}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul li:before{font-size:2.6rem}}@media (max-width: 480px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul li{font-size:1.3rem;margin:0 80px 20px 12px;line-height:1.1}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-element ul li:before{font-size:2rem}}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-left{grid-area:top-lower-left}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__left .top-section-bottom-right{grid-area:top-lower-right}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__right{grid-area:right;overflow:hidden;display:flex;align-items:center;justify-content:center}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__right picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__right picture .guitar-image{max-width:90%!important;height:100%;object-fit:cover;border-radius:20px}@media (max-width: 768px){.youtubepage-top-sectional-frame .youtubepage-top-sectional-frame__right{display:none}}@media (max-width: 768px){.youtubepage-top-sectional-frame{grid-template-columns:1fr;grid-template-areas:left}}.youtubepage-mid-sectional-frame .youtubepage-mid-sectional-frame__top{max-width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(to bottom,#ddd,#111,#ddd);border-radius:24px;opacity:.35;margin:0 40px 24px}@media (max-width: 864px){.youtubepage-mid-sectional-frame .youtubepage-mid-sectional-frame__top{min-height:125px;margin:30px 10px}}.youtubepage-mid-sectional-frame .youtubepage-mid-sectional-frame__top h1{font-size:6rem;opacity:.94;color:#fff;word-spacing:10px;text-transform:uppercase}@media (max-width: 768px){.youtubepage-mid-sectional-frame .youtubepage-mid-sectional-frame__top h1{font-size:5rem;line-height:1.2}}@media (max-width: 648px){.youtubepage-mid-sectional-frame .youtubepage-mid-sectional-frame__top h1{font-size:4.6rem}}@media (max-width: 480px){.youtubepage-mid-sectional-frame .youtubepage-mid-sectional-frame__top h1{font-size:3.1rem}}.youtubepage-mid-sectional-frame .youtubepage-card-carosoul-container{display:grid;row-gap:48px;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;background-color:#f5f5f566}@media (max-width: 1045px){.youtubepage-mid-sectional-frame .youtubepage-card-carosoul-container{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.youtubepage-mid-sectional-frame .youtubepage-card-carosoul-container{grid-template-columns:1fr}}.youtubepage-sectional-frame{margin:18px 4px}.youtubepage-sectional-frame .youtubepage-checkout-the-channel{margin:120px 0 48px}.youtubepage-sectional-frame .youtubepage-checkout-the-channel h1{font-size:4rem}@media (max-width: 480px){.youtubepage-sectional-frame .youtubepage-checkout-the-channel h1{font-size:2.4rem}}@media (max-width: 768px){.youtubepage-sectional-frame .youtubepage-checkout-the-channel{margin-top:62px;margin-bottom:22px}}.youtubepage-sectional-frame .youtubepage-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.youtubepage-sectional-frame .youtubepage-video-container iframe{border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%}.resourcespage-container{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;grid-template-areas:"hero-section" "reference-section" "resources-section"}.resourcespage-container .hero-section{grid-area:hero-section;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;grid-template-areas:"left right"}@media (max-width: 540px){.resourcespage-container .hero-section{grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-template-areas:"right" "left"}}.resourcespage-container .hero-section__left{grid-area:left;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#cbebf6}.resourcespage-container .hero-section__left__frame{width:65%;max-width:85%}.resourcespage-container .hero-section__left__frame h1{color:#1f1f1fb3;font-size:6rem;text-align:center}@media (max-width: 1168px){.resourcespage-container .hero-section__left__frame h1{font-size:5.4rem}}@media (max-width: 1024px){.resourcespage-container .hero-section__left__frame h1{font-size:4.8rem}}@media (max-width: 910px){.resourcespage-container .hero-section__left__frame h1{font-size:3.6rem}}@media (max-width: 680px){.resourcespage-container .hero-section__left__frame h1{font-size:3rem}}@media (max-width: 540px){.resourcespage-container .hero-section__left__frame h1{font-size:4.8rem}}@media (max-width: 480px){.resourcespage-container .hero-section__left__frame h1{font-size:3.5rem}}.resourcespage-container .hero-section__left__frame p{color:#1f1f1fb3;font-size:2.6rem;text-align:center;font-style:italic}@media (max-width: 1168px){.resourcespage-container .hero-section__left__frame p{font-size:2.2rem}}@media (max-width: 1024px){.resourcespage-container .hero-section__left__frame p{font-size:1.8rem}}@media (max-width: 910px){.resourcespage-container .hero-section__left__frame p{font-size:1.4rem}}@media (max-width: 680px){.resourcespage-container .hero-section__left__frame p{font-size:1.2rem}}@media (max-width: 540px){.resourcespage-container .hero-section__left__frame p{font-size:2rem}}@media (max-width: 480px){.resourcespage-container .hero-section__left__frame p{font-size:1.6rem}}.resourcespage-container .hero-section__right{grid-area:right;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.resourcespage-container .hero-section__right img{width:100%;height:auto;max-height:100%;object-fit:contain}.resourcespage-container .reference-section{grid-area:reference-section;display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr}.resourcespage-container .reference-section__header{display:flex;align-items:center;justify-content:center;margin-top:48px;background-color:#a9a9a94d;border-radius:8px;margin-left:6px;margin-right:6px}@media (max-width: 680px){.resourcespage-container .reference-section__header{margin-bottom:24px}}.resourcespage-container .reference-section__header h1{font-size:6rem}@media (max-width: 1024px){.resourcespage-container .reference-section__header h1{font-size:5.2rem}}@media (max-width: 768px){.resourcespage-container .reference-section__header h1{font-size:4.4rem}}@media (max-width: 680px){.resourcespage-container .reference-section__header h1{font-size:3rem}}.resourcespage-container .reference-section__container{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;margin:16px 0}@media (max-width: 700px){.resourcespage-container .reference-section__container{margin:0 8px;grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.resourcespage-container .reference-section__frame{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 700px){.resourcespage-container .reference-section__frame{margin-bottom:24px;justify-content:center}}.resourcespage-container .resources-section{grid-area:resources-section}.resourcespage-container .resources-section__header{display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.2);margin-bottom:24px}@media (max-width: 720px){.resourcespage-container .resources-section__header{margin:8px 18px}}.resourcespage-container .resources-section__header h1{font-size:6rem}.resourcespage-container .resources-section__header p{font-size:2.2rem;text-align:center}.resourcespage-container .resources-section__content{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"frame-one frame-two frame-three"}@media (max-width: 850px){.resourcespage-container .resources-section__content{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"frame-one frame-two" "frame-three frame-four"}}@media (max-width: 770px){.resourcespage-container .resources-section__content{gap:8px}}@media (max-width: 640px){.resourcespage-container .resources-section__content{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;grid-template-areas:"frame-one" "frame-two" "frame-three" "frame-four"}}.resourcespage-container .resources-section__content__frame{flex:1;padding:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.resourcespage-container .resources-section__content__one{grid-area:frame-one;background-color:#eeeeeeb3}.resourcespage-container .resources-section__content__two{grid-area:frame-two}.resourcespage-container .resources-section__content__three{grid-area:frame-three;background-color:#eeeeeeb3}.reference-infocard{max-width:88%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;align-items:center}.reference-infocard:hover{transform:scale(1.01);box-shadow:0 6px 18px #00000026}@media (max-width: 1024px){.reference-infocard{max-width:94%}}@media (max-width: 480px){.reference-infocard{max-width:96%}}.reference-infocard__image{aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 20px #00000026}.reference-infocard__image img{width:100%;height:100%;object-fit:cover}.reference-infocard__content{padding:16px;text-align:center;font-size:1.2rem;color:#333;line-height:1.5}.reference-infocard__content__innerframe{margin:0 4px}.reference-infocard__content__innerframe h2{font-size:3rem;margin-bottom:8px;color:#333}@media (max-width: 720px){.reference-infocard__content__innerframe h2{font-size:2.4rem}}@media (max-width: 700px){.reference-infocard__content__innerframe h2{font-size:3.2rem}}@media (max-width: 550px){.reference-infocard__content__innerframe h2{font-size:3rem}}@media (max-width: 480px){.reference-infocard__content__innerframe h2{font-size:2.2rem}}.reference-infocard__content__innerframe p{font-size:1.4rem;color:#646464;margin-bottom:16px}@media (max-width: 720px){.reference-infocard__content__innerframe p{font-size:1.2rem}}@media (max-width: 700px){.reference-infocard__content__innerframe p{font-size:1.6rem}}@media (max-width: 550px){.reference-infocard__content__innerframe p{font-size:1.4rem}}@media (max-width: 480px){.reference-infocard__content__innerframe p{font-size:1.3rem}}.basic-line{width:100%;height:1px;margin-top:-2px;background-color:#0009}.thankyou-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}@media (max-width: 768px){.thankyou-page{padding:2rem 1rem}}.thankyou-page .thankyou-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 10px 30px #0000001a;width:100%;max-width:500px;text-align:center}.thankyou-page .thankyou-card h1{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50}@media (max-width: 768px){.thankyou-page .thankyou-card h1{font-size:2rem}}.thankyou-page .thankyou-card p{font-size:1.2rem;margin-bottom:2rem;color:#5a6c7d;line-height:1.4}.thankyou-page .thankyou-card .cta-button,.thankyou-page .thankyou-card .reset-button{display:inline-block;padding:1rem 2rem;border-radius:.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.thankyou-page .thankyou-card .cta-button.cta-button,.thankyou-page .thankyou-card .reset-button.cta-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none}.thankyou-page .thankyou-card .cta-button.cta-button:hover,.thankyou-page .thankyou-card .reset-button.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.thankyou-page .thankyou-card .cta-button.reset-button,.thankyou-page .thankyou-card .reset-button.reset-button{background:#6c757d;color:#fff;border:none;transition:background-color .3s ease}.thankyou-page .thankyou-card .cta-button.reset-button:hover,.thankyou-page .thankyou-card .reset-button.reset-button:hover{background:#5a6268}