:root{font-family:Hanken Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f0fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--blue);text-decoration:inherit}a:hover{color:var(--blue)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#f0fbff}h1,h2,h3{font-weight:900;margin:0}h1{font-size:3.2em;line-height:auto;font-weight:900}h2{font-size:2.4em;line-height:1.2;font-weight:900;margin-bottom:.2em}h3{font-size:1.7em;line-height:2em;font-weight:900}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f0fbff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input,select{color:#213547}.advanced-lesson-page{min-height:100vh;display:flex;flex-direction:column;gap:0;padding:0 0 0 .8rem;position:relative;margin-top:1rem}.lesson-header .back-button{margin-bottom:0}.lesson-header-container{padding:0rem .2rem;border-radius:12px 12px 0 0;margin-bottom:0}.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;max-width:1700px;margin:0}.lesson-background{position:relative;width:100%;padding-top:58%;border-radius:12px;background-color:#000;height:auto;max-height:none;box-shadow:0 4px 20px #0003;overflow:hidden}.background-image,.background-video{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease;z-index:1;pointer-events:none}.background-image{background-size:cover;background-position:center}.background-video{object-fit:cover}.lesson-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;transition:opacity .5s ease;border-radius:12px;opacity:1;z-index:2}.lesson-background.transitioning:before{opacity:0}.lesson-background-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem;z-index:3;pointer-events:none}.lesson-background-content>*{pointer-events:auto}.lesson-background-content .haley-container{pointer-events:none}.lesson-controls-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 -4px 20px #0000001a;margin-top:1rem}.lesson-header h2{margin:0;font-size:1.5rem;flex:1}.next-lesson-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:var(--blue);color:#fff;border-radius:100px;cursor:pointer;font-weight:600}.lesson-overlay{max-width:1200px;margin:0 auto;position:relative;z-index:4;pointer-events:none}.lesson-content>*{pointer-events:auto}.lesson-controls{position:static;background:none;padding:0;display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.control-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem}.control-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.control-button:hover:not(:disabled){background:#0000001a}.control-button:disabled{opacity:.5;cursor:not-allowed}.play-button{background:var(--blue);border:none;cursor:pointer;padding:1rem;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;margin:0 1rem}.play-button:hover{transform:scale(1.1)}.play-button:active{transform:scale(.95)}.center-play-button-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:auto}.center-play-button{background:var(--blue);cursor:pointer;padding:1.5rem;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.center-play-button:hover{transform:scale(1.1)}.center-play-button:active{transform:scale(.95)}.progress-bar-container{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--blue);transition:width .3s ease}.subtitle-container{position:relative;display:flex;justify-content:center;padding:.2rem;z-index:4}.subtitle-text{background:#000000b3;color:#fff;padding:.5rem 1.5rem;border-radius:100px;font-size:1.2rem;max-width:80%;text-align:center}.true-false-container{position:relative;display:flex;justify-content:center;gap:3rem;z-index:5;width:100%;pointer-events:auto;margin-top:8%;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.true-false-container.show{opacity:1;transform:translateY(0)}.true-false-button{padding:1.5rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:24px;cursor:pointer;color:#fff;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1);width:25%;max-width:200px}.true-false-button.show{opacity:1;transform:translateY(0)}.true-false-button.true.show{transition-delay:.2s}.true-false-button.false.show{transition-delay:.4s}.true-false-button .icon{width:48px;height:48px;stroke-width:2}.true-false-button:hover:not(:disabled){transform:translateY(-5px);filter:brightness(1.1);box-shadow:0 8px 20px #00000040}.true-false-button:active:not(:disabled){transform:scale(.95)}.true-false-button:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.true-false-button.true{background-color:var(--green, #2ECC71)}.true-false-button.false{background-color:var(--red, #E74C3C)}.multi-choice-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:40%;margin:20px;padding:15px;position:absolute;transition:all .5s ease;opacity:0}.multi-choice-container.position-left{left:5%}.multi-choice-container.position-right{right:5%}.multi-choice-container.show-animation{opacity:1;transform:scale(1)}.option-button{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:20px;padding:0;overflow:hidden;cursor:pointer;pointer-events:auto;transition:all .3s ease;width:100%;aspect-ratio:1/1;box-shadow:0 2px 6px #0003;opacity:0;transform:scale(.8);position:relative}.option-button.visible{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}.option-button.playing{animation:wiggle .5s ease-in-out}@keyframes wiggle{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1)}75%{transform:rotate(3deg) scale(1)}to{transform:rotate(0) scale(1)}}.option-button:hover:not(:disabled){transform:scale(1.05);background:#fff;box-shadow:0 4px 12px #0000004d;border:1px solid var(--green)}.option-button:disabled{opacity:.6;cursor:not-allowed}.option-image{width:100%;height:100%;object-fit:cover;margin:0;position:relative;overflow:hidden}.option-text{position:relative;font-size:1.1em;text-align:center;color:#333;word-wrap:break-word;width:100%;margin:0;display:flex;align-items:center;justify-content:center;min-height:25%}.option-button.text-only{background:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.option-button.text-only .option-text{position:static;height:auto;background:none;font-size:1.3em;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.multi-choice-container>*{position:relative}.score-display{padding:8px 12px;border-radius:12px;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:8px}.score-display .score-label{color:#888;font-size:1rem;display:flex;align-items:center;height:100%;padding-right:4px}.score-display .stars-container{display:flex;gap:4px;align-items:center;height:100%}.score-display .star-wrapper{transform:scale(1);display:flex;align-items:center;justify-content:center}.score-display .star-filled{color:#ffae00;filter:drop-shadow(0 0 4px rgba(255,215,0,.8))}.score-display .star-empty{color:var(--dark-beige)}.score-summary-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.score-summary-content{background:#fff;padding:32px;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.score-summary-content h2{margin:0 0 24px;text-align:center;color:var(--text-color)}.final-score{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:24px;padding:16px;background:var(--light-bg);border-radius:12px}.questions-review{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.question-result{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.question-result.correct{border-left:4px solid var(--green)}.question-result.incorrect{border-left:4px solid var(--red)}.answer-details{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:.9rem;color:var(--text-secondary)}.answer-details span{padding:4px 8px;background:var(--light-bg);border-radius:6px}.camera-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.camera-modal-content{width:90%;max-width:600px;background:#fff;border-radius:12px;padding:20px;position:relative}.photo-preview-container{width:100%}.photo-preview{width:100%;padding-bottom:100%;position:relative;background:#f5f5f5;border-radius:8px;overflow:hidden;margin-bottom:20px}.photo-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.photo-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.photo-actions button{flex:1;padding:12px;border-radius:6px;border:none;font-size:16px;cursor:pointer}.photo-actions button:first-child{background:#f5f5f5}.photo-actions .submit-button{background:#007aff;color:#fff}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1000}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.loading-text{margin-top:12px;color:#fff;font-size:1.2rem;font-weight:500;text-align:center}.camera-preview{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:#000}.camera-preview video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto}.detection-status{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:12px 24px;border-radius:100px;font-size:1.1rem;z-index:100;transition:background-color .3s ease}.detection-status.detected{background:#4ade80cc}.alignment-guide{position:absolute;top:-98%;left:22.5%;width:55%;aspect-ratio:8.5/11;border:2px solid rgba(255,255,255,.8);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.alignment-guide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:8px solid rgba(255,0,0,.3);pointer-events:none}.alignment-guide:after{content:"";position:absolute;width:10%;height:10%;border:2px solid rgba(255,0,0,.5);pointer-events:none;box-shadow:90% 0 0 0 #ff000080,0 90% 0 0 #ff000080,90% 90% 0 0 #ff000080}.alignment-guide.page-detected:before{border-color:#4ade804d}.alignment-guide.page-detected:after{border-color:#4ade8080;box-shadow:90% 0 0 0 #4ade8080,0 90% 0 0 #4ade8080,90% 90% 0 0 #4ade8080}.guide-text{color:#fff;background:#0009;padding:8px 16px;border-radius:20px;font-size:.9rem;text-align:center;transition:all .3s ease}.page-detected .guide-text{background:#4ade80cc}.close-button{position:absolute;top:10px;right:10px;background:#00000080;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.capture-button{background:var(--blue);border:none;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto;cursor:pointer;transition:all .3s ease;opacity:1}.capture-button.counting-down{opacity:0;pointer-events:none}.capture-button:hover:not(:disabled){transform:scale(1.1)}.capture-button:disabled{opacity:.5;cursor:not-allowed}.photo-preview{position:relative;width:100%;border-radius:8px;overflow:hidden}.photo-preview img{width:100%;height:auto;display:block}.photo-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}.photo-actions button{padding:12px 24px;border-radius:24px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.photo-actions button:hover:not(:disabled){transform:translateY(-2px)}.photo-actions button:disabled{opacity:.5;cursor:not-allowed}.photo-actions .submit-button{background:var(--green);color:#fff;text-align:center}.camera-error{color:#fff;text-align:center;padding:20px}.camera-error button{background:var(--blue);color:#fff;border:none;padding:12px 24px;border-radius:24px;margin-top:16px;cursor:pointer}.camera-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10}.auto-capture-toggle{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem;background:#0009;padding:8px 16px;border-radius:20px;cursor:pointer}.auto-capture-toggle input{width:16px;height:16px;cursor:pointer}.debug-overlay{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:10px;border-radius:8px;font-family:monospace;font-size:12px;z-index:100;display:flex;flex-direction:column;gap:4px}.debug-overlay div{white-space:nowrap}.audio-countdown{background:var(--blue);color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin:20px auto}.analyzing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.analyzing-text{color:#fff;font-size:1.2rem;font-weight:500;text-align:center}@media (max-width: 768px){.haley-wrapper{scale:.7;transform-origin:bottom right;right:-100px;bottom:-140px}}.haley-wrapper{position:fixed;right:0;bottom:0;overflow:hidden;width:420px;height:800px;pointer-events:none;z-index:1000}.haley-container{position:absolute;width:600px;height:800px;z-index:3;pointer-events:none;right:-120px;transition:bottom .5s ease-in-out}.sidebar{width:150px;height:auto;background:var(--medium-beige);padding:1rem 0;position:fixed;left:0;top:50px;color:var(--text-color);display:flex;flex-direction:column;align-items:center;z-index:100;margin-left:1rem;margin-top:1rem;border-radius:12px}.sidebar-logo{padding:0rem 0 0;margin:0 auto}.sidebar-logo-image{width:150px;height:auto;display:block;margin:0 auto}.sidebar-logo h3{color:var(--text-color);margin:0}.nav-links{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:0rem;align-items:center}.nav-links li{display:flex;align-items:center;justify-content:center}.sidebar-nav-item{border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background .2s;cursor:pointer;box-shadow:none;border:none;padding:.5rem .3rem .4rem;margin:0 1rem 1rem}.nav-links li.active .sidebar-nav-item{background:var(--blue)}.sidebar-icon{width:70%;height:auto;display:block;object-fit:contain;background:none;border-radius:8px;margin:0;box-shadow:none}.sidebar-icon.animated:hover{box-shadow:none}.sidebar-icon.static{background:none}.sidebar-label{display:block;font-size:.9rem;text-align:center;color:var(--text-color);font-weight:600;margin-top:.25rem;margin-bottom:0}.nav-links li.active .sidebar-label{color:#fff}@media (max-width: 1024px){.sidebar{width:100%;margin:0;border-radius:0;position:fixed;top:54px;flex-direction:row;padding:0;box-shadow:none;background:var(--medium-beige);box-shadow:0 5px 10px #0003}.sidebar-icon{max-width:85px;max-height:85px;aspect-ratio:1/1}.nav-links{flex-direction:row;gap:0;align-items:stretch;justify-content:space-around}.nav-links.horizontal li{display:flex;align-items:center;justify-content:center;height:100%;border-radius:0;width:auto}.sidebar-nav-item{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1rem;margin:.5rem}.sidebar-icon{width:80%}.sidebar-label{font-size:.8rem;margin-top:.2rem}}.icon-blue{color:var(--blue)}.icon-red{color:var(--red)}.icon-orange{color:var(--orange)}.icon-green{color:var(--green)}.icon-purple{color:var(--purple)}.nav-links li.active .nav-icon,.icon-active{color:#fff!important}@media (max-width: 480px){.sidebar-nav-item{padding:.4rem;margin:.4rem .1rem}.sidebar-label{font-size:.75rem}.sidebar-icon{max-width:65px;max-height:65px}}.layout{display:flex;min-height:100vh;flex-direction:row;padding-top:64px}.main-content{flex:1;margin-left:160px;padding:0rem 3rem 10rem;min-height:100vh;width:calc(100% - 200px);background-color:var(--beige)}@media (max-width: 1024px){.layout{padding-top:56px}.main-content{margin-left:0;width:100%;padding-top:120px}}.top-nav-bar{width:100%;height:50px;background:var(--top-nav-bg, #868071);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:2100;padding:0 .5rem;z-index:100;box-sizing:border-box}.top-nav-logo{height:34px;width:auto;margin-top:7px}.top-nav-left{display:flex;align-items:center}.top-nav-right{display:flex;align-items:center;gap:.2rem}.profile-pill-btn,.parent-tools-pill-btn,.invite-friends-pill-btn,.materials-store-pill-btn{display:flex;align-items:center;gap:.6rem;background:var(--medium-beige);color:var(--text-color);border:none;border-radius:999px;padding:.5rem 1.4rem .5rem 1.1rem;font-size:1.08rem;font-weight:700;cursor:pointer;transition:background .18s,box-shadow .18s;box-shadow:none;margin-right:.2rem;opacity:.95}.profile-pill-btn:hover,.parent-tools-pill-btn:hover,.invite-friends-pill-btn:hover,.materials-store-pill-btn:hover{background:var(--light-beige)}.profile-pill-icon,.parent-tools-pill-icon,.invite-friends-pill-icon,.materials-store-pill-icon{font-size:1.25em;display:flex;align-items:center;margin-right:.1rem}.profile-pill-label,.parent-tools-pill-label,.invite-friends-pill-label,.materials-store-pill-label{font-weight:700;font-size:1.08rem;letter-spacing:.01em}.dropdown-arrow{margin-left:.4rem;font-size:.9rem;display:flex;align-items:center}.settings-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin-left:.1rem;padding:.4rem;border-radius:50%;transition:background .18s}.settings-btn:hover{background:#fffc}.hamburger-btn{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;padding:.4rem;border-radius:50%;transition:background .18s;cursor:pointer}.hamburger-btn:hover{background:#fffc}.desktop-nav-items{display:flex;align-items:center;gap:.2rem}.profile-dropdown-wrapper{position:relative}.profile-dropdown-menu{position:absolute;right:0;top:110%;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;min-width:180px;z-index:1200;overflow:hidden;z-index:1000}.profile-dropdown-item{padding:.75rem 1.25rem;cursor:pointer;color:var(--text-color, #393939);background:#fff;transition:background .2s}.profile-dropdown-item:hover{background:var(--medium-beige, #EDEAE2)}.profile-dropdown-item.active{background:var(--blue, #0067DE);color:#fff}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--light-beige);z-index:1300;display:flex;flex-direction:column}.mobile-menu-header{height:50px;display:flex;align-items:center;padding:0 1rem;background:var(--top-nav-bg, #868071)}.mobile-menu-close{background:none;border:none;color:var(--blue, #0067DE);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.mobile-menu-content{flex:1;padding:2rem 1rem;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 1rem;cursor:pointer;border-bottom:1px solid var(--medium-beige, #EDEAE2);font-size:1.2rem;font-weight:600;color:var(--text-color, #393939);transition:background .2s}.mobile-menu-item:hover{background:var(--medium-beige, #EDEAE2)}.mobile-menu-item.profile-section{flex-direction:column;align-items:stretch;gap:0;padding:1.5rem 1rem .5rem}.mobile-profile-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;font-size:1.2rem;font-weight:600;color:var(--text-color, #393939);border-bottom:1px solid var(--medium-beige, #EDEAE2);margin-bottom:.5rem}.mobile-profile-item{padding:.75rem 1rem;cursor:pointer;color:var(--text-color, #393939);background:#fff;transition:background .2s;border-radius:8px;margin:.25rem 0}.mobile-profile-item:hover{background:var(--medium-beige, #EDEAE2)}.mobile-profile-item.active{background:var(--blue, #0067DE);color:#fff}.mobile-profile-item.manage-profiles{margin-top:.5rem;font-weight:600;color:var(--blue, #0067DE)}@media (max-width: 1024px){.desktop-nav-items{display:none}.hamburger-btn{display:flex;align-items:center;justify-content:center}.top-nav-bar{padding:0 1rem;height:56px}.top-nav-logo{height:32px}.mobile-menu-header{height:56px}}.home-page{max-width:1200px;margin:0 auto}.live-class-banner{background:var(--green);color:#fff;padding:1rem 1.5rem;margin:0 2.5rem;border-radius:12px;box-shadow:0 4px 12px #28a7454d;animation:pulse-glow 2s ease-in-out infinite alternate}.live-class-banner-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:1rem}.purchased-courses,.ebook-library-section{margin-bottom:var(--section-margin-bottom)}.live-class-banner-text{font-size:1.1rem;font-weight:500;flex-grow:1}.live-class-banner-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:38px;text-decoration:none;font-weight:700;font-size:1rem;display:flex;align-items:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-class-banner-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003;color:#fff}@keyframes pulse-glow{0%{box-shadow:0 4px 12px #28a7454d}to{box-shadow:0 4px 20px #28a74580}}@media (max-width: 768px){.live-class-banner{margin:-20px -20px 1.5rem;padding:1rem}.live-class-banner-content{flex-direction:column;text-align:center;gap:1rem}.live-class-banner-text{font-size:1rem}.live-class-banner-button{padding:.75rem 2rem;width:100%;justify-content:center;max-width:200px}}.home-page h1{color:#333;margin-bottom:30px}.home-page h2{text-align:left;margin-top:2rem;margin-bottom:2rem;color:var(--text-color)}.home-page .courses-grid{display:flex;flex-wrap:wrap;gap:var(--standard-grid-gap);justify-content:flex-start}.courses-grid p{color:#666;font-size:1.1rem;text-align:left;width:100%;padding:20px 0}.continue-courses-grid{display:grid;grid-template-columns:1fr;gap:var(--standard-grid-gap);width:100%}@media (min-width: 768px){.continue-courses-grid{grid-template-columns:1fr 1fr}}.continue-course-tile{display:flex;align-items:center;padding:2.1rem 2.3rem;text-align:left;font-weight:1000;border-radius:var(--cover-border-radius);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-medium);gap:1rem}.continue-course-tile:hover{transform:translateY(-10px);box-shadow:var(--shadow-large)}.continue-course-image{position:relative;flex-shrink:0;width:40%;height:auto}.continue-course-image .course-cover{width:100%;height:100%;object-fit:fill;box-shadow:var(--shadow-medium)}.course-progress-bar{position:absolute;bottom:-4px;left:0;right:0;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.course-progress-fill{height:100%;background:#ffffffe6;border-radius:2px;transition:width .3s ease}.course-completion-badge{position:absolute;top:-6px;right:-6px;background:#28a745;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #0003}.continue-course-info{flex:1;padding-left:.5rem;padding-bottom:4rem}.continue-course-title{font-size:var(--large-cover-font-size);font-weight:var(--large-cover-font-weight);color:#fff;margin:0 0 12px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.continue-course-progress-bar-bg{width:100%;height:6px;background:#ffffff4d;border-radius:4px;margin:8px 0 4px;overflow:hidden}.continue-course-progress-bar{height:100%;background:#ffffffe6;border-radius:4px;transition:width .3s ease}.continue-course-progress-label{font-size:.9rem;color:#ffffffe6;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);margin-bottom:0}@media (max-width: 767px){.continue-courses-grid{grid-template-columns:1fr;gap:1rem}.continue-course-tile{min-height:100px;padding:.75rem}.continue-course-image{width:70px;height:70px}.continue-course-title{font-size:1.5rem}}.welcome-section{margin-bottom:3rem}.welcome-section h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.welcome-section p{font-size:1.2rem;color:#666}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.header-section{margin-bottom:30px}.header-section h1{color:#333;margin-bottom:10px}.header-section h2{display:flex;align-items:center;gap:.5rem;color:#333;margin-bottom:10px}.user-email{display:flex;align-items:center;gap:.5rem;color:#666;font-size:1.1rem;margin:0}.section-icon{color:#2196f3}.email-icon{color:#666}.section-title{color:var(--green);font-size:1.75rem;margin-bottom:1.5rem}.recommended-courses{margin-bottom:var(--section-margin-bottom)}.course-link{text-decoration:none;color:inherit;transition:transform .2s;display:block;margin-bottom:44px}.course-link:hover{transform:translateY(-4px)}.book-cover{width:100%;height:100%;background-size:cover;background-position:center;border-radius:var(--cover-border-radius);box-shadow:0 4px 20px #0003}.course-info h3{margin:0;font-size:1rem;color:var(--text-color);font-weight:500}section h2{font-size:2rem;font-weight:900;padding-bottom:20px;border-bottom:2px solid var(--dark-beige);margin-bottom:2rem}.section-heading{display:flex;align-items:center;gap:.5rem;margin-left:0}.home-page h1{font-size:2.5rem;font-weight:900;padding-bottom:20px;margin-bottom:1rem;margin-left:.5rem;text-align:left}.section-icon-img{width:3rem;object-fit:contain}.section-icon-video{width:5rem;height:5rem;object-fit:contain}.recommended-course-title{bottom:-48px;left:0;right:0;text-align:left;position:absolute}.recommended-course-title p{margin:0;font-size:1rem;color:var(--text-color);font-weight:500;padding:0}.recommended-course-title h3{margin:0;font-size:1rem;color:var(--text-color);font-weight:700}@media (max-width: 1024px){.courses-grid{justify-content:center;padding:0 10px}.home-page h2{margin-left:10px;font-size:1.5rem}.home-page{padding:0}.course-book-container{margin-bottom:2rem}.course-progress .primary{margin:.5rem auto}}.home-live-class-date-time{font-size:1rem;color:#555;font-weight:600;margin-right:.5rem;letter-spacing:.2px;text-align:left}.live-class-registrations-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--standard-grid-gap);padding:.5rem 0}.recommended-lessons .live-class-registration-card{background:var(--orange)}.home-live-class-date-time{font-size:1rem;color:#fff;font-weight:600;margin-right:.5rem;letter-spacing:.2px;text-align:left}.live-class-view-details,.live-class-view-details:hover{display:none}@media (max-width: 1200px){.live-class-registrations-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.live-class-registrations-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.live-class-registrations-list{grid-template-columns:1fr}}.revenuecat-entitlements{margin:2rem 0;padding:1rem;background:var(--background-secondary);border-radius:8px}.revenuecat-entitlements .section-heading{margin-bottom:1rem;color:var(--text-primary)}.entitlements-list ul{list-style:none;padding:0;margin:0}.entitlements-list li{padding:1rem;margin-bottom:.5rem;background:var(--background-primary);border-radius:4px;border:1px solid var(--border-color)}.entitlements-list li strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.entitlements-list li div{color:var(--text-secondary);font-size:.9rem}.live-class-view-details{color:var(--blue, #007bff);text-decoration:none;font-weight:600;font-size:.9rem;padding:.3rem .8rem;border-radius:4px;transition:background-color .15s}.live-class-view-details:hover{background-color:#007bff1a}.class-subjects{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.subject-tag{background-color:var(--light-blue, #e3f2fd);color:var(--blue, #007bff);padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.class-spots-info{margin-top:.8rem;font-size:.9rem;color:#666;font-weight:500}.upcoming-live-classes,.recommended-lessons{margin-bottom:var(--section-margin-bottom)}.live-class-view-details{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;padding:.3rem .8rem;border-radius:4px;transition:background-color .15s}.live-class-view-details:hover{background-color:#fff3}.recommended-lessons .view-all-card{background:var(--blue, #007bff);font-size:1.2rem}.loading-skeleton{padding:20px;max-width:1200px;margin:0 auto}.skeleton-section{margin-bottom:4rem}.skeleton-heading{height:32px;width:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:2rem}.skeleton-grid{display:flex;flex-wrap:wrap;gap:2.5rem}.skeleton-book{margin-bottom:44px}.skeleton-book-cover{width:180px;height:240px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:12px;box-shadow:0 4px 20px #0000001a}.skeleton-book-title{height:20px;width:140px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-top:12px}@media (max-width: 1024px){.skeleton-grid{justify-content:center;padding:0 10px}.skeleton-heading{margin-left:10px}}.feature-seasons-section{margin-bottom:var(--section-margin-bottom)}.feature-seasons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--standard-grid-gap)}.feature-season-card{position:relative;border-radius:var(--cover-border-radius);overflow:hidden;box-shadow:var(--shadow-medium);transition:transform .2s ease,box-shadow .2s ease;transition:all .2s ease}.feature-season-card:hover{transform:translateY(-20px);scale:1.03;box-shadow:var(--shadow-large)}.feature-season-link{text-decoration:none;color:inherit;display:block}.feature-season-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.feature-season-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#ccc;font-size:1.2rem}.feature-season-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3,#0000);padding:1.5rem 1rem 1rem}.feature-season-title{font-size:2.2rem;font-weight:900;color:#fff;line-height:1.2;margin-bottom:1rem}.ebook-button{background:none;border:none;cursor:pointer;padding:0;text-decoration:none;color:inherit;transition:transform .2s ease;display:block;margin-bottom:1rem;position:relative;width:450px;height:auto;background:#2d116e;box-shadow:var(--shadow-medium);border:4px solid var(--green);border-radius:var(--cover-border-radius);transition:all .2s ease}.ebook-button:hover{transform:translateY(-10px);scale:1.03;box-shadow:var(--shadow-large)}.ebook-image{width:100%;height:300px;object-fit:cover;border-radius:12px}.ebook-title{position:absolute;bottom:-48px;left:0;right:0;text-align:left}.ebook-title h3{margin:0;font-size:1rem;color:var(--text-color);font-weight:700}.ebook-button-container{position:relative;display:inline-block}.collection-ebook-container button{border-radius:0}.ebook-pointer-bubble{position:absolute;right:-170px;top:50%;transform:translateY(-50%);background:var(--green);color:#fff;padding:12px 16px;border-radius:20px;font-size:1.1rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #28a7454d;animation:gentle-bounce 2s ease-in-out infinite;z-index:10}.ebook-pointer-bubble span{display:block}.bubble-arrow{position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid var(--green)}@keyframes gentle-bounce{0%,20%,50%,80%,to{transform:translateY(-50%)}40%{transform:translateY(-55%)}60%{transform:translateY(-45%)}}@media (max-width: 768px){.ebook-pointer-bubble{right:auto;left:50%;top:auto;bottom:-60px;transform:translate(-50%);font-size:.8rem;padding:10px 12px}.bubble-arrow{left:50%;top:auto;bottom:100%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--green);border-top:none}@keyframes gentle-bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%) translateY(-5px)}60%{transform:translate(-50%) translateY(5px)}}}@media (max-width: 480px){.ebook-pointer-bubble{bottom:-50px;font-size:.75rem;padding:8px 10px}.bubble-arrow{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--green)}}.ebook-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--standard-grid-gap);align-items:start}.collection-ebook-container{position:relative;display:inline-block}.collection-ebook-button{background:none;border:none;cursor:pointer;padding:0;text-decoration:none;color:inherit;transition:transform .2s ease;display:block;position:relative;width:100%;overflow:visible;box-shadow:0 12px 24px -3px #00000073,0 4px 6px -2px #00000073;transition:all .3s ease}.collection-ebook-button:before,.collection-ebook-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:0;z-index:-1}.collection-ebook-button:before{background:#fff;border:1px solid var(--medium-beige);box-shadow:0 8px 16px #00000026}.collection-ebook-button:after{background:#f8f7f6;border:1px solid var(--medium-beige);box-shadow:0 6px 12px #0000001a}.collection-ebook-button .collection-ebook-image{position:relative;z-index:5}.collection-ebook-button:hover{transform:translateY(-20px);scale:1.03;box-shadow:var(--shadow-large);rotate:-2deg}.collection-ebook-button:hover:before{opacity:1;transform:rotate(4deg) translate(8px);box-shadow:0 8px 16px #00000026,-16px 12px 0 -2px #eaeaea,-16px 12px 8px -2px #0000001a,}.collection-ebook-button:hover:after{opacity:1;transform:rotate(1deg) translate(6px)}.collection-ebook-image{width:100%;height:380px;object-fit:cover;display:block}.collection-ebook-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:100px 16px 16px;color:#fff;z-index:10}.collection-ebook-title{margin:0;font-size:var(--large-cover-font-size);font-weight:var(--large-cover-font-weight);line-height:1.1;text-align:left}.ebook-loading{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-color);opacity:.7}@media (max-width: 768px){.ebook-library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.collection-ebook-image{height:160px}.collection-ebook-title{font-size:1rem}}.live-class-schedule-page{max-width:1200px;margin:0 auto;padding:2rem;text-align:left;overflow-x:hidden}.live-class-schedule-page h1{color:#333;margin-bottom:0rem;text-align:center}.class-date-section{margin-bottom:3rem}.date-header{font-size:1.8rem;color:#444;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #eee;text-align:left}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.class-card{background:#fff;border-radius:var(--cover-border-radius);padding:2.5rem 1.5rem 1.5rem;box-shadow:var(--shadow-medium);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;min-height:440px}.class-card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to bottom,#000000a6,#0006,#fff0 60%,#fff0);pointer-events:none}.class-card-content{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;align-items:center}.class-time{font-size:1.2rem;margin-bottom:1.5rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.85);display:inline-block;padding-bottom:2px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.25)}.class-title{font-size:1.4rem;color:#fff;margin-bottom:1rem;line-height:1.2;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.25)}.class-card-content>.class-subjects,.class-card-content>.registered-info,.class-card-content>div:not(.class-time):not(.class-title):not(.class-age-range-top){color:#333;text-shadow:none}.class-subjects{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.subject-tag{background:#fff;color:#555;padding:.2rem .6rem;border-radius:20px;font-size:.9rem;font-weight:700;opacity:.9}.class-teacher{margin:1rem 0;display:flex;justify-content:center;align-items:center}.teacher-info{display:flex;align-items:center;gap:.7rem;background:#ffffffe6;padding:.2rem .9rem .2rem .2rem;border-radius:200px;box-shadow:0 2px 8px #0000001a}.teacher-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px #0000001a}.teacher-name{font-size:.95rem;font-weight:600;color:#333}.skeleton-teacher{display:flex;align-items:center;gap:.8rem;background:#fffffff2;padding:.6rem 1rem;border-radius:24px}.skeleton-teacher-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-teacher-name{width:60px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.register-button{width:100%;padding:.8rem;background:#007bff;color:#fff;border:none;border-radius:36px;font-size:1rem;cursor:pointer;transition:background-color .2s ease;font-weight:700;margin-top:10rem}.register-button:hover{background:#0056b3}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.error{text-align:center;padding:2rem;color:#dc3545;font-size:1.1rem}.no-classes{text-align:center;padding:3rem;background:#f8f9fa;border-radius:12px}.no-classes p{color:#666;margin:.5rem 0;font-size:1.1rem}.calendar-button{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;background:#fff;color:var(--blue, #007bff);border:2px solid var(--blue, #007bff);border-radius:36px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s;margin-left:auto;margin-right:auto}.calendar-button:hover{background:var(--blue, #007bff);color:#fff}.unregister-link{color:var(--red, #dc3545);background:none;border:none;padding:0;font-weight:600;cursor:pointer;font-size:1rem;margin-top:1.5rem;opacity:.8}.registered-ticket-icon{position:absolute;top:12px;left:12px;color:var(--green, #28a745);border-radius:50%;z-index:2}.liveclass-calendar-menu{margin-top:.5rem;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1rem;z-index:10}.liveclass-calendar-menu-item{display:block;color:var(--blue, #007bff);font-size:1rem;text-decoration:none;padding:.4rem .8rem;background:none;border:none;cursor:pointer;text-align:center;font-weight:700;border-radius:8px;transition:background .15s,color .15s}.liveclass-calendar-menu-item:hover{background:var(--blue, #007bff);color:#fff}.join-zoom-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--green, #28a745);color:#fff;border:none;border-radius:36px;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;margin:.5rem auto 0;text-decoration:none;box-shadow:0 2px 8px #28a74514;transition:background .15s,color .15s}.join-zoom-button:hover{background:#218838;color:#fff}.class-card-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:2;filter:blur(20px);pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,transparent 100%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%,transparent 100%)}.class-spots-info{margin-top:1.5rem;color:#444;font-size:.8rem;padding:0 .5rem;background-color:#fff;font-weight:500;border-radius:12px}.class-age-range-top{position:absolute;top:.4rem;right:.3rem;color:#fff;font-size:.95rem;font-weight:700;padding:.2rem 1.1rem;z-index:4}.registered-info{position:absolute;left:0;right:0;bottom:0;background:#fff;box-sizing:border-box;padding:1.2rem 1rem 1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;z-index:5;margin:0;margin-top:3rem}.other-registered-child-info{margin-top:.75rem;color:#444;font-size:.98rem;font-weight:500;background:var(--green-light, #28a745);padding:.5rem 1rem;border-radius:12px}.calendar-button .calendar-icon{color:var(--blue, #007bff);stroke:var(--blue, #007bff);transition:color .2s,stroke .2s}.calendar-button:hover .calendar-icon{color:#fff;stroke:#fff}.live-classes-description{font-size:1.15rem;color:#444;text-align:center;margin:0 0 2.2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.registered-bar{position:absolute;top:0;left:0;width:100%;background:var(--green, #28a745);color:#fff;font-weight:700;text-align:center;padding:.4rem .3rem;font-size:1rem;z-index:5;box-shadow:0 2px 8px #28a74514}.class-toggle-bar{display:flex;justify-content:center;align-items:stretch;background:#fff;border:2px solid var(--dark-beige, #007bff);border-radius:60px;padding:.2rem;margin:0;max-width:900px;min-height:40px;gap:0}.toggle-tab{background:none;border:none;outline:none;color:var(--blue, #007bff);font-size:1.1rem;font-weight:700;padding:.6rem 2.5rem .7rem;border-radius:60px;cursor:pointer;transition:background .18s,color .18s;height:100%;display:flex;align-items:center}.toggle-tab.active{background:var(--blue, #007bff);color:#fff;box-shadow:0 2px 8px #007bff4d}.past-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.past-class-card{background:#fff;border-radius:16px;padding:2.2rem 1.5rem 1.5rem;box-shadow:0 2px 8px #00000012;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:160px;border:2px solid var(--dark-beige, #f5f5f5)}.past-class-title{font-size:1.3rem;font-weight:700;margin-bottom:.7rem}.past-class-time{font-size:1.1rem;color:#444;margin-bottom:.7rem}.past-class-status{font-size:1rem;color:#28a745;font-weight:700;background:#eafaf1;border-radius:12px;padding:.3rem 1.2rem;margin-top:.5rem}.toggle-bar-row{display:flex;align-items:stretch;justify-content:center;gap:1rem;margin-bottom:2.5rem}.timezone-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--blue, #007bff);border-radius:60px;background:#fff;color:var(--blue, #007bff);font-size:1.1rem;font-weight:700;padding:.8rem 2.5rem 1rem;min-width:180px;outline:none;box-shadow:0 2px 8px #007bff0f;transition:background .18s,color .18s,border .18s;cursor:pointer;display:flex;align-items:center;height:100%;margin:0}.timezone-dropdown:focus{background:#f0f8ff;border-color:#0056b3}.class-title-link{color:#fff;text-decoration:none;transition:opacity .2s;font-weight:900}.class-title-link:hover{text-decoration:underline}.share-button-row{position:relative;z-index:6;padding:12px 16px 0;display:flex;justify-content:flex-start}.share-button{background:#ffffffe6;border:none;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:6px;color:var(--blue, #007bff);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.share-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;display:block}.share-button:hover{background:#fff;color:var(--blue, #007bff);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.share-button:active{transform:translateY(0)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000}.toast{background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;animation:toast-in-out 2.5s ease-in-out;box-shadow:0 4px 12px #00000026}@keyframes toast-in-out{0%{transform:translateY(100%);opacity:0}10%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media (max-width: 1024px){.toggle-tab{font-size:.9rem}.timezone-dropdown{font-size:.9rem;text-align:center;text-overflow:wrap;height:auto}}@media (max-width: 768px){.subscription-banner-content{flex-direction:column;gap:1rem;text-align:center}.subscription-banner-text{font-size:1rem}.toggle-bar-row{flex-direction:column;align-items:center;gap:1.5rem}.toggle-tab{padding-left:1.2rem;padding-right:1.2rem}}.details-loading-banner{position:relative;top:0;left:0;right:0;background:transparent;color:var(--text-color);padding:.8rem;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.details-loading-content{display:flex;align-items:center;justify-content:center;gap:.8rem;font-weight:600;font-size:.95rem}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;height:1.2em;width:80%;color:transparent}.skeleton-tag{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:20px;height:1.8em;width:60px;display:inline-block;margin:0 .25rem}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.class-card.details-loading{opacity:.8}.class-card.details-loading .class-age-range-top{opacity:.6}@media (max-width: 600px){.live-class-schedule-page{padding:1rem;overflow-x:hidden}.subscription-banner{margin-left:0;margin-right:0}.toggle-bar-row{width:100%}.class-toggle-bar{width:100%;flex-direction:column;border-radius:30px;padding:.5rem;gap:.4rem}.toggle-tab{width:100%;justify-content:center;padding-left:1rem;padding-right:1rem;font-size:1rem}.timezone-dropdown{width:100%;text-align:center;padding-left:1rem;padding-right:1rem}.live-class-schedule-page h1{font-size:2rem}.live-classes-description{font-size:1rem;padding:0 1rem}.date-header{font-size:1.5rem}}.credits-display{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1rem;margin:1rem 0;text-align:center;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center}.credits-text{font-size:1.1rem;font-weight:600;color:#495057}.auth-container,.create-profile-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1rem 2rem 2rem;background:var(--primary-bg)}.auth-card,.create-profile-form{width:100%;max-width:500px;padding:2rem}.logo-image{display:block;margin:0 auto 4.5rem;max-width:420px;width:50%}.auth-card h2{text-align:center;margin-bottom:2em;color:var(--text-color);margin-bottom:3rem}.login-method-toggle{display:flex;gap:1rem;margin-top:2rem;margin-bottom:2rem;justify-content:center;width:90%}.toggle-button{padding:.75rem 1.5rem;border:2px solid var(--blue);border-radius:100px;background:transparent;color:var(--blue);font-weight:700;cursor:pointer;transition:all .2s ease;flex:1;max-width:400px}.toggle-button:hover{background:var(--blue-light)}.toggle-button.active{background:var(--blue);color:#fff}.form-group input,.form-group textarea,.form-group select{width:calc(100% - 2.5rem);padding:1rem 1.25rem;border:2px solid var(--dark-beige);border-radius:12px;font-size:1.1rem;background:#fff;transition:all .2s;color:var(--text-color);outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d1d1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light)}.auth-form{gap:1rem;display:flex;flex-direction:column;align-items:center}.auth-form .submit-button,.auth-form .next-button,.auth-form .back-button{background:var(--blue);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:100px;cursor:pointer;transition:all .2s;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:1em auto;width:100%;max-width:300px}.submit-button:hover,.next-button:hover,.back-button:hover{background:#0052b3;transform:translateY(-1px)}.error-message{color:var(--red);background:var(--red-light);padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;width:100%}.success-message{background-color:var(--green-light);color:var(--green);padding:1rem;border-radius:6px;margin:1rem 0;text-align:center;width:100%}.auth-footer{text-align:center;margin-top:1rem;color:var(--text-color);width:100%}.auth-footer a,.auth-footer .link-button{color:var(--blue);text-decoration:none;font-weight:600}.auth-footer a:hover,.auth-footer .link-button:hover{text-decoration:underline}.auth-link{text-align:center;margin-top:1.5rem;color:#666}.auth-link a{color:var(--blue);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.email-note{margin-top:1.5rem;color:#666;line-height:1.4;font-weight:500}.email-note a{color:var(--blue);text-decoration:none}.email-note a:hover{text-decoration:underline}.forgot-password-button{background:none;border:none;color:#4a90e2;padding:10px;cursor:pointer;font-size:14px;margin-top:10px;text-decoration:underline}.forgot-password-button:hover{color:#357abd}.forgot-password-button:disabled{color:#999;cursor:not-allowed}.link-button{background:none;border:none;color:var(--blue);padding:0;cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:#0052b3}.link-button:disabled{color:#999;cursor:not-allowed}@media (max-width: 768px){.auth-container,.create-profile-container{padding:1rem}.auth-card,.create-profile-form{padding:1.5rem}.logo-image{margin-bottom:3rem}.login-method-toggle{flex-direction:column}h2{font-size:1.5rem;margin-bottom:1.5rem}}.marketing-header{background:#e3f0ff;border-radius:14px;margin:2rem auto;overflow:hidden;padding:2.5rem;color:#213547;max-width:1200px;box-shadow:0 2px 8px #00000014;border:3px solid var(--blue);text-align:left}.marketing-header-content{max-width:1200px;margin:0 auto}.marketing-header-top{text-align:center;margin-bottom:3rem}.marketing-icon{background:var(--blue);width:72px;height:72px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.marketing-icon svg{color:#fff}.marketing-header-top h2{font-size:2rem;font-weight:900;margin:0;color:#213547;line-height:1.3}.marketing-body{display:grid;grid-template-columns:420px 1fr;gap:3rem;align-items:center;margin-top:2.5rem}.marketing-image-container{position:relative}.marketing-image{width:420px;height:420px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026;background:#fff;display:flex;align-items:center;justify-content:center}.marketing-image img{width:100%;height:100%;object-fit:cover}.marketing-content{display:flex;flex-direction:column;justify-content:center;height:auto;padding:0}.marketing-text{flex:1}.marketing-text p{font-size:1.125rem;margin:0 0 1.5rem;color:#213547;line-height:1.5;font-weight:400}.marketing-text strong{font-weight:700;color:#213547}.marketing-benefits{list-style:none;padding:0;margin:0 0 2rem}.marketing-benefits li{color:#213547;font-size:1rem;margin-bottom:.75rem;padding-left:0;line-height:1.4;font-weight:400;display:flex;align-items:center;gap:.75rem}.marketing-benefits li svg{color:#17cc4a;flex-shrink:0}.marketing-benefits li span{flex:1}.marketing-actions{align-self:flex-start}.upgrade-btn{background:var(--blue);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0067de40;white-space:nowrap;display:flex;align-items:center;gap:.75rem}.upgrade-btn:hover{background:#003d7a;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.state-funds-link-2{display:block;font-weight:600;margin-top:1rem;font-size:.9rem;color:var(--blue);text-decoration:none;text-align:center;transition:all .2s ease;opacity:.8}.state-funds-link-2:hover{text-decoration:underline;opacity:1}.state-funds-container{display:flex;flex-direction:column;align-items:flex-start;gap:0rem;margin-top:1rem;text-align:left;font-size:.9rem;color:#213547}.state-funds-container span{font-weight:400}.state-funds-container .state-funds-link-2{display:inline-flex;align-items:center;gap:.25rem;margin-top:0;text-align:left;font-weight:600;white-space:nowrap}.marketing-image-nav{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.image-nav-btn{background:transparent;border:none;border-radius:50%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.image-nav-btn:hover{transform:scale(1.1)}.image-nav-btn svg{color:var(--blue);transition:all .2s ease}.image-nav-btn:hover svg{color:var(--blue-dark)}@media (max-width: 1023px) and (min-width: 768px){.marketing-header{padding:2rem;margin:12rem 1.5rem 1.5rem}.marketing-header-top h2{font-size:1.75rem}.marketing-body{grid-template-columns:320px 1fr;gap:2rem}.marketing-image{width:320px;height:320px}.marketing-text p{font-size:1rem}.marketing-benefits li{font-size:.95rem;margin-bottom:.65rem}.upgrade-btn{padding:.875rem 2rem;font-size:1rem}}@media (max-width: 767px) and (min-width: 481px){.marketing-header{padding:2rem 1.5rem;margin:1rem}.marketing-header-top{margin-bottom:2rem}.marketing-header-top h2{font-size:1.5rem;line-height:1.2}.marketing-icon{width:64px;height:64px;margin-bottom:1.25rem}.marketing-body{grid-template-columns:1fr;gap:2rem;text-align:center}.marketing-image-container{margin:0 auto}.marketing-image{width:280px;height:280px;margin:0 auto}.marketing-content{height:auto;padding-top:0}.marketing-text p{font-size:1rem;margin-bottom:1.25rem}.marketing-benefits{margin-bottom:1.5rem;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.marketing-benefits li{font-size:.95rem;margin-bottom:.65rem}.marketing-actions{text-align:center;align-self:center}.upgrade-btn{padding:.875rem 2rem;font-size:1rem;width:100%;max-width:320px}.state-funds-container{align-items:center;text-align:center}.state-funds-container .state-funds-link-2{text-align:center}}@media (max-width: 480px){.marketing-header{padding:1.5rem 1rem;margin:12rem .1rem .1rem;border-radius:12px}.marketing-header-top{margin-bottom:1.5rem}.marketing-header-top h2{font-size:1.25rem;line-height:1.2}.marketing-icon{width:56px;height:56px;margin-bottom:1rem}.marketing-icon svg{width:32px;height:32px}.marketing-body{grid-template-columns:1fr;gap:1.5rem;text-align:center}.marketing-image-container{margin:0 auto}.marketing-image{width:220px;height:220px;margin:0 auto;border-radius:12px}.marketing-content{height:auto;padding-top:0}.marketing-text p{font-size:.95rem;margin-bottom:1rem;line-height:1.4}.marketing-benefits{margin-bottom:1.25rem;text-align:left}.marketing-benefits li{font-size:.9rem;margin-bottom:.6rem;gap:.6rem}.marketing-benefits li svg{width:18px;height:18px}.marketing-actions{text-align:center;align-self:center}.upgrade-btn{padding:.75rem 1.5rem;font-size:.95rem;width:100%;max-width:none;border-radius:40px}.upgrade-btn svg{width:20px;height:20px}.state-funds-container{align-items:center;text-align:center;font-size:.85rem;margin-top:.75rem}.state-funds-container .state-funds-link-2{text-align:center;font-size:.85rem}.state-funds-container .state-funds-link-2 svg{width:16px;height:16px}.image-nav-btn svg{width:28px;height:28px}.marketing-upgrade-btn-loading{width:45px;height:45px;min-width:45px;min-height:45px;max-width:45px;max-height:45px}.marketing-spinner{width:18px;height:18px;border-width:2px}}.marketing-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:marketing-spinner-rotate .8s linear infinite}@keyframes marketing-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.marketing-upgrade-btn-loading{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;padding:0;border-radius:50%;cursor:not-allowed;pointer-events:none;transition:all .3s ease;overflow:hidden;flex-shrink:0;background:var(--blue);color:#fff;border:none;box-shadow:0 4px 12px #0067de4d;display:flex;align-items:center;justify-content:center;margin:0 auto}.marketing-upgrade-btn-loading:hover{transform:none;background:var(--blue)}.course-page{padding:0;min-height:100vh;background:var(--light-beige);display:flex;flex-direction:column;align-items:left}.course-page .back-button{position:absolute;top:2rem;left:2rem;z-index:3;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--medium-beige);border:none;border-radius:80px;font-size:1rem;font-weight:900;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.back-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.course-header{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--blue);display:flex;align-items:flex-end}.course-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1}.course-header-overlay{position:relative;z-index:2;width:100%;padding:3rem 2rem;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:start;margin-bottom:2rem;margin-top:3rem}.course-image{width:200px;height:280px;margin-top:10px;margin-left:30px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0006;z-index:2}.course-progress p{font-size:1rem;font-weight:500;margin:0 0 1em}.course-image img{width:100%;height:100%;object-fit:cover}.course-info{color:#fff;text-align:left}.course-info h1{font-size:3rem;margin-bottom:1.5rem;text-align:left;font-weight:900;margin-top:30px}.course-info h2{font-size:2.2rem;margin-bottom:0rem;text-align:left;font-weight:900;margin-top:10px;color:#fff}.course-info p{font-size:1.1rem;margin:0rem;text-align:left;font-weight:500}.course-progress{margin:0;max-width:600px;text-align:left}.progress-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.course-progress .progress-bar{flex-grow:1;background:#ffffff4d;height:8px;border-radius:4px;overflow:hidden;margin:1rem 0 0;width:80%;max-width:400px;display:block;position:relative;min-width:300px}.progress-fill{background:#fff;height:100%;transition:width .3s ease}.course-progress .primary{margin-top:20px}.progress-percent{white-space:nowrap;font-size:.8rem;font-weight:500;margin-top:14px}.course-progress span{text-align:left}.lesson-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s}.lesson-item.completed{background:#e8f5e9}.lesson-item.next-lesson{background:#e3f2fd;border:2px solid #2196F3}.check-mark{color:#4caf50}.next-indicator{color:#2196f3;font-weight:600}.learning-path{max-width:1000px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.chapter-path{margin-bottom:4rem;width:100%}.chapter-title{text-align:left;margin-bottom:2rem;color:var(--text-color);font-size:2rem;font-weight:900;padding-bottom:20px;border-bottom:4px solid var(--dark-beige)}.lesson-path{position:relative;padding:2rem 0;width:100%;max-width:800px;margin:0 auto}.lesson-node{position:relative;display:flex;align-items:center;margin:2rem 0;cursor:pointer;transition:transform .2s;width:100%}.lesson-node:hover:not(.locked){transform:translateY(-2px)}.lesson-connector{position:absolute;top:-2rem;left:2rem;height:4rem;width:4px;background:#cbc6b9;z-index:0}.lesson-circle{width:70px;height:70px;min-width:70px;min-height:70px;border-radius:50%;background:#fff;border:3px solid var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--blue);position:relative;z-index:1;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.lesson-node.completed .lesson-circle{background:var(--green);border-color:var(--green);color:#fff}.lesson-node.next-lesson .lesson-circle{background:var(--blue);border-color:var(--blue);color:#fff;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.lesson-node.locked .lesson-circle{background:#eee;border-color:#ddd;color:#999;cursor:not-allowed}.lesson-node.locked{cursor:default;opacity:1}.lesson-node.locked .lesson-preview{opacity:1}.lesson-node.first-lesson-free .lesson-circle{background:var(--green);border-color:var(--green);color:#fff}.locked-text{font-size:.8rem;color:#999;font-style:italic;margin-top:.25rem;display:block}.free-lesson-text{font-size:.8rem;color:var(--green);font-weight:600;margin-top:.25rem;display:block}.lesson-preview{margin-left:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1;width:100%;max-width:600px;overflow:hidden}.lesson-preview img{width:100%;height:auto;object-fit:cover;border-radius:8px}.lesson-preview h3{margin:0;margin-bottom:.5rem;font-size:1.1rem;color:var(--text-color);text-transform:capitalize}@keyframes pulse{0%{box-shadow:0 0 #0067deb3;transform:scale(1)}50%{box-shadow:0 0 0 15px #0067de00;transform:scale(1.1)}to{box-shadow:0 0 #0067de00;transform:scale(1)}}.lesson-node.next-lesson .lesson-circle svg{color:#fff;stroke-width:3}@media (max-width: 1024px){.course-content{padding:0 1rem 1rem}.back-button{top:1rem;left:1rem;padding:.625rem 1.25rem;font-size:.9rem}.course-header{min-height:calc(50vh + 150px);margin-bottom:3rem}.course-header-overlay{grid-template-columns:1fr;gap:1rem;padding:1.5rem 3rem;text-align:left;min-height:50vh}.course-image{width:150px;height:220px;margin:0 auto}.course-info h2{font-size:2rem;text-align:left;margin-top:1rem}.course-info p{text-align:left;margin-top:.5rem}.course-progress{margin:1rem auto;align-items:center;text-align:center}.course-progress .progress-bar{margin:1rem auto 0;width:80%;max-width:400px}.progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.progress-percent{font-size:.8rem;margin:.5rem 0 0;text-align:center}.learning-path{padding:0}.course-content{padding:0 .5rem .5rem}.back-button{top:.5rem;left:.5rem;padding:.5rem 1rem;font-size:.85rem}.lesson-preview{max-width:600px;width:calc(100% - 20rem)}.lesson-circle{width:3rem;height:3rem;font-size:1rem}.chapter-title{font-size:1.5rem;padding:0 .5rem}}@media (max-width: 480px){.course-content{padding:0 1rem 1rem}.course-header{min-height:calc(50vh + 150px);margin-bottom:3rem}.course-header-overlay{grid-template-columns:1fr;gap:1rem;padding:1.5rem 1rem;text-align:left;min-height:50vh}}.completion-date{font-size:.8rem;color:#666;margin-left:1rem}.lesson-info{display:flex;align-items:center;gap:.5rem}.course-actions{display:flex;gap:1rem;margin-top:1rem}button.secondary{background:var(--light-bg);color:var(--text-color);border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .2s}button.secondary:hover{background:var(--dark-beige)}@media (max-width: 768px){.course-actions{flex-direction:column}button.secondary{width:100%;justify-content:center}}.course-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.parent-links-dropdown{position:relative}.dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:30px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.dropdown-button:hover{background:#fff3}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:200px;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#333;text-decoration:none;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f5f5f5}.course-content{padding:0 2rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:10;margin-top:1rem}.search-container{padding:20px 0;max-width:600px;margin:0 auto 1rem}.search-box{display:flex;align-items:center;background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.search-box input{flex:1;border:none;outline:none;font-size:16px;margin-left:12px;color:#333}.search-box input::placeholder{color:#999}.search-box svg{color:#666}.book-purchase-element{background:#fff9e0;margin:2rem 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:3px solid #FFC107}.book-purchase-banner{background:#ffc107;color:#fff;padding:.5rem 0 .7rem;text-align:left;font-weight:900;font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:1rem}.book-purchase-banner svg{flex-shrink:0}.book-purchase-content{display:grid;grid-template-columns:300px 1fr;gap:3rem;padding:2.5rem;align-items:center;text-align:left}.book-image-container{position:relative}.book-image{width:300px;height:300px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;justify-content:center}.book-image img{width:100%;height:100%;object-fit:contain}.book-image-nav{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.book-image-nav .image-nav-btn{background:transparent;border:none;border-radius:50%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.book-image-nav .image-nav-btn:hover{transform:scale(1.1)}.book-image-nav .image-nav-btn svg{color:#ffc107;transition:all .2s ease}.book-image-nav .image-nav-btn:hover svg{color:#ffb300}.book-purchase-text{display:flex;flex-direction:column;gap:1rem}.book-purchase-text h3{margin:0;font-size:1.75rem;color:#5d4037;font-weight:700}.book-purchase-text p{margin:0;color:#5d4037;line-height:1.6;font-size:1.125rem}.book-price{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.original-price{font-size:1.25rem;color:var(--red);text-decoration:line-through}.sale-price{font-size:1.25rem;color:#5d4037;font-weight:700}.book-purchase-button{display:inline-block;padding:1rem 2.5rem;background:var(--blue);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.125rem;transition:all .2s ease;box-shadow:0 2px 8px #007bff4d;border:none;cursor:pointer;align-self:flex-start}.book-purchase-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}@media (max-width: 768px){.book-purchase-content{grid-template-columns:1fr;text-align:center;padding:1.5rem;gap:2rem}.book-image-container{margin:0 auto}.book-image{width:200px;height:200px}.book-purchase-text{align-items:center}.book-purchase-text h3{font-size:1.5rem}.book-purchase-text p{font-size:1rem}.book-purchase-button{width:100%;max-width:300px}.book-purchase-banner{font-size:1rem;padding:.75rem}}.course-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:course-spinner-rotate .8s linear infinite}@keyframes course-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-btn-loading{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;padding:0;border-radius:50%;cursor:not-allowed;pointer-events:none;transition:all .3s ease;overflow:hidden;flex-shrink:0;background:var(--primary-color, #007bff);color:#fff;border:none;box-shadow:0 2px 8px #007bff4d;display:flex;align-items:center;justify-content:center}.course-btn-loading:hover{transform:none;background:var(--primary-color, #007bff)}.lesson-page{padding:2rem;max-width:1200px;margin:0 auto;margin-bottom:5rem}.lesson-header{margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.lesson-header h2{margin:0;flex:1;text-align:left;text-transform:capitalize}.lesson-content{position:relative;background:#fff;border-radius:12px;padding:0rem;box-shadow:0 4px 12px #0000004d;overflow:hidden;transition:transform .5s ease,opacity .5s ease}.lesson-content.transitioning{transform:translateY(-100vh);opacity:0}.lesson-content.transitioning .next-lesson-button{opacity:0;transform:translateY(-20px)}.lesson-content .video-container{position:relative;margin:-.4rem 0;width:100%}.video-container>div{aspect-ratio:16/9}.video-container.collapsed{aspect-ratio:16/9;overflow:hidden;transition:all .3s ease;border-radius:8px}.collapsed-video{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000}.video-container iframe{position:relative;top:0;left:0;width:100%;height:100%;border-radius:8px}.completion-message{margin-top:1rem;text-align:center;padding:1rem;background:#e3f2fd;border-radius:8px}.complete-button{background:#2196f3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .2s}.complete-button:hover{transform:translateY(-2px)}.next-lesson-button{background:var(--blue);color:#fff;opacity:0;transform:translateY(-20px)}.next-lesson-button.visible{opacity:1;transform:translateY(0)}@keyframes slideIn{0%{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}.lesson-content:not(.transitioning){animation:slideIn .5s ease}@media (max-width: 768px){.lesson-page{padding:1rem}.lesson-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.lesson-header h2{font-size:1.5rem;line-height:1.3}.next-lesson-button{width:100%;justify-content:center}.video-container{margin:-1rem 0rem;border-radius:0;aspect-ratio:16/9}.completion-message{margin:1rem;padding:1rem}.complete-button{width:100%;margin-top:.5rem}.video-container iframe,.video-container>div{position:absolute;top:0;left:0;width:100%!important;height:100%!important}}.completion-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.completion-overlay h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.replay-text{position:absolute;bottom:1rem;font-size:.9rem;opacity:.8}.collapsed-video:hover .replay-text{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;position:relative;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;margin-top:-2rem}.modal-actions svg{cursor:pointer;opacity:.7;transition:opacity .2s}.modal-actions svg:hover{opacity:1}.delete-icon{color:#dc3545}.form-group{margin-bottom:2.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box}.save-button{width:100%;padding:1rem;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.delete-confirm{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center}.delete-confirm h3{color:#dc3545;margin-bottom:1rem}.delete-confirm input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;margin:1rem 0;font-size:1rem}.delete-actions{display:flex;gap:1rem;width:100%}.delete-button{flex:1;padding:.75rem;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;opacity:.7}.delete-button:not(:disabled){opacity:1}.cancel-button{flex:1;padding:.75rem;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer}form{margin-bottom:2rem}.modal-content .primary{margin-top:2rem}.profiles-page{padding:20px;max-width:1200px;margin:0 auto}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:20px}.profile-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s;position:relative}.profile-card.active{border:2px solid #4CAF50}.profile-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;box-shadow:0 0 0 2px #4caf5033}.profile-details p{margin:.5rem 0;color:#666}.create-profile-button{background:#2196f3;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:20px;transition:transform .2s}.create-profile-button:hover{transform:translateY(-2px)}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 20px}.header-section h2{margin:0}.edit-icon{position:absolute;top:1rem;right:1rem;cursor:pointer;opacity:.7;transition:opacity .2s}.edit-icon:hover{opacity:1}.landing-page{min-height:92vh;background-image:url(https://shop.tappityapp.com/cdn/shop/files/option1_a28cdd14-fc97-4504-ad85-3d7d71a6bcaa.jpg?v=1726709602&width=1800);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1}.content{position:relative;z-index:2;text-align:left;padding-left:10vw}.hero-text{margin-bottom:3rem}.hero-text h1{font-size:5rem;font-weight:900;line-height:1.2;margin-bottom:1rem}.hero-text p{font-size:1.55rem;max-width:600px;margin:0 0 2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.primary-buttons-row{display:flex;gap:1rem;align-items:center}.learn-more-button{background:#ffffff26;color:#fff;padding:1rem 1.8rem;border-radius:80px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learn-more-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.primary-button{background:var(--blue);color:#fff;border:none;padding:1rem 2rem;border-radius:80px;font-size:1.2rem;font-weight:900;cursor:pointer;transition:transform .2s;display:inline-flex;align-items:center;gap:.5rem}.primary-button:hover{transform:translateY(-2px)}.secondary-button{background:none;border:none;color:#fff;opacity:.8;cursor:pointer;font-weight:700;padding:0}.benefit-feature-text{text-align:left}.secondary-button:hover{opacity:1}.landing-logo{position:absolute;top:2rem;left:8vw;width:250px;height:auto;z-index:3}.landing-logo .logo-image{width:100%;height:auto}.text-red{color:var(--orange)}.text-green{color:var(--green)}.trust-section{padding:3rem 0}.trust-quotes-container{overflow:hidden;margin-bottom:3rem}.trust-quotes-scroll{display:flex;width:200%;animation:scrollTrust 35s linear infinite;gap:1.5rem}.trust-quote-card{flex:0 0 300px;padding:2rem;border-radius:16px;color:#fff;margin:0 .75rem;box-shadow:0 4px 20px #0000001a}.trust-quote-text{font-size:1.1rem;font-style:italic;margin-bottom:1rem;line-height:1.4;font-weight:500}.trust-quote-source{font-size:1rem;font-weight:700;text-align:right}.awards-section{margin-bottom:3rem;overflow:hidden;width:100%}.awards-row{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:nowrap;margin:0 auto;padding:0 2rem;max-width:100vw;min-width:0;box-sizing:border-box}.award-image{display:flex;align-items:center;justify-content:center;height:80px}.award-image img{max-height:80px;max-width:150px;object-fit:contain;border-radius:8px}.award-fallback{text-align:center;padding:1rem;border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000001a;min-width:150px;border:2px solid #e2e8f0;flex-direction:column;align-items:center;justify-content:center}.award-text{font-size:.85rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;line-height:1.2}.award-source{font-size:.75rem;color:#666;font-weight:600}.award-subtitle{font-size:.7rem;color:#666;font-weight:500;margin-top:.25rem}.news-logos-section{padding:0 2rem}.news-logos-grid{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;max-width:1000px;margin:0 auto}.news-logo-item{height:70px;display:flex;align-items:center;justify-content:center}.news-logo-item img{max-height:70px;max-width:180px;object-fit:contain;opacity:.7;transition:opacity .3s ease}.news-logo-item img:hover{opacity:1}.news-logo-placeholder{padding:.5rem 1rem;background:#e2e8f0;border-radius:8px;font-size:.8rem;color:#666;font-weight:600;align-items:center;justify-content:center}.stats-section{padding:1rem 0 3rem}.stats-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item{text-align:center;padding:2rem 1rem;background:#fff;border-radius:12px}.stat-number{font-size:3rem;font-weight:800!important;color:var(--text-color)!important;margin-bottom:.25rem;line-height:1;display:block}.stat-label{font-size:.9rem;color:var(--text-color);font-weight:500;line-height:1.2}@keyframes scrollTrust{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-features-section{max-width:1200px;margin:6rem auto 0;padding:0 2rem}.plus-more-header{text-align:center;margin:3rem 0 2rem;padding:0}.plus-more-header h3{font-size:1.5rem;font-weight:700;margin:0;margin-bottom:-1rem}.landing-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem;padding:0;color:var(--text-color)}.landing-benefit-item{text-align:left;padding:1rem;display:flex;align-items:flex-start;gap:1rem;color:var(--text-color)}.landing-benefit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue);transition:transform .3s ease}.landing-benefit-item:hover .landing-benefit-icon{transform:scale(1.1)}.landing-benefit-title{font-size:1rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.4;flex:1}.why-choose-section{padding:6rem 0;margin-top:0}.why-choose-container{max-width:1200px;margin:0 auto;padding:0 2rem}.why-choose-headline{text-align:center;font-size:2.5rem;font-weight:900;color:var(--text-color);margin-bottom:4rem;line-height:1.2}.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.why-choose-item{background:#fff;border-radius:8px;padding:2rem;text-align:center;box-shadow:var(--shadow-small);border:1px solid var(--dark-beige);transition:transform .3s ease,box-shadow .3s ease}.why-choose-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.why-choose-image{margin-bottom:1.5rem}.placeholder-image{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#667eea);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto}.why-choose-title{font-size:1.4rem;font-weight:800;color:var(--text-color);margin-bottom:.75rem;line-height:1.3}.why-choose-subtitle{font-size:1rem;color:var(--text-color);font-weight:600;margin-bottom:1.5rem;line-height:1.4}.why-choose-features{list-style:none;padding:0;margin:0;text-align:left}.why-choose-features li{font-size:.95rem;line-height:1.5;position:relative;padding:.5rem 0 .5rem 1.5rem}.why-choose-features li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700;font-size:1rem}.courses-showcase-section{background:var(--blue);padding:6rem 0;margin-top:6rem}.courses-showcase-header{text-align:center;max-width:800px;margin:0 auto .2rem;padding:0 2rem}.courses-showcase-header h2{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:1rem}.courses-showcase-header p{font-size:1.2rem;color:#ffffffe6;line-height:1.6}.courses-horizontal-scroll{overflow:hidden;padding:0 2rem;position:relative}.courses-scroll-container{display:flex;gap:2rem;padding:3rem 0;width:200%;overflow:visible}.courses-scroll-container.auto-scrolling{animation:scrollCourses 40s linear infinite}.courses-scroll-container.manual-scrolling{animation:none}.course-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;transition:all .3s ease;color:var(--blue);box-shadow:0 4px 12px #00000026}.course-nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0003}.course-nav-left{left:1rem}.course-nav-right{right:1rem}.course-showcase-card{flex:0 0 280px;border-radius:var(--cover-border-radius);box-shadow:var(--shadow-medium);transition:all .3s ease;cursor:pointer;position:relative;height:380px;background-size:cover;background-position:center;overflow:hidden;text-align:left}.course-showcase-card:hover{transform:translateY(-16px);scale:1.03;box-shadow:var(--shadow-large)}.course-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.course-showcase-image,.course-showcase-image img{display:none}.course-showcase-title{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;font-size:2.2rem;font-weight:900;color:#fff;margin:0;line-height:1.1;z-index:2}.view-all-card{color:#fff;display:flex;align-items:center;justify-content:center;min-height:280px}.view-all-content{text-align:center}.view-all-content h3{font-size:1.3rem;font-weight:700;margin:1rem 0 .5rem;color:#fff}.view-all-content p{font-size:.9rem;opacity:.9;margin:0;color:#fff}.landing-faq-section{max-width:900px;margin:6rem auto;padding:0 2rem}.faq-headline{font-size:2.5rem;font-weight:900;text-align:center;margin-bottom:3rem;color:var(--text-color)}.faq-item{background:#fff;border-radius:12px;margin-bottom:1rem;overflow:hidden}.faq-question{width:100%;padding:1.5rem;background:none;border:none;text-align:left;font-size:1.1rem;font-weight:600;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.faq-icon{transition:transform .3s ease;display:flex;align-items:center;color:var(--blue);flex-shrink:0;margin-left:1rem}.faq-answer{padding:0 1.5rem 1.5rem;color:#666;line-height:1.6;font-size:1rem;animation:fadeIn .3s ease-in-out}.faq-answer p{margin:0}.get-started-section{background:linear-gradient(135deg,#114386,#084c8b);padding:6rem 2rem;text-align:center;color:#fff}.get-started-container{max-width:600px;margin:0 auto;padding:0 2rem}.get-started-container h2{font-size:2.8rem;font-weight:900;margin-bottom:1.5rem;color:#fff}.get-started-container p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.landing-signup-form{max-width:400px;margin:0 auto 2rem}.landing-signup-form .form-group{margin-bottom:2rem}.landing-signup-form .email-input,.landing-signup-form .password-input{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;background:#fff;color:var(--text-color);box-shadow:var(--shadow-small);transition:all .3s ease;box-sizing:border-box;margin-bottom:.1rem;border:2px solid white}.landing-signup-form .email-input:focus,.landing-signup-form .password-input:focus{outline:none;border:2px solid var(--blue);box-shadow:0 6px 6px #00000026}.landing-signup-form .email-input::placeholder,.landing-signup-form .password-input::placeholder{color:#9ca3af}.password-group{opacity:0;max-height:0;overflow:hidden;transform:translateY(-10px);transition:all .4s ease}.password-group.show{opacity:1;max-height:80px;transform:translateY(0)}.signup-error-message{background:#ef44441a;color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(239,68,68,.3)}.signup-terms{font-size:.85rem;opacity:.8;line-height:1.4;margin:0}.signup-terms a{color:#fff;text-decoration:underline}.signup-terms a:hover{opacity:.8}.email-suggestion{margin-top:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:.25rem}.suggestion-button{background:none;border:none;color:#fbbf24;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;transition:color .2s ease}.suggestion-button:hover{color:#f59e0b}.get-started-button{background:#fff;color:var(--blue);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 20px #0003}.get-started-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.get-started-subtext{font-size:.9rem;margin-top:1rem;opacity:.8;margin-bottom:0}@media (max-width: 768px){.landing-page{justify-content:center}.content{padding-left:5vw;padding-right:5vw;text-align:center}.hero-text{margin-bottom:2rem}.hero-text h1{font-size:3.2rem}.hero-text p{font-size:1.2rem}.cta-buttons{align-items:center}.primary-buttons-row{flex-direction:column;gap:.8rem;width:100%}.primary-button{font-size:1rem;padding:.8rem 1.6rem}.learn-more-button{font-size:1rem;padding:.7rem 1.5rem;width:100%;text-align:center}.landing-logo{left:50%;transform:translate(-50%);width:200px;top:1rem}.trust-quote-card{flex:0 0 250px;padding:1.5rem;margin:0 .5rem}.trust-quote-text{font-size:1rem}.trust-quote-source{font-size:.9rem}.awards-row{gap:1rem;padding:0 1rem;min-width:0}.award-image{height:60px}.award-image img{max-height:60px;max-width:120px}.award-fallback{min-width:120px;padding:.75rem}.award-text{font-size:.75rem}.award-source{font-size:.65rem}.award-subtitle{font-size:.6rem}.news-logos-grid{gap:2rem}.news-logo-item{height:30px}.news-logo-item img{max-height:30px;max-width:100px}.stats-container{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 1rem}.stat-item{padding:1.5rem .75rem}.stat-number{font-size:2.2rem}.stat-label{font-size:.8rem}.courses-showcase-header h2{font-size:2rem}.courses-showcase-header p{font-size:1rem}.courses-horizontal-scroll{padding:0 1rem}.courses-scroll-container.auto-scrolling{animation:scrollCourses 30s linear infinite}.course-nav-arrow{width:40px;height:40px}.course-nav-left{left:.5rem}.course-nav-right{right:.5rem}.course-showcase-card{flex:0 0 250px;height:350px}.course-showcase-title{bottom:1rem;left:1rem;right:1rem;font-size:1rem}.faq-headline{font-size:2rem}.faq-question{padding:1rem;font-size:1rem}.faq-answer{padding:0 1rem 1rem}.get-started-container h2{font-size:2rem}.get-started-container p{font-size:1rem}.landing-signup-form{max-width:100%}.landing-signup-form .email-input,.landing-signup-form .password-input{padding:.9rem 1.2rem;font-size:.95rem}.signup-terms{font-size:.8rem}.email-suggestion{font-size:.8rem;padding:.5rem .75rem;flex-wrap:wrap}.get-started-button{padding:.8rem 2rem;font-size:1rem;width:100%}.landing-features-section{margin:4rem auto;padding:0 1rem}.plus-more-header{margin:2rem 0 1.5rem}.plus-more-header h3{font-size:1.2rem}.landing-benefits-grid{grid-template-columns:1fr;gap:1rem;padding:0;margin-top:3rem}.landing-benefit-item{padding:.75rem;gap:.75rem}.landing-benefit-icon{width:20px;height:20px}.landing-benefit-title{font-size:.9rem}.why-choose-grid{grid-template-columns:1fr;gap:2rem}.why-choose-item{padding:1.5rem}.why-choose-image{margin-bottom:1rem}.placeholder-image{width:60px;height:60px;font-size:1.5rem}.why-choose-title{font-size:1.2rem}.why-choose-subtitle{font-size:.9rem}.why-choose-features li{font-size:.85rem}.why-choose-features li:before{font-size:.8rem}.courses-showcase-section{padding:4rem 0;margin-top:4rem}.landing-faq-section{margin:4rem auto;padding:0 1rem}.get-started-section{padding:4rem 1rem;margin-top:4rem}}.trust-quotes-scroll:hover,.courses-scroll-container.auto-scrolling:hover{animation-play-state:paused}.courses-horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none;overflow-y:visible}.courses-horizontal-scroll::-webkit-scrollbar{display:none}.footer{background:var(--light-beige);color:var(--text-color);padding:4rem 0 1rem;text-align:left}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:1.5rem;align-items:start}.footer-section h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.footer-logo img{height:40px;width:auto;margin-bottom:0rem;padding-top:2rem}.footer-description{font-size:1.3rem;line-height:1.3;color:var(--text-color);margin:0;font-weight:500;margin-left:.3rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-color);text-decoration:none;font-size:1rem;transition:color .2s ease}.footer-links a:hover{color:var(--blue)}.footer-social{display:flex;flex-direction:column;gap:.75rem}.social-link{display:flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;font-size:1rem;transition:all .2s ease}.social-link:hover{color:var(--blue);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-bottom-content p{margin:.25rem 0;font-size:.9rem;color:var(--text-color);opacity:.7}.footer-bottom-links{margin:.5rem 0;display:flex;justify-content:center;align-items:center;gap:.75rem}.footer-bottom-links a{color:var(--text-color);text-decoration:none;font-size:.9rem;opacity:.7;transition:all .2s ease}.footer-bottom-links a:hover{color:var(--blue);opacity:1}.footer-bottom-links .separator{color:var(--text-color);opacity:.5;font-size:.9rem}@media (max-width: 1023px){.footer-content{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-section:first-child{grid-column:1 / -1;text-align:center;margin-bottom:1rem}}@media (max-width: 767px){.footer{padding:2rem 0 1rem;margin-top:2rem}.footer-content{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.footer-section{text-align:center}.footer-section:first-child{grid-column:1}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-links li{margin-bottom:0}.footer-social{justify-content:center;align-items:center}.footer-bottom-content{padding:0 1rem}}@media (max-width: 480px){.footer{padding:1.5rem 0 1rem}.footer-content{gap:1.5rem;padding:0 .5rem}.footer-section h4{font-size:1.1rem}.footer-links{flex-direction:column;gap:.5rem}.footer-bottom-content{padding:0 .5rem}.footer-bottom-content p{font-size:.8rem}.footer-bottom-links{flex-direction:column;gap:.5rem}.footer-bottom-links .separator{display:none}}.benefit-feature-section{background:#fff;border-radius:8px;padding:3rem;margin-bottom:2rem;box-shadow:var(--shadow-small);border:1px solid var(--dark-beige)}.benefit-feature-container{display:flex;gap:2rem;align-items:center}.benefit-feature-container.image-right{flex-direction:row-reverse}.benefit-feature-image{flex:2.5;max-width:800px}.benefit-feature-image img,.benefit-feature-image-element{width:100%;border-radius:8px;height:300px;object-fit:cover;object-position:center;aspect-ratio:1}.benefit-feature-video{width:100%;height:300px;object-fit:cover;object-position:center;border-radius:8px;aspect-ratio:1}.benefit-feature-video::-webkit-media-controls{display:none!important}.benefit-feature-video::-webkit-media-controls-panel{display:none!important}.benefit-feature-video::-webkit-media-controls-play-button{display:none!important}.benefit-feature-video::-webkit-media-controls-start-playback-button{display:none!important}.benefit-feature-text{flex:2;padding:0 2rem}.benefit-feature-text h3{font-size:1.8rem;font-weight:900;margin-bottom:1rem;line-height:1.2}.benefit-feature-text p{font-size:1.1rem;line-height:1.6}.benefit-feature-footer{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.learn-more-btn{background:none;border:none;color:var(--blue);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;opacity:.8;transition:opacity .3s}.learn-more-btn:hover{opacity:1}.benefit-feature-expanded-content{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);width:100%;text-align:center}.benefit-feature-expanded-content a{display:block;margin-bottom:.5rem;font-size:1.1rem;color:var(--blue-dark);font-weight:600;text-decoration:none}.benefit-feature-expanded-content a:hover{text-decoration:underline}@media (max-width: 1024px) and (min-width: 769px){.benefit-feature-section{padding:2.5rem 2rem;margin-bottom:1.5rem}.benefit-feature-container{gap:1.5rem}.benefit-feature-text{padding:0 1rem}.benefit-feature-text h3{font-size:1.6rem}.benefit-feature-text p{font-size:1rem}.benefit-feature-video,.benefit-feature-image-element{height:250px}}@media (max-width: 768px){.benefit-feature-section{padding:2rem 1.5rem;margin-bottom:1.5rem}.benefit-feature-container{flex-direction:column;gap:1.5rem;text-align:center}.benefit-feature-container.image-right{flex-direction:column}.benefit-feature-image{flex:none;max-width:100%;width:100%}.benefit-feature-text{flex:none;padding:0;width:100%}.benefit-feature-text h3{font-size:1.5rem;margin-bottom:.8rem}.benefit-feature-text p{font-size:1rem}.benefit-feature-video,.benefit-feature-image-element{height:200px;width:100%}}@media (max-width: 480px){.benefit-feature-section{padding:1.5rem 1rem;margin-bottom:1rem;border-radius:12px}.benefit-feature-container{flex-direction:column;gap:1rem;text-align:center}.benefit-feature-container.image-right{flex-direction:column}.benefit-feature-image{flex:none;max-width:100%;width:100%;order:-1}.benefit-feature-text{flex:none;padding:0;width:100%}.benefit-feature-text h3{font-size:1.3rem;margin-bottom:.6rem;line-height:1.2}.benefit-feature-text p{font-size:.9rem;line-height:1.5}.benefit-feature-video,.benefit-feature-image-element{height:180px;width:100%;border-radius:6px}.benefit-feature-footer{margin-top:1rem}.learn-more-btn{font-size:.9rem}.benefit-feature-expanded-content{margin-top:1rem;padding-top:1rem}.benefit-feature-expanded-content a{font-size:1rem;margin-bottom:.4rem}}.create-profile-container{min-height:50vh;background:var(--primary-bg);padding:.5rem;display:flex;flex-direction:column;align-items:center}.create-profile-form{width:100%;max-width:800px;margin-bottom:2rem}.create-profile-container p{font-size:1.2rem}.create-profile-container .submit-button{font-size:1.2rem;margin:2rem auto}.form-group{text-align:left}.form-group label{display:block;margin-bottom:.75rem;color:var(--text-color);font-weight:500;font-size:1.1rem}.step-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}input.profile-input{width:50%;padding:1rem 1.25rem;border:2px solid var(--dark-beige);border-radius:12px;font-size:1.1rem;background:#fff;transition:all .2s;color:var(--text-color);outline:none;margin-bottom:1rem}input.profile-input:hover{border-color:#d1d1d1}input.profile-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light)}.button-container{display:grid;align-items:center;justify-content:center;position:relative;grid-auto-flow:column;gap:1rem}.button-group{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.next-button,.back-button{background:var(--blue);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:100px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.back-button{background:var(--blue-light);color:var(--blue)}.next-button:hover,.back-button:hover{transform:translateY(-1px)}.next-button{margin-top:1rem}.progress-steps{display:flex;justify-content:center;margin-bottom:2rem;gap:.5rem}.step-indicator{width:8px;height:8px;border-radius:50%;background:#ddd}.step-indicator.active{background:var(--blue)}.step-indicator.completed{background:var(--green)}h2{color:var(--text-color);text-align:center;margin-bottom:0}.create-profile-container p{margin-top:5px}.age-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.age-button{padding:15px;border:none;border-radius:12px;background:var(--dark-beige);color:var(--text-color);font-size:1.2rem;cursor:pointer;transition:all .2s}.age-button:hover{transform:translateY(-1px)}.age-button.selected{background:var(--green);color:#fff}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:20px 0;max-height:400px;overflow-y:auto;padding:10px;width:80%}.interest-tag{padding:15px;border:none;border-radius:12px;background:var(--dark-beige);color:var(--text-color);font-size:1.1rem;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.create-profile-container .not-now-btn{position:relative!important}.interest-tag:hover{transform:translateY(-1px)}.interest-tag.selected{background:var(--green);color:#fff}.skip-button{position:fixed;bottom:2rem;right:2rem;background:var(--blue-light);color:var(--blue);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem;z-index:100}.skip-button:hover{background:#d1ebff;transform:translateY(-1px)}.family-type-options{display:flex;justify-content:flex-start;flex-direction:column;gap:1rem;margin-top:0rem;width:100%;max-width:400px}.family-type-options .submit-button{margin:.5rem auto}.family-type-button{padding:2rem;font-size:1.2rem;border-radius:8px;color:var(--blue);border:3px solid var(--blue);background-color:#fff;cursor:pointer;font-weight:600;transition:background-color .3s ease}.family-type-button:hover{background-color:#d1ebff}.benefits-container{width:100%;max-width:400px}.benefits-list{display:flex;flex-direction:column;gap:1rem;margin-top:30px}.benefit-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:12px;transition:transform .2s}.benefit-item:hover{transform:translateY(-2px);background:#f8f8f8}.benefit-item:last-child{background:linear-gradient(135deg,#f5c95c,#efb626);border-radius:12px;padding:16px}.benefit-item:last-child .benefit-icon{color:#fff}.benefit-item:last-child .benefit-text{color:#fff;font-weight:600}.benefit-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--blue)}.benefit-text{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.4;flex:1;text-align:left}@media (max-width: 1024px){.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}.invite-form{max-width:600px;margin:2.5rem auto;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000a}.form-group{margin-bottom:0;padding:0;width:100%}.form-group label{display:block;font-weight:600;font-size:1.1rem;color:#333}.invite-form input{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.invite-form input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a}.invitees-section{margin-top:0rem}.invitees-section h3{color:#333;font-size:1.5rem;margin-bottom:2.5rem}.invitee-row{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr) auto;margin-bottom:1rem;align-items:center}.remove-btn{padding:.5rem;background:var(--orange-light);color:var(--orange);border:none;border-radius:50%;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:5px}.remove-btn:hover{background:var(--orange);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ffae0033}.remove-btn:active{transform:translateY(0)}.add-btn{width:100%;padding:1rem;background:var(--green);color:#fff;border:none;border-radius:112px;cursor:pointer;margin:1.5rem 0;font-size:1rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.submit-btn{width:100%;padding:1rem;background:var(--blue);color:#fff;border:none;border-radius:112px;cursor:pointer;font-size:1rem;font-weight:900;margin-top:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.invitee-row{animation:slideIn .3s ease forwards}.course-select{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.course-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a}.course-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}@media (max-width: 768px){.invitee-row{grid-template-columns:1fr;gap:.5rem}.arrow-icon{transform:rotate(90deg);margin:.25rem 0}}.arrow-icon{color:#666;font-size:1rem;padding:0 .5rem;display:flex;align-items:center;justify-content:center}.error-message{color:#f44;background:#ffebee;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.success-message{color:#4caf50;background:#e8f5e9;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.submit-btn:disabled{opacity:1.4;cursor:not-allowed;background:#c5c5c5}.sender-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;margin-top:2rem}@media (max-width: 768px){.sender-details{grid-template-columns:1fr;gap:1rem}}.disclaimer{text-align:center;color:#666;font-size:.8rem;margin-top:2rem;font-style:italic}.referral-code-section{background:#fff;padding:1rem 2rem;border-radius:12px;margin-bottom:0rem;text-align:center;align-items:center;margin:0 auto;box-shadow:0 8px 24px #0000000a;max-width:400px}.generate-code-btn{display:flex;align-items:center;text-align:center;gap:4px;margin-top:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;background:var(--blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:100px;font-weight:800;cursor:pointer;width:70%;transition:all .2s;justify-content:center}.generate-code-btn svg{transition:transform .2s ease}.generate-code-btn:hover{color:#fff}.generate-code-btn:hover svg{transform:translate(4px)}.referral-code-section .code-display{background:#fff}.referral-code-section p{margin:0}.code-display{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.code{background:var(--blue-light);color:var(--blue);padding:.75rem 1.5rem;border-radius:8px;font-size:1.2rem;font-weight:600;letter-spacing:1px}.copy-btn{background:none;border:none;color:var(--blue);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.copy-btn:hover{background:var(--blue-light)}.invite-landing{min-height:100vh;background:var(--primary-bg);padding:2rem}.invite-landing-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap}.invite-landing h1{color:var(--text-color);margin-bottom:3rem}.invite-landing-content h2{width:100%;text-align:center;margin-bottom:.2rem;font-size:2.5rem;font-weight:900;color:var(--text-color)}.invite-landing-content p{width:100%;text-align:center;margin-bottom:0rem;font-size:1.1rem;font-weight:500;color:var(--text-color)}.benefits-side,.form-side{flex:1;min-width:300px}.benefits-side{background:var(--medium-beige);border-radius:12px;padding:2rem;margin-bottom:1rem;margin-top:4rem}.form-side{background:#fff;border-radius:12px;padding:2rem}.two-column-layout{display:flex;gap:.2rem;width:100%}.two-column-layout .benefits-side{flex:3}.two-column-layout .form-side{flex:7}@media (max-width: 768px){.invite-landing{padding:1rem}.invite-landing-content h2{font-size:1.8rem;margin:1rem 0 2rem}.two-column-layout{flex-direction:column;gap:0rem}.two-column-layout .benefits-side,.two-column-layout .form-side{flex:1;width:100%;padding:2rem 0;margin-top:0;margin-bottom:0}.two-column-layout .benefits-side{order:1}.two-column-layout .form-side{order:2}.benefits-list{gap:.75rem;padding:0 .5rem}.benefit-item{padding:.75rem}}.character-selector-container{width:100%;max-width:900px;margin:0 auto;padding:0;text-align:center}.character-selector-container h2{margin-bottom:30px;font-size:28px;color:#333}.characters-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.character-card{width:40%;height:500px;border-radius:16px;background-color:#fff;border:4px solid var(--dark-beige);overflow:hidden;position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center}.character-card:hover{transform:translateY(-10px);box-shadow:0 12px 24px #00000026}.character-card.selected{border:4px solid var(--green);box-shadow:0 4px 14px #00ff6e4d}.character-animation{width:110%;height:450px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:-10%}.character-card h3{margin-top:10px;font-size:20px;color:#333}.character-card .selected-indicator{position:absolute;top:10px;right:10px;background-color:var(--green);color:#fff;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:700}.character-selector-loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#666}.friend-invites-page{padding:2rem;max-width:1200px;margin:0 auto}.invites-table-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 4px #0000000d;margin-top:2rem}.invites-table{width:100%;border-collapse:collapse;text-align:left}.invites-table th,.invites-table td{padding:1rem;border-bottom:1px solid #eee}.invites-table th{font-weight:600;color:#666}.status-badge{padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:500}.status-pending{background:var(--orange-light);color:var(--orange)}.status-clicked{background:var(--blue-light);color:var(--blue)}.status-purchased{background:var(--green-light);color:var(--green)}.status-expired{background:#f5f5f5;color:#666}.no-invites{text-align:center;padding:3rem;background:#fff;border-radius:12px;margin-top:2rem}.resend-button{display:inline-flex;align-items:center;gap:6px;background:var(--blue-light);color:var(--blue);border:none;padding:.5rem 1rem;border-radius:100px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.resend-button:hover:not(:disabled){background:#d1ebff;transform:translateY(-1px)}.resend-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.resend-button svg{stroke-width:2}.spin{animation:spin 1s linear infinite}.invites-table td{vertical-align:middle}.invites-table th:last-child,.invites-table td:last-child{width:140px;text-align:right;padding-right:1.5rem}.referral-stats{margin-bottom:2rem}.stat-box{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 2px 4px #0000000d}.stat-box h3{margin:0;color:var(--text-color);font-size:1.1rem;font-weight:500}.stat-number{font-size:2.5rem;font-weight:600;color:var(--blue);margin:.5rem 0}.milestone-badge{display:inline-block;background:var(--blue-light);color:var(--blue);padding:.5rem 1rem;border-radius:100px;font-size:.9rem;font-weight:500;margin-top:.5rem}.settings-page{padding:20px;max-width:800px;margin:0 auto}.settings-page h2{margin-bottom:20px;color:#333}.settings-links{display:flex;flex-direction:column;gap:10px}.settings-link{display:flex;align-items:center;padding:15px;background-color:#fff;border-radius:8px;text-decoration:none;color:#333;font-weight:500;border:2px solid var(--dark-beige);transition:transform .2s ease,box-shadow .2s ease}.settings-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.settings-icon{margin-right:10px;color:var(--blue)}.sign-out-button{margin-top:30px;width:100%;padding:15px;background:var(--dark-beige);color:var(--text-color);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.sign-out-button:hover{transform:translateY(-2px)}.sign-out-button:active{transform:translateY(0)}.policy-page{padding:2rem;max-width:800px;margin:0 auto}.policy-content{background:#fff;padding:2rem;border-radius:12px;margin-top:2rem;box-shadow:0 2px 4px #0000000d}.last-updated{color:#666;font-style:italic;margin-bottom:2rem}.policy-section{margin-bottom:2rem}.policy-section h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem}.policy-section ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1rem}.policy-section li{margin-bottom:.5rem;line-height:1.5}.policy-section p{line-height:1.6;margin-bottom:1rem}.contact-info{font-weight:500;color:var(--blue);margin-top:2rem}.live-class-details-page{min-height:100vh;position:relative;color:#fff;padding:2rem;max-width:1200px;margin:0 auto}.live-class-details-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:1}.live-class-details-bg-blur{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:2;filter:blur(20px);opacity:1;pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 40%,transparent 100%)}.live-class-details-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#000000a6,#0006,#fff0 60%,#fff0);z-index:3}.live-class-details-content{max-width:800px;margin:0 auto;position:relative;z-index:4}.live-class-details-back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:2rem;font-size:1.1rem;opacity:.8;transition:opacity .2s;font-weight:700}.live-class-details-back-link:hover{opacity:1;color:#fff;text-decoration:underline}.live-class-details-header{margin-bottom:2rem;text-align:center}.live-class-details-age-range{display:inline-block;background:#ffffff1a;padding:.5rem 1.1rem;border-radius:20px;font-size:.95rem;margin-bottom:1rem;font-weight:700}.live-class-details-header h1{font-size:2.5rem;margin:.5rem 0;font-weight:700}.live-class-details-time{font-size:1.2rem;opacity:.9;margin-top:.5rem;font-weight:700}.live-class-details-subjects{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.live-class-details-subject-tag{background:#fff;color:#555;padding:.2rem .6rem;border-radius:20px;font-size:.9rem;font-weight:700;opacity:.9}.live-class-details-outline{background:#ffffffe6;color:#000;padding:2rem;border-radius:12px;margin-bottom:2rem}.live-class-details-outline h2{margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.live-class-details-outline p{line-height:1.6;margin:0;font-size:1.1rem}.live-class-details-registration{margin-top:3rem;text-align:center}.live-class-details-register-button{background:var(--blue, #007bff);color:#fff;border:none;padding:.8rem;font-size:1rem;border-radius:36px;cursor:pointer;transition:background-color .2s ease;font-weight:700;width:100%;max-width:300px}.live-class-details-register-button:hover{background:var(--blue-dark, #0056b3)}.live-class-details-register-button:disabled{background:#ccc;cursor:not-allowed}.live-class-details-registered-info{background:var(--light-green, #e6f7e6);border:1px solid var(--green, #28a745);padding:2rem;border-radius:12px;text-align:center;box-shadow:0 6px 20px #0000004d}.live-class-details-registered-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;color:var(--green, #28a745);font-size:1.2rem;font-weight:700}.live-class-details-join-zoom-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--green, #28a745);color:#fff;border:none;border-radius:36px;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;margin:.5rem auto 0;text-decoration:none;box-shadow:0 2px 8px #28a74514;transition:background .15s,color .15s}.live-class-details-join-zoom-button:hover{background:#218838;color:#fff}.live-class-details-calendar-options{display:flex;flex-direction:column;align-items:center;gap:1rem}.live-class-details-calendar-button{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;background:#fff;color:var(--blue, #007bff);border:2px solid var(--blue, #007bff);border-radius:36px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s;margin-left:auto;margin-right:auto}.live-class-details-calendar-button:hover{background:var(--blue, #007bff);color:#fff}.live-class-details-calendar-menu{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1rem;z-index:10;min-width:250px}.live-class-details-calendar-menu-item{display:block;color:var(--blue, #007bff);font-size:1rem;text-decoration:none;padding:.4rem .8rem;background:none;border:none;cursor:pointer;text-align:center;font-weight:700;border-radius:8px;transition:background .15s,color .15s}.live-class-details-calendar-menu-item:hover{background:var(--blue, #007bff);color:#fff}.live-class-details-loading,.live-class-details-error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;font-weight:700}.live-class-details-error{color:#dc3545}.live-class-details-register-group{display:flex;flex-direction:column;align-items:center}.live-class-details-spots-info{margin-top:1.5rem;color:#fff;background:#0000002e;font-size:1rem;font-weight:500;border-radius:12px;padding:.5rem 1rem}.live-class-details-pills-row{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-bottom:1rem}.live-class-details-instructor-pill{display:inline-block;background:#ffffff2e;padding:.5rem 1.1rem;border-radius:20px;font-size:.95rem;font-weight:700;color:#fff}.live-class-details-instructor{display:none}@media (max-width: 768px){.live-class-details-page{padding:1rem}.live-class-details-header h1{font-size:2rem}.live-class-details-outline{padding:1.5rem}}@media (max-width: 768px){.subscription-banner-content{flex-direction:column;gap:1rem;text-align:center}.subscription-banner-text{font-size:1rem}}.class-credits-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.credits-header{text-align:center;margin-bottom:3rem}.back-button{background:none;border:none;color:#007bff;font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:background-color .2s ease;margin-bottom:2rem;align-self:flex-start}.back-button:hover{background-color:#007bff1a}.header-content h1{font-size:3rem;color:#333;margin-bottom:1rem;font-weight:700}.credits-description{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto 2rem;line-height:1.6}.current-credits{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 12px #0000001a;color:#333;font-size:1.1rem;margin:0 auto}.current-credits svg{color:#007bff}.packages-container{max-width:1000px;margin:0 auto}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.package-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.package-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000026}.package-header{text-align:center;margin-bottom:2rem}.package-header h3{font-size:1.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.package-description{color:#666;font-size:1rem;line-height:1.5}.package-pricing{text-align:center;margin-bottom:2rem}.price{margin-bottom:.5rem}.price-amount{font-size:2.5rem;font-weight:700;color:#333}.price-per{font-size:1rem;color:#666;margin-left:.5rem}.original-price{color:#999;text-decoration:line-through;font-size:1rem;margin-bottom:.5rem}.savings{color:#28a745;font-weight:600;font-size:1rem}.price-per-class{color:#666;font-size:.9rem;margin-top:.5rem}.purchase-button{width:100%;background:#007bff;color:#fff;border:none;border-radius:12px;padding:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #007bff4d}.purchase-button:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.purchase-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.credits-info{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;text-align:left}.info-section{display:flex;gap:.5rem;align-items:flex-start}.credits-info h4{color:#333;margin-bottom:.1rem;margin:0;padding:0;font-size:1.3rem;font-weight:700}.info-section ul{list-style:none;padding:0;margin:0}.info-section ul li{color:#666;position:relative;padding:.25rem 0 .25rem 1rem}.info-section ul li:before{content:"•";color:#007bff;font-weight:700;position:absolute;left:0}@media (max-width: 768px){.class-credits-page{padding:1rem}.header-content h1{font-size:2rem}.credits-description{font-size:1rem;padding:0 1rem}.packages-grid{grid-template-columns:1fr;gap:1.5rem}.info-section{flex-direction:column;gap:.5rem}}.profile-dashboard{padding:20px;max-width:1200px;margin:0 auto}.profile-dashboard h2{margin-bottom:24px;color:#333;font-size:28px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;height:100%;height:auto;min-height:300px;display:flex;flex-direction:column;border:2px solid var(--dark-beige)}.stat-card h3{margin-top:0;margin-bottom:16px;font-size:18px;color:#444;border-bottom:2px solid var(--dark-beige);padding-bottom:10px}.stat-value{font-size:48px;font-weight:700;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-grow:1}.course-progress-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:300px}.course-progress-item{margin-bottom:8px;padding:8px 20px;border-radius:8px;transition:transform .2s ease}.course-progress-item:hover{transform:translateY(-2px)}.course-progress-item .course-header{display:flex;align-items:center;height:auto;margin:1em;gap:10px;justify-content:left}.course-thumbnail{width:32px;height:32px;border-radius:4px;object-fit:cover;margin-right:8px;margin-left:0}.course-title{font-weight:600;margin-bottom:2px;color:#333;flex:1;font-size:1em}.progress-bar-container{height:8px;background-color:#edf2f9;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background-color:var(--blue);border-radius:4px;transition:width .3s ease}.progress-text{font-size:1em;color:#666}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:150px;margin-top:10px;padding-bottom:5px;border-bottom:1px solid #eee;flex-grow:1}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.bar{width:6px;background-color:var(--blue);border-radius:2px 2px 0 0;transition:height .3s ease;position:relative}.bar:hover{background-color:#1a56db;cursor:pointer}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;color:#666;white-space:nowrap}.discussion-questions{list-style-type:none;padding:0;margin:0;overflow-y:auto;max-height:300px}.discussion-question{padding:12px;background-color:var(--light-beige);border-radius:8px;margin-bottom:10px;font-weight:500;font-size:1em;color:#393939}.lessons-table-container{background:#fff;border-radius:12px;padding:20px;border:2px solid var(--dark-beige);width:auto;margin-bottom:800px}.lessons-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;border-bottom:2px solid var(--dark-beige);padding-bottom:10px}.lessons-table-header h3{margin:0;font-size:18px}.print-button{display:flex;align-items:center;gap:8px;background-color:var(--blue);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.print-button:hover{background-color:var(--blue)}.print-button span{margin-left:4px}.lessons-table{width:100%;border-collapse:collapse;font-size:1em}.lessons-table th{background-color:var(--light-beige);color:#333;text-align:left;padding:12px 10px;font-weight:600}.lessons-table td{padding:10px;text-align:left;border-bottom:2px solid var(--light-beige);text-transform:capitalize;color:#444}.lessons-table tr:last-child td{border-bottom:none}.lessons-table tr:hover{background-color:#f9f9f9}.lessons-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#666}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--blue);width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:15px}.no-lessons{text-align:center;padding:30px;color:#666;font-style:italic}.dashboard-loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#666}.dashboard-error{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#dc3545}.orders-container{max-width:900px;margin:0 auto;padding:20px}.orders-container h1{margin-bottom:1em}.orders-container h4{margin:0}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.order-date{font-size:14px;color:#666;display:flex;align-items:center}.order-details{font-size:15px}.order-products{margin-top:15px}.order-products h3{font-size:16px;margin-bottom:10px;display:flex;align-items:center}.order-products ul{list-style-type:disc;padding-left:20px;margin:0}.order-products li{margin-bottom:5px;text-align:left;display:flex;align-items:center;justify-content:space-between}.quantity-badge{background-color:#f0f0f0;color:#666;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:10px;flex-shrink:0}.loading,.error,.no-orders{text-align:center;padding:30px;color:#666}.error{color:#d32f2f}.order-icon{margin-right:6px;color:#666;flex-shrink:0}.estimated-delivery{display:flex;align-items:center;margin-bottom:15px}@media (max-width: 768px){.order-header{flex-direction:column;align-items:flex-start}.order-date{margin-top:5px}}.product-settings-container{max-width:900px;margin:0 auto;padding:20px}.product-settings-container h1{margin-bottom:1em}.breadcrumbs{margin-bottom:20px;font-size:14px;color:#666}.breadcrumbs a{color:var(--blue);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.settings-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px;margin-bottom:24px;text-align:left}.settings-section h2{font-size:24px;margin:0 0 12px;color:#333}.section-title{display:flex;align-items:center;gap:8px}.section-icon{color:var(--blue, #0066cc);flex-shrink:0}.settings-description{color:#666;font-size:16px;margin-bottom:24px}.settings-list{display:flex;flex-direction:column;gap:16px}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eee}.settings-item:last-child{border-bottom:none}.settings-item-text{flex:1}.settings-item-text h3{font-size:18px;margin:0 0 4px;color:#333}.settings-item-text p{font-size:16px;color:#666;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:16px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--blue, #0066cc)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--blue, #0066cc)}input:checked+.toggle-slider:before{transform:translate(26px)}.settings-actions{margin-top:24px;display:flex;justify-content:flex-end}.save-button{background-color:var(--blue, #0066cc);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .3s}.save-button:hover{background-color:#0055b3}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.loading,.error-message,.success-message{padding:16px;margin-bottom:24px;border-radius:4px;text-align:center}.loading{background-color:#f5f5f5;color:#666}.error-message{background-color:#ffebee;color:#d32f2f}.success-message{background-color:#e8f5e9;color:#2e7d32}:root{--green: #4CAF50}.parent-course-guide{max-width:1200px;margin:0 auto 800px;padding:2rem}.course-guide-header{margin-bottom:4rem;text-align:center;height:100px}.course-guide-header h1{font-size:2.5rem;line-height:1.2!important;color:var(--text-color);margin:0}.parent-course-guide .course-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-left:0}.accordion-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-bottom:1rem;position:relative}.accordion-header{width:100%;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--light-bg);border:none;cursor:pointer;transition:background-color .2s;position:relative}.accordion-header:before{content:"";position:absolute;top:0;left:0;height:4px;background-color:#4caf50;transition:width .3s ease;z-index:1;border-radius:2px 0 0}.chapter-section .accordion-header:before{width:var(--progress-width, 0%)}.accordion-header-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;flex:1;min-width:0}.section-icon{color:var(--dark-beige);flex-shrink:0}.accordion-header:hover{background:var(--dark-beige)}.accordion-header:hover .section-icon{color:var(--text-color)}.accordion-header h3{margin:0;font-size:1.2rem;color:var(--text-color);text-align:left;display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.accordion-header h3 .percentage{font-weight:400;margin-left:.5rem}.accordion-header h3 span{font-weight:400}.accordion-content{padding:1.5rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;text-align:left;font-size:1.1rem}.accordion-content p{margin-bottom:1rem}.accordion-content ul,.accordion-content ol{margin:1rem 0;padding-left:2rem}.accordion-content li{margin-bottom:.5rem}.chapter-section{margin-bottom:1rem}.chapter-content{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--light-bg);border-radius:4px}.chapter-content .accordion-section{background:#fff;margin-bottom:0}.chapter-content .accordion-header{background:#fff}.chapter-content .accordion-header:hover{background:var(--light-bg)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:var(--text-secondary)}.error{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:var(--red)}.section-title{font-size:1.8rem;color:var(--text-color);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--dark-beige)}.course-overview-section,.chapters-section{margin-bottom:0rem}.course-overview-section .section-title{margin-top:0}.discussion-questions{display:flex;flex-direction:column;gap:1.5rem}.lesson-discussion{background:#fff;padding:1rem;border-radius:4px;box-shadow:0 1px 3px #0000001a}.lesson-discussion h4{color:var(--text-color);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.lesson-discussion ul{margin:0;padding-left:1.5rem}.lesson-discussion li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.5}.lesson-discussion li:last-child{margin-bottom:0}.lesson-progress{display:flex;flex-direction:column;gap:.75rem}.lesson-progress-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:4px;transition:background-color .2s}.lesson-progress-item:hover{background:var(--light-bg)}.lesson-title{color:var(--text-color);font-size:1rem}.completed-icon{color:var(--green);flex-shrink:0}.not-completed-icon{color:var(--text-secondary);flex-shrink:0}.chapter-header-info{display:flex;align-items:center;gap:1rem;margin-left:.5rem}.week-range{color:#666;font-size:.9em;white-space:nowrap;text-align:right;margin-left:2rem}@media (max-width: 768px){.parent-course-guide{padding:1rem}.course-guide-header h1{font-size:2rem}.accordion-header{padding:.75rem 1rem}.accordion-header h3{font-size:1.1rem}.accordion-content{padding:1rem}.section-title{font-size:1.5rem;margin:1.5rem 0 1rem}}.parent-dashboard-page{padding:20px}.tabs-container{display:flex;gap:10px;margin-bottom:20px;border-bottom:3px solid var(--dark-beige);padding-bottom:10px}.tab-button{padding:10px 20px;border:none!important;background:none;cursor:pointer;font-size:16px;color:#666;border-radius:4px;transition:all .3s ease;position:relative}.tab-button:focus,.tab-button:active{outline:none!important;box-shadow:none!important;border:none!important}.tab-button:hover,.tab-button:focus,.tab-button:active{box-shadow:none!important}.tab-button .tab-content{display:flex;align-items:center;gap:8px}.tab-button:not(.active):hover{color:var(--blue)!important;background:none!important;border:none!important}.tab-button.active{color:var(--blue);background:none;font-weight:600;pointer-events:none;border:none!important}.tab-button.active:after{content:"";position:absolute;bottom:-13px;left:0;width:100%;height:3px;background-color:var(--blue)}.tab-content{padding:20px 0}.parent-guides{padding:0}.course-selector{display:flex;gap:15px;overflow-x:auto;padding:10px 0;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.course-selector::-webkit-scrollbar{height:6px}.course-selector::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.course-selector::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.course-button{position:relative;width:200px;height:120px;padding:0;border:2px solid #e0e0e0;border-radius:8px;background:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;overflow:hidden}.course-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.course-button.active{border-color:#007bff}.course-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.course-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#000000b3);transition:all .2s ease}.course-button.active:after{background:linear-gradient(to bottom,#007bff33,#007bffb3)}.course-selector .course-title{position:absolute;bottom:0;left:0;width:100%;padding:12px;color:#fff;font-size:18px;font-weight:600;text-align:left;z-index:1;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:normal;line-height:1.2;max-height:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-course-selected{text-align:center;padding:40px;color:#666}.no-course-selected h2{margin-bottom:10px;color:#333}.seasons-page-container{padding:32px;min-height:100vh}.seasons-page-title{font-size:36px;font-weight:700;margin-bottom:30px;text-align:center;color:#333}.seasons-page-subtitle{font-size:18px;color:#666;text-align:center;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.seasons-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.seasons-page-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:seasons-page-spin 1s linear infinite;margin-bottom:20px}@keyframes seasons-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seasons-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;justify-content:center;max-width:1200px;margin:0 auto}.seasons-page-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;cursor:pointer}.seasons-page-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.seasons-page-link{text-decoration:none;color:inherit}.seasons-page-image-container{position:relative;aspect-ratio:2/3;overflow:hidden}.seasons-page-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.seasons-page-card:hover .seasons-page-image{transform:scale(1.05)}.seasons-page-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e3e3e3,#f0f0f0);display:flex;align-items:center;justify-content:center;color:#999;font-size:16px;font-weight:500}.seasons-page-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0000004d 60%,#0000);display:flex;align-items:flex-end;justify-content:center;padding:20px;box-sizing:border-box}.seasons-page-card-title{color:#fff;font-weight:700;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.7);text-align:center;line-height:1.3}.seasons-page-info{padding:16px;background:#f8f9fa}.seasons-page-stats{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.seasons-page-type{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.seasons-page-story-count{font-weight:500}.seasons-page-empty{text-align:center;padding:60px 20px;color:#666}.seasons-page-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.seasons-page-empty-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#333}.seasons-page-empty-description{font-size:16px;line-height:1.5}.seasons-page-error{text-align:center;padding:60px 20px;color:#e74c3c}.seasons-page-error-icon{font-size:48px;margin-bottom:16px}.seasons-page-error-title{font-size:20px;font-weight:600;margin-bottom:8px}@media (max-width: 768px){.seasons-page-container{padding:16px}.seasons-page-title{font-size:28px;margin-bottom:20px}.seasons-page-subtitle{font-size:16px;margin-bottom:30px}.seasons-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.seasons-page-card-title{font-size:16px}.seasons-page-overlay{padding:16px}}@media (max-width: 480px){.seasons-page-grid{grid-template-columns:repeat(2,1fr);gap:16px}.seasons-page-card-title{font-size:14px}}.season-detail-container{padding:0;min-height:100vh;background:var(--light-beige)}.season-detail-header{position:relative;min-height:calc(80vh + 300px);background-size:cover;background-repeat:no-repeat;background-color:var(--blue);display:flex;align-items:flex-end}.season-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 50%,var(--light-beige) 100%);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1}.season-detail-header-overlay{position:relative;z-index:2;width:100%;padding:32px;display:flex;flex-direction:column;justify-content:space-between;min-height:60vh;margin-bottom:auto}.season-detail-header-content{margin-top:0;padding-bottom:2rem;text-align:center;display:flex;flex-direction:column;margin-bottom:auto}.season-detail-header .back-button{border:none;padding:.75rem 1.5rem;border-radius:80px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap;font-size:1rem;background:var(--medium-beige);text-decoration:none;margin-bottom:20px;align-self:flex-start}.season-detail-header .back-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 16px #00000026}.season-detail-title{font-size:5rem;font-weight:700;margin:0 0 12px;font-weight:900;color:#fff;text-align:center}.season-detail-description{font-size:18px;color:#ffffffe6;line-height:1.6;max-width:800px;margin:0 auto 16px;text-align:center}.season-detail-long-description{margin-bottom:24px;font-weight:700}.season-detail-long-description-text{font-size:16px;color:#ffffffd9;line-height:1.6;max-width:800px;margin:0 auto 12px;text-align:center}.season-detail-progress{padding:20px;background:#ffffff1a;border-radius:12px;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.season-detail-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.season-detail-progress-text,.season-detail-progress-percentage{font-size:1rem;font-weight:700;color:#fff}.season-detail-progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.season-detail-progress-fill{height:100%;background:linear-gradient(90deg,var(--orange) 0%,var(--green) 100%);transition:width .3s ease;border-radius:4px}.season-detail-content{padding:0 32px 32px;position:relative;z-index:10;margin-top:-450px}.season-detail-stats{display:flex;gap:30px;margin-top:20px;flex-wrap:wrap}.season-detail-stat{background:#f8f9fa;padding:12px 20px;border-radius:8px;border-left:4px solid #3498db}.season-detail-stat-number{font-size:24px;font-weight:700;color:#2c3e50;display:block}.season-detail-stat-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.season-detail-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.season-detail-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:season-detail-spin 1s linear infinite;margin-bottom:20px}@keyframes season-detail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.season-detail-stories-section{margin-bottom:50px}.season-detail-stories-section-title{font-size:28px;font-weight:700;margin-bottom:24px;color:#333;border-bottom:3px solid #3498db;padding-bottom:8px;display:inline-block}.season-detail-stories-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;align-items:center}.season-detail-story-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:row;width:350px;padding:1rem;box-shadow:0 12px 22px #0003;text-align:left;margin-bottom:1rem;position:relative;z-index:15}.season-detail-story-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.story-item-default .season-detail-story-image-container{position:relative;width:200px;min-width:200px;overflow:hidden}.story-item-default .season-detail-story-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.story-item-default:hover .season-detail-story-image{transform:scale(1.05)}.story-item-default .season-detail-story-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e3e3e3,#f0f0f0);display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;font-weight:700}.story-item-default .season-detail-story-content{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.season-detail-story-header{margin-bottom:12px}.season-detail-story-title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:8px;color:#333}.season-detail-story-subtitle{font-size:14px;color:#666;line-height:1.4}.season-detail-story-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.season-detail-story-tag{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.season-detail-story-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.season-detail-play-story-btn{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.season-detail-play-story-btn:hover{background:#2980b9;transform:translateY(-1px)}.season-detail-subscribe-btn{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.season-detail-subscribe-btn:hover{background:#c0392b;transform:translateY(-1px)}.season-detail-story-duration{font-size:12px;color:#666;background:#f8f9fa;padding:6px 12px;border-radius:15px;font-weight:500}.season-detail-empty-state{text-align:center;padding:60px 20px;color:#666;position:relative;z-index:15}.season-detail-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.season-detail-empty-state-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#333}.season-detail-empty-state-description{font-size:16px;line-height:1.5}.story-completion-badge{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:center;background-color:#00000080;border-radius:50%;padding:4px;width:2.5rem;height:2.5rem}.story-completion-badge .completion-icon{color:var(--green)}.story-completed:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#2ecc711a;border-radius:12px;pointer-events:none}.story-current{position:relative;animation:currentStoryPulse 2s ease-in-out infinite;z-index:20;opacity:1!important;border:4px solid var(--green)}.story-current:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background-size:400% 400%;border-radius:16px;z-index:-1;animation:currentStoryGradient 3s ease infinite}.story-current:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;pointer-events:none;box-shadow:0 0 10px #005eff66}@keyframes currentStoryPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #005eff99}50%{transform:scaleY(1.02);box-shadow:0 0 60px #005effb3}}@keyframes currentStoryGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.story-current .story-item-title:after,.story-current .season-detail-story-title:after{content:"▶ Next Lesson";position:relative;display:block;width:auto;text-align:center;background:var(--blue);color:#fff;padding:.5rem;border-radius:8px;font-size:1.2rem;font-weight:700;margin-top:1rem;box-shadow:0 2px 28px #1d52ffb3}.story-item-feature .story-item-title,.story-item-field-trip .story-item-title,.story-item-trivia .story-item-title,.story-item-default .season-detail-story-title{position:relative}.story-item-feature{position:relative;height:auto;overflow:hidden;color:#fff;display:flex;align-items:flex-end;aspect-ratio:1}.story-item-feature-bg-image{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;z-index:1;transition:transform .4s ease,filter .4s ease}.story-item-feature:hover .story-item-feature-bg-image{transform:scale(1.1);filter:brightness(.8)}.story-item-feature .story-item-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;z-index:2;display:inline-block}.story-item-field-trip{background-color:var(--blue);color:#fff;justify-content:space-between;align-items:center;min-height:100px;height:120px}.story-item-field-trip-content{display:flex;align-items:center;gap:15px}.story-item-field-trip .story-item-title{font-size:1.5rem;font-weight:700;margin:0;line-height:1.2;margin-left:1rem}.story-item-field-trip-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-left:16px}.story-item-field-trip-thumbnail-placeholder{width:80px;height:80px;background-color:#fff3;border-radius:8px;margin-left:16px}.story-item-trivia{background:linear-gradient(135deg,#ffb74d,#ff9800);color:#fff;display:flex;justify-content:center;align-items:center;padding:20px;border-radius:16px;min-height:100px;text-align:center;height:120px}.story-item-trivia-content{display:flex;align-items:center;gap:15px}.story-item-trivia .story-item-title{font-size:22px;font-weight:700;margin:0}@media (max-width: 768px){.season-detail-content{padding:0 16px 16px;margin-top:-100px}.season-detail-header{min-height:calc(50vh + 150px)}.season-detail-header-overlay{padding:16px;min-height:50vh}.season-detail-title{font-size:2.5rem}.season-detail-description{font-size:16px}.season-detail-stats{gap:16px}.season-detail-stories-section-title{font-size:24px}.season-detail-story-image-container{width:100%;min-width:auto;height:200px}.season-detail-story-title{font-size:16px;text-align:left}.season-detail-story-content{padding:16px}}@media (max-width: 480px){.season-detail-stats{flex-direction:column;gap:12px}.season-detail-story-actions{flex-direction:column;gap:12px;align-items:stretch}.season-detail-play-story-btn,.season-detail-subscribe-btn{justify-content:center}.season-detail-story-item{width:100%;box-sizing:border-box}.story-current:before{left:0;right:0}}.story-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.story-lock-overlay .lock-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.story-locked{position:relative}.story-locked:hover{transform:none;box-shadow:0 4px 12px #0000001a}.story-locked .season-detail-story-image,.story-locked .story-item-feature-bg-image,.story-locked .story-item-field-trip-thumbnail{filter:grayscale(30%) brightness(.8)}.btn-disabled{background:#ccc!important;color:#666!important;cursor:pointer!important}.btn-disabled:hover{background:#ccc!important;transform:none!important}.story-player-page{position:relative;width:100%;height:100vh;background:#000;color:#fff;overflow:hidden}.story-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(100px) brightness(.8);transform:scale(1.1);z-index:1}.story-back-btn{position:absolute;top:20px;left:20px;z-index:300;background:#0003;color:#fff;border:none;padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;transition:background .2s}.story-back-btn:hover{background:#000000e6}.story-back-btn svg{width:16px;height:16px}.story-play-button-container{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0003,#0000004d);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.story-play-button-content{display:flex;flex-direction:column;align-items:center;gap:40px;animation:storyPlayButtonFadeIn 1s ease-out}.story-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);animation:storyTitleSlideIn 1s ease-out .3s both}.story-big-play-button{background:var(--blue);color:#fff;border:none;border-radius:50px;padding:25px 50px;font-size:1.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:20px;z-index:2000;transition:all .3s ease;box-shadow:0 10px 30px #4caf504d,0 5px 15px #0003;animation:storyPlayButtonBounce 1s ease-out .6s both;position:relative;overflow:hidden}.story-big-play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.story-big-play-button:hover:before{left:100%}.story-big-play-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #4caf5066,0 8px 25px #0000004d}.story-big-play-button:active{transform:translateY(-2px) scale(1.02)}.story-play-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;animation:storyPlayIconPulse 2s ease-in-out infinite}@keyframes storyPlayButtonFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes storyTitleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes storyPlayButtonBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes storyPlayIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.story-video-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:73vh;height:100vh;max-width:100vw;display:flex;align-items:center;justify-content:center;z-index:10}.story-video-container video{max-width:100%;max-height:100%;object-fit:cover}.story-video-scrubber-container{position:absolute;top:0;left:10px;right:10px;z-index:30;height:40px;display:flex;align-items:center}.story-video-scrubber{width:90%;height:12px;cursor:pointer;padding:10px 0;display:flex;align-items:center}.story-video-scrubber-track{position:relative;width:100%;height:6px;background:#ffffff4d;border-radius:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-video-scrubber-progress{position:absolute;top:0;left:0;height:100%;background:var(--blue);border-radius:6px;transition:width .1s ease}.story-video-scrubber-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:left .1s ease;opacity:0}.story-video-scrubber:hover .story-video-scrubber-thumb{opacity:1}.story-video-scrubber:hover .story-video-scrubber-track,.story-video-scrubber:hover .story-video-scrubber-progress{height:8px}.story-image-overlay{position:absolute;width:100%;bottom:0;height:auto;object-fit:contain;z-index:15;pointer-events:none;background-position:bottom}.story-pause-play-btn{position:absolute;top:10px;right:10px;z-index:31;background:#000000b3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;padding:.5rem}.story-pause-play-btn:hover{background:#000000e6;transform:scale(1.1);box-shadow:0 6px 16px #0006}.story-pause-play-btn:active{transform:scale(1.05)}.story-interaction-overlay{position:absolute;bottom:20px;left:20px;right:20px;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none}.story-interaction-overlay>*{pointer-events:auto}.story-live-poll-question{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.story-poll-buttons-container{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:center}.story-true-false-btn{background:var(--red);color:#fff;font-weight:700;font-size:40px;border-radius:100px;border:none;width:120px;height:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-true-false-btn.story-true{background:var(--green)}.story-true-false-btn:hover{transform:scale(1.05)}.story-poll-option-btn{font-weight:700;font-size:22px;border-radius:16px;border:none;width:120px;height:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-poll-option-btn.story-option-1{background:#ff0;color:#222}.story-poll-option-btn.story-option-2{background:#00f;color:#fff}.story-poll-option-btn:hover{transform:scale(1.05)}.poll-results-container{display:flex;justify-content:center;gap:32px;margin-top:24px}.poll-result-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 2px 8px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-lesson-finished{font-size:32px;font-weight:700;color:var(--green);text-align:center;background:#000000b3;padding:30px 40px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);animation:lessonFinishedAppear .8s ease-out}@keyframes lessonFinishedAppear{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.story-video-container{width:100vw;height:calc(100vw / .73);max-height:100vh}.story-video-scrubber{width:67%;margin-left:20%}.story-back-btn{top:15px;left:15px;padding:8px 12px;font-size:12px}.story-pause-play-btn{top:15px;right:15px;width:45px;height:45px}.story-video-scrubber-container{top:15px;left:15px;right:15px;height:35px}.story-video-scrubber-thumb{width:14px;height:14px}.story-interaction-overlay{bottom:15px;left:15px;right:15px}.story-title{font-size:1.8rem}.story-big-play-button{font-size:1.2rem;gap:15px}.story-play-icon{font-size:1.5rem;width:40px;height:40px}.story-poll-buttons-container{gap:16px;flex-direction:column}.story-true-false-btn{width:100px;height:100px;font-size:32px}.story-poll-option-btn{width:100px;height:100px;font-size:18px}.story-lesson-finished{font-size:24px;padding:20px 25px;margin:20px}.poll-results-container{gap:20px;margin-top:16px}}.lesson-library-page{padding:32px}.lesson-library-title{font-size:4rem;margin-bottom:4rem;padding-bottom:2rem;font-weight:900}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.feature-seasons-title{font-size:28px;margin-bottom:20px;text-align:left;font-weight:700}.feature-seasons-grid{display:flex;flex-wrap:wrap;justify-content:flex-start}.feature-season-card{width:300px;height:400px}.feature-season-link{text-decoration:none}.feature-season-container{position:relative;width:100%;height:100%}.feature-season-image{width:100%;height:100%;object-fit:cover;display:block}.feature-season-placeholder{width:100%;height:100%;background:#ccc;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.feature-season-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000b3,#0003 60%,#0000);display:flex;align-items:flex-end;justify-content:center;padding:16px;box-sizing:border-box}.lesson-tabs{display:flex;gap:.5rem;margin-bottom:32px;flex-wrap:wrap}.lesson-tab{font-size:1rem;padding:8px 20px;border-radius:20px;border:none;cursor:pointer;transition:all .2s}.lesson-tab.active{font-weight:600;background:var(--blue);color:#fff;box-shadow:0 2px 8px #3498db4d}.lesson-tab.inactive{font-weight:600;background:#fff;color:var(--text-color);border:1px solid var(--medium-beige)}.lesson-tab:hover{transform:translateY(-1px)}.lessons-section{margin-bottom:48px}.subtype-title{font-size:32px;margin-bottom:16px;text-align:left;font-weight:700}.stories-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.story-card{width:160px;margin:8px}.story-link{text-decoration:none}.story-container{position:relative;width:100%;aspect-ratio:2/3;background:#eee;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.story-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.story-image{width:100%;height:100%;object-fit:cover;display:block}.story-placeholder{width:100%;height:100%;background:#ccc;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px}.story-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0009,#0000001a 60%,#0000);display:flex;align-items:flex-end;justify-content:center;padding:12px;box-sizing:border-box}.story-title{color:#fff;font-weight:700;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center}.debug-feature-seasons{background:#f0f0f0;padding:16px;margin-bottom:20px;border-radius:8px;border-left:4px solid #3498db}.debug-feature-seasons h3{margin:0 0 8px;color:#2c3e50}.debug-feature-seasons p{margin:4px 0;color:#555}@media (max-width: 768px){.lesson-library-page{padding:16px}.lesson-library-title{font-size:28px}.feature-seasons-title{font-size:24px}.subtype-title{font-size:28px}.story-card{width:140px}.lesson-tabs{gap:12px}.lesson-tab{font-size:16px;padding:6px 16px}}.my-courses-page .courses-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;padding:0 20px}.main-content h1{line-height:2.2em;margin:0}.no-courses,.no-courses .primary{margin:2rem auto}.continue-course-description{font-weight:600;color:#fff;opacity:.85;font-size:1rem}.mycourse-card{display:grid;grid-template-columns:140px 1fr;align-items:flex-start;background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014;padding:32px 36px;min-width:480px;max-width:600px;width:100%;margin:0 auto;gap:32px;transition:box-shadow .2s}.mycourse-card:hover{box-shadow:0 8px 32px #00000021}.mycourse-cover{width:150px;height:220px;border-radius:8px;background-size:cover;background-position:center;box-shadow:0 2px 12px #00000021;background:#e6e3df;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.mycourse-cover img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.completion-badge{position:absolute;top:10px;left:10px;background:var(--green, #17CC4A);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:2;font-size:1.3rem;font-weight:700}.mycourse-info{flex:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left}.mycourse-title{font-size:2rem;font-weight:800;margin:0;color:#232323;text-align:left}.mycourse-progress-bar-bg{width:100%;height:6px;background:#e6e3df;border-radius:4px;margin:8px 0 2px;overflow:hidden}.mycourse-progress-bar{height:100%;background:#22c55e;border-radius:4px;transition:width .3s}.mycourse-progress-label{font-size:.98rem;color:#444;margin-bottom:8px;text-align:left}.mycourse-actions{display:flex;gap:16px;margin-top:12px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px;text-align:center;margin:0 auto}.loading-state p{margin:0 auto;color:#666;font-size:1.1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.my-courses-loading-skeleton{width:100%;padding:0 20px}.skeleton-heading{height:40px;width:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:3rem}.skeleton-courses-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.skeleton-course-card{display:grid;grid-template-columns:140px 1fr;align-items:flex-start;background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014;padding:32px 36px;min-width:480px;max-width:600px;width:100%;margin:0 auto;gap:32px}.skeleton-course-cover{width:150px;height:220px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:10px;box-shadow:0 2px 12px #00000021}.skeleton-course-info{flex:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.skeleton-course-title{height:32px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-progress-bar-bg{width:100%;height:6px;background:#f0f0f0;border-radius:4px;margin:8px 0 2px;overflow:hidden}.skeleton-progress-bar{height:100%;width:40%;background:linear-gradient(90deg,#e0e0e0 25%,#d0d0d0,#e0e0e0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-progress-label{height:20px;width:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-button{height:40px;width:140px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px;margin-top:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.mycourse-progress-bar.loading-shimmer{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@media (max-width: 900px){.mycourse-card{grid-template-columns:1fr;min-width:320px;max-width:100%;padding:20px 12px;gap:18px}.mycourse-cover{width:100px;height:140px}.mycourse-title{font-size:1.3rem}.skeleton-course-card{grid-template-columns:1fr;min-width:320px;max-width:100%;padding:20px 12px;gap:18px}.skeleton-course-cover{width:100px;height:140px}}.science-games-page{padding:2rem;max-width:1200px;margin:0 auto;background-color:var(--primary-bg);min-height:100vh}.science-games-page h1{margin-bottom:2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,50%));gap:2rem}.game-card{border-radius:12px;box-shadow:0 5px 15px #00000061;overflow:hidden;display:flex;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:#fff;text-align:left;position:relative;background-image:url(/trivia-cover.jpg);background-size:cover;background-position:center;align-items:flex-end;padding:1.5rem}.game-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #00000052}.game-card.disabled{opacity:.6;filter:grayscale(50%);cursor:not-allowed}.game-card.disabled:hover{transform:none;box-shadow:0 5px 15px #00000061}.game-card-content{display:flex;flex-direction:column;position:relative;z-index:2;width:100%;padding:1.5rem}.game-card h2{font-size:1.5rem;color:#fff;margin:0 0 .5rem;font-weight:900;text-align:left}.game-card p{font-size:1.2rem;color:#ffffffe6;line-height:1.3;margin:0 0 1.5rem;font-weight:600}.game-play-button{border:none;color:#fff;padding:.75rem 1.5rem;border-radius:80px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;white-space:nowrap;font-size:1rem;font-weight:900;box-shadow:0 2px 6px #0000004d;background:#fff;align-self:flex-start;text-transform:none;letter-spacing:normal;color:var(--blue)}.game-play-button:hover{background:#fff;transform:translateY(-4px);box-shadow:0 6px 12px #142fff4d}.coming-soon{background:#ffffffe6;color:#666;padding:.75rem 1.5rem;border-radius:80px;font-weight:900;font-size:1rem;text-align:center;align-self:flex-start;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.science-games-page{padding:1.5rem}.science-games-page h1{font-size:2rem}.games-grid{grid-template-columns:1fr;gap:1.5rem}}.subscription-page-bg .global-toggle{justify-content:center!important;margin-bottom:2.2rem;width:auto;display:flex;gap:1.5rem;margin-bottom:3rem}.subscription-page-bg{background:var(--primary-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10rem}.subscription-container{display:flex;gap:3rem;margin:0 0 40px;justify-content:center;flex-wrap:wrap}.plan-card{background:#fff;border-radius:22px;padding:2.8rem 2.5rem 2.2rem;min-width:340px;max-width:390px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;border:4px solid var(--blue);color:var(--blue)}.plan-card.highlight{background:#fff;border:4px solid var(--blue-dark);box-shadow:0 4px 12px #0067de26}.plan-card .badge{position:absolute;top:-18px;right:24px;background:var(--blue-dark);color:#fff;font-size:.9rem;font-weight:900;padding:.5rem 1.2rem;border-radius:80px;box-shadow:0 2px 6px #0067de4d;z-index:2;display:flex;align-items:center;gap:.5rem}.plan-card .badge.trial-badge,.plan-card .badge.current-plan-badge{background:var(--green);box-shadow:0 2px 6px #17cc4a4d}.plan-card h2{font-size:2rem;font-weight:900;color:var(--blue);margin-bottom:1.7rem}.plan-card.highlight h2{color:var(--blue-dark)}.interval-toggle{display:flex;gap:.5rem;margin-bottom:1.3rem;width:100%;justify-content:flex-start}.interval-btn{background:var(--medium-beige);color:var(--text-color);border:none;border-radius:80px;padding:.75rem 1.5rem;font-size:1rem;font-weight:900;cursor:pointer;transition:all .3s ease;outline:none}.interval-btn:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 16px #00000026}.interval-btn.active{background:var(--blue);color:#fff;box-shadow:0 2px 6px #0067de4d}.interval-btn.active:hover{background:#0052b3;transform:translateY(-2px);box-shadow:0 6px 12px #0067de4d}.plan-card ul{list-style:none;padding:0;margin:0 0 1.7rem;width:100%;text-align:left}.plan-card li{font-size:1.1rem;color:var(--text-color);font-weight:500;margin-bottom:1.15rem;padding-left:1.5rem;position:relative}.plan-card li:before{content:"✓";color:var(--green);font-size:1.2rem;font-weight:900;position:absolute;left:0;top:-.1rem}.plan-card li.promo-feature-item:before{content:none}.plan-card li.promo-feature-item{background-image:none;padding-left:0;list-style-type:none;display:flex;align-items:center}.plan-card li.feature-with-x:before{content:none}.plan-card li.feature-with-x{padding-left:0;display:flex;align-items:center}.plan-price{font-size:1.5rem;font-weight:900;color:var(--blue);margin:auto auto 1rem}.original-monthly-price{font-size:1.2rem;font-weight:500;color:#999;text-decoration:line-through;margin-bottom:.3rem;display:inline-block}.total-value-text{margin-left:.5rem;font-size:1.2rem;font-weight:500;text-decoration:none;display:inline-block}.billing-period{font-size:1rem;font-weight:500;color:var(--text-color);margin-top:.3rem}.subscribe-btn{width:100%;background:var(--blue);color:#fff;font-size:1rem;font-weight:900;border:none;border-radius:80px;padding:.85rem 1.5rem;margin-top:.7rem;box-shadow:0 2px 6px #0067de4d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.subscribe-btn:hover{background:#0052b3;transform:translateY(-2px);box-shadow:0 6px 12px #0067de4d}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.state-funds-link{margin-top:0rem;color:var(--blue);background:var(--blue-light);font-size:1rem;text-align:center;font-weight:600;padding:.75rem 2rem;border-radius:80px;cursor:pointer;transition:all .2s;display:inline-block;text-decoration:none;margin-bottom:8rem}.state-funds-link:hover{background:#d1ebff;transform:translateY(-1px)}.state-funds-section{text-align:center;margin-top:0rem;margin-bottom:4rem;padding:1rem}.state-funds-section p{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:2rem}.state-funds-section .state-funds-link{display:block;margin:1rem auto;max-width:400px;font-size:1.1rem;padding:1rem 2rem;background:var(--blue-light);color:var(--blue);font-weight:700;text-decoration:none;border-radius:80px;transition:all .3s ease;box-shadow:0 2px 8px #0067de1a}.state-funds-section .state-funds-link:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0067de33}.subscription-status{background:#fff;border-radius:12px;padding:3rem;max-width:600px;box-shadow:0 4px 12px #00000014;text-align:center}.subscription-status h2{font-size:2rem;font-weight:900;margin-bottom:1rem;color:var(--text-color)}.subscription-status p{font-size:1.1rem;line-height:1.6;color:var(--text-color);margin-bottom:1rem}.subscription-status.success h2{color:var(--green)}.subscription-status.canceled h2{color:var(--red)}@media (max-width: 900px) and (min-width: 600px){.subscription-container{gap:1rem;max-width:100%;padding:0 1rem}.plan-card{min-width:280px;max-width:320px;padding:2rem 1.5rem 1.8rem}.plan-card h2{font-size:1.5rem;margin-bottom:1.2rem}.plan-card li{font-size:1rem;margin-bottom:.9rem}.plan-price,.original-monthly-price,.total-value-text{font-size:1.1rem}.plan-card .badge{right:16px;top:-16px;font-size:.8rem;padding:.4rem 1rem}.subscribe-btn{font-size:.9rem;padding:.75rem 1.2rem}}@media (max-width: 599px){.subscription-container{flex-direction:column;align-items:center;gap:2.2rem}.plan-card{min-width:260px;max-width:80vw;padding:2rem 1.2rem 1.5rem}.plan-card .badge{right:12px;top:-14px;font-size:.85rem;padding:.4rem 1rem}}.page-header{font-size:3rem;font-weight:900;color:var(--text-color);margin:2rem 0 .5rem;text-align:center;letter-spacing:-1px}.subscription-page-bg p{font-size:1.2rem}.plan-card.current-plan{border-color:var(--green);background:#f8fffa}.plan-card.current-plan.highlight{border-color:var(--green);background:#f8fffa;box-shadow:0 4px 12px #17cc4a26}.course-selection-container{padding:2rem;max-width:1200px;width:90%;position:relative;margin-top:4rem}.course-selection-header{text-align:center;margin-bottom:3rem;position:relative}.back-btn{position:absolute;top:0;left:0;background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:80px;padding:.75rem 1.5rem;font-size:1rem;font-weight:900;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.back-btn:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0067de33}.course-selection-header h1{font-size:2.5rem;font-weight:900;color:var(--text-color);margin-bottom:0rem}.course-selection-header p{font-size:1.2rem;color:var(--text-color);margin-bottom:0}.close-modal-btn{position:absolute;top:-1rem;right:-1rem;background:var(--red);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal-btn:hover{background:#c00;transform:scale(1.1)}.courses-loading{text-align:center;font-size:1.2rem;color:var(--text-color);padding:3rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:3rem;margin-bottom:2rem;justify-items:center}.course-item{cursor:pointer;transition:all .3s ease;text-align:center;width:auto}.course-item:hover{transform:translateY(-4px)}.course-image-container{position:relative;margin-bottom:1rem}.course-item .course-image{width:100%;height:auto;object-fit:cover;border-radius:16px;border:3px solid transparent;transition:all .3s ease;margin:0}.course-item:hover .course-image{border-color:var(--green);box-shadow:0 8px 24px #0067de26}.course-item.selected .course-image{border-color:var(--green);box-shadow:0 8px 24px #00d91640}.selected-overlay{position:absolute;top:10px;right:5px;background:var(--green);color:#fff;font-size:1.2rem;font-weight:900;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0009;z-index:2}.course-item .course-title{font-size:1rem;font-weight:600;color:var(--text-color);text-align:center;line-height:1.3;margin:0 auto}.course-card{background:#fff;border:3px solid var(--medium-beige);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.course-card:hover{border:3px solid var(--green);transform:translateY(-4px);box-shadow:0 8px 24px #0067de26}.course-card.selected{border-color:var(--green);background:#f0f8ff;box-shadow:0 8px 24px #0067de33}.course-description{font-size:1rem;color:var(--text-color);line-height:1.5;margin-bottom:1rem;flex-grow:1}.selected-indicator{background:var(--green);color:#fff;font-size:.9rem;font-weight:900;padding:.5rem 1rem;border-radius:80px;position:absolute;top:-10px;right:15px;box-shadow:0 2px 8px #17cc4a4d}.course-selection-footer{text-align:center;padding-top:2rem}.continue-checkout-btn{background:var(--green);color:#fff;font-size:1.2rem;font-weight:900;border:none;border-radius:80px;padding:1rem 2.5rem;box-shadow:0 4px 12px #17cc4a4d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto}.continue-checkout-btn:hover{background:#15a855;transform:translateY(-2px);box-shadow:0 6px 16px #17cc4a66}.continue-checkout-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.course-selection-container{margin:1rem;padding:1.5rem;width:95%}.course-selection-header h1{font-size:2rem}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.course-image{width:180px;height:180px}.back-btn{position:static;margin-bottom:1rem}}.subscription-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:subscription-spinner-rotate .8s linear infinite}@keyframes subscription-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-btn-loading{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;padding:0;margin:.7rem auto 0;border-radius:50%;cursor:not-allowed;pointer-events:none;transition:all .3s ease;overflow:hidden;flex-shrink:0;background:var(--blue);color:#fff;border:none;box-shadow:0 2px 6px #0067de4d;display:flex;align-items:center;justify-content:center}.subscription-btn-loading:hover{transform:none;background:var(--blue)}.subscription-continue-btn-loading{position:relative;width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;padding:0;border-radius:50%;cursor:not-allowed;pointer-events:none;transition:all .3s ease;overflow:hidden;flex-shrink:0;background:var(--green);color:#fff;border:none;box-shadow:0 4px 12px #17cc4a4d;display:flex;align-items:center;justify-content:center;margin:0 auto}.subscription-continue-btn-loading:hover{transform:none;background:var(--green)}.subscription-continue-btn-loading .subscription-spinner{width:24px;height:24px}.adventurer-page-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem}.adventurer-page-with-banner{padding-top:45px}.explorer-page-close-button{position:fixed;top:8px;left:8px;width:50px;height:50px;border-radius:50%;background-color:#00000080;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1002;padding:0;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.explorer-page-close-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.explorer-page-close-button:active{transform:scale(.95)}.sticky-header{position:fixed;top:60px;left:0;width:100%;background-color:#fff;box-shadow:0 4px 12px #00000014;z-index:1000;padding:1rem 0;display:flex;justify-content:center;align-items:center;animation:slideDown .3s ease-in-out}.adventurer-page{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box;padding:0 0 120px;margin:0}.adventurer-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;padding:2rem;width:100%;max-width:1000px}.page-subheader{margin-top:5rem;margin-bottom:0;text-align:center;font-size:2.5rem;line-height:1;font-weight:900;color:var(--blue);width:auto;display:inline-block;position:relative;width:100%;padding-bottom:0}.adventurer-membership-title{display:inline-block;width:auto;border-bottom:3px solid var(--blue);padding-bottom:.5rem}.adventurer-headline{text-align:center;font-size:4.2rem;padding-top:0;line-height:1;font-weight:900;margin-bottom:6rem;color:var(--text-color);width:80%;max-width:1000px}.adventurer-content{display:flex;gap:3rem;width:100%;max-width:1000px;align-items:flex-start}.adventurer-image-placeholder{flex:1;position:relative}.adventurer-image-placeholder img{width:110%;height:auto;position:relative;right:10%;top:0;margin-bottom:3rem}.product-rating{text-align:center;margin-top:-30px;padding:0 10%}.rating-stars{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.stars{font-size:1.2rem;color:#ddd;position:relative;letter-spacing:2px}.stars:before{content:"★★★★★";position:absolute;top:0;left:0;width:92%;color:#ffc107;overflow:hidden;letter-spacing:2px}.rating-number{font-size:1.1rem;font-weight:700;color:var(--text-color)}.rating-count{font-size:.9rem;color:#666;font-weight:500}.adventurer-benefits{flex:1;max-width:none}.adventurer-plan-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;width:100%;max-width:none}.adventurer-plan-card h2{font-size:2rem;font-weight:700;margin-bottom:1rem;margin:0 auto 1.5rem;padding-bottom:.5rem;border-bottom:3px solid var(--dark-beige)}.adventurer-plan-card ul{list-style:none;padding:0;margin:0 0 1rem;width:100%;text-align:left;flex-grow:1}.adventurer-plan-card li{position:relative;display:flex;align-items:center;margin-bottom:0;padding:.35rem 1rem .35rem 2.5rem;border-radius:8px!important;min-height:38px}.adventurer-plan-card li:nth-child(2n){background:#0000000d!important}.adventurer-plan-card li:before{content:"✓";color:var(--green);font-size:1.2rem;font-weight:900;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}.adventurer-benefit-item{display:flex;justify-content:space-between;align-items:center;width:100%}.adventurer-benefit-text{flex-grow:1;font-weight:600;font-size:1.1rem}.adventurer-benefit-value{font-weight:600;white-space:nowrap;margin-left:1rem;color:var(--text-color);text-align:right;flex-shrink:0;opacity:.6}.adventurer-summary{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin:.5rem 0 0;padding:0rem 0;height:auto}.adventurer-summary .plan-price{margin-top:0;margin-bottom:0;font-size:1.1rem;font-weight:700;color:var(--text-color)}.adventurer-summary .adventurer-total-value{font-size:1.8rem;margin-top:.9rem;font-weight:900;color:var(--text-color)}.adventurer-summary .plan-price .billing-period{font-size:1rem;font-weight:500;color:var(--text-color);margin-top:.3rem}.billing-options-header{font-size:1.3rem;font-weight:700;color:var(--blue);margin:0;text-align:center}.billing-options{display:flex;flex-direction:column;gap:.55rem;width:100%;margin:1rem 0}.billing-option{display:flex;align-items:center;padding:.7rem 1rem .7rem .8rem;border:2px solid var(--border-color);border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s ease-in-out;font-weight:700;color:var(--text-color)}.billing-option:has(input:checked){border-color:var(--blue);background-color:#0073ff1a}.billing-option input[type=radio]{margin-right:1rem;accent-color:var(--blue);width:18px;height:18px}.billing-option .original-price,.adventurer-page .original-price{text-decoration:line-through;color:var(--text-color);font-size:1.1rem;margin:0;font-weight:600}.adventurer-price-info-placeholder{height:48px}.adventurer-plan-card .subscribe-btn{width:100%;font-size:1.2rem}.start-trial-btn{background:var(--blue);color:#fff;border:none;padding:15px 20px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;width:100%;text-align:center;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;height:54px}.start-trial-btn:hover{background-color:#0056b3}.esa-info-container{width:100%;margin-top:1rem;text-align:center}.esa-info-toggle{background:none;border:none;padding:.5rem;margin:0;font:inherit;color:var(--text-color);opacity:.7;cursor:pointer;display:inline-flex;align-items:center;font-size:1.1rem;font-weight:500;transition:opacity .2s ease-in-out}.esa-info-toggle:hover{opacity:1;text-decoration:underline}.esa-info-toggle .faq-icon{margin-left:.25rem}.esa-info-content{overflow:hidden;padding:1rem 1.25rem;margin-top:.75rem;font-size:1rem;line-height:1.6;font-weight:500;color:var(--text-color);text-align:left;border:3px solid var(--dark-beige);border-radius:8px;background-color:#fafafa;animation:fadeIn .3s ease-in-out}.esa-info-content p{margin-bottom:1em}.esa-info-content p:last-child{margin-bottom:0}.esa-info-content a{color:var(--blue);font-weight:600;text-decoration:none}.esa-info-content a:hover{text-decoration:underline}.start-trial-btn:disabled{background-color:#ccc;cursor:not-allowed}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #ffffff;width:24px;height:24px;animation:spin 1s linear infinite}@media (max-width: 1024px) and (min-width: 769px){.adventurer-headline{font-size:4.1rem;margin-bottom:4rem}.adventurer-content{gap:2.5rem;max-width:900px}.adventurer-image-placeholder img{width:100%;left:0;right:0}.adventurer-plan-card h2{font-size:1.8rem}.adventurer-benefit-text{font-size:1rem}.faq-headline{font-size:2.5rem}.sticky-header-content{padding:0 1.5rem}}@media (max-width: 768px){.adventurer-content{flex-direction:column;align-items:center;gap:2rem}.adventurer-container{padding:20px}.adventurer-headline{font-size:3.5rem;margin-bottom:3rem;width:90%;margin-top:1rem}.page-subheader{margin-top:8rem}.adventurer-plan-card{padding:2rem 1.5rem 1.8rem;width:calc(100% - 3rem)}.adventurer-plan-card h2{font-size:1.6rem;margin-bottom:1.2rem}.adventurer-plan-card li{font-size:1rem;margin-bottom:.9rem}.product-rating{margin-top:-20px;padding:0 5%}.rating-stars{gap:.25rem}.stars,.rating-number{font-size:1rem}.rating-count{font-size:.8rem}.adventurer-features-section{margin-top:5rem;padding:0 1.5rem}.faq-section{margin:5rem auto 0;padding:0 1.5rem 3rem}.faq-section h2{margin-bottom:4rem}.faq-headline{font-size:2.2rem;margin-bottom:2rem}.billing-options-header{font-size:1.2rem}.billing-option{font-size:1rem;padding:.6rem .8rem}.sticky-header-content{flex-direction:column;gap:1rem;padding:0 1rem}.sticky-billing-options .billing-cycle-select{min-width:200px;font-size:.9rem}.sticky-header{top:70px}.adventurer-image-placeholder img{width:100%;right:0}.adventurer-sticky-bottom-content{flex-direction:column;gap:1rem;padding:0 1rem}.adventurer-sticky-billing-options .billing-cycle-select{min-width:100%;width:100%}.adventurer-sticky-buttons{width:100%;flex-direction:row;justify-content:space-between}.adventurer-sticky-buttons .subscribe-btn,.not-now-btn{flex:1;text-align:center;padding:.8rem 1rem}.adventurer-page{padding-bottom:160px}}@media (max-width: 480px){.adventurer-headline{font-size:1.8rem;margin-bottom:2rem;width:95%}.adventurer-content{gap:1.5rem}.adventurer-plan-card{padding:1.5rem 1rem;width:calc(100% - 3rem)}.adventurer-plan-card h2{font-size:1.4rem;margin-bottom:1rem}.adventurer-benefit-text{font-size:.9rem}.adventurer-plan-card li{font-size:.9rem;padding:.3rem .8rem .3rem 2rem;min-height:32px}.adventurer-plan-card li:before{font-size:1rem;left:.8rem}.billing-options-header{font-size:1.1rem}.billing-option{font-size:.9rem;padding:.5rem .6rem}.billing-option input[type=radio]{width:16px;height:16px;margin-right:.8rem}.plan-price{font-size:1rem!important}.subscribe-btn,.start-trial-btn{font-size:1rem;padding:12px 16px}.faq-headline{font-size:1.8rem;margin-bottom:1.5rem}.faq-question{font-size:1rem;padding:1.2rem .8rem}.faq-answer{font-size:1rem;padding:0 .8rem .8rem}.adventurer-features-section{margin-top:3rem;padding:0 1rem}.faq-section{margin:3rem auto 0;padding:0 1rem 2rem}.sticky-header-content{padding:0 .8rem}.sticky-billing-options .billing-cycle-select{min-width:180px;font-size:.8rem;padding:.6rem .8rem}.sticky-header .subscribe-btn{font-size:1rem;padding:.6rem 1rem;min-width:120px}.esa-info-content{font-size:.9rem;padding:.8rem 1rem}.esa-info-toggle{font-size:.8rem}.adventurer-sticky-buttons{flex-direction:column;gap:.5rem}.adventurer-sticky-buttons .subscribe-btn,.not-now-btn{width:100%}.adventurer-page{padding-bottom:180px}}.adventurer-features-section{width:100%;max-width:1100px;margin-top:7rem;padding:0 2rem;box-sizing:border-box;text-align:left}.faq-section{width:100%;max-width:1100px;margin:7rem auto 0;padding:2rem 2rem 5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.faq-section h2{margin-bottom:4rem}.faq-headline{text-align:center;font-size:2.8rem;font-weight:900;margin-bottom:3rem;color:var(--text-color)}.faq-container{width:100%;max-width:800px;margin:0 auto}.faq-item{box-shadow:var(--shadow-mini)}.faq-question{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;font-size:1.2rem;font-weight:600}.faq-icon{transition:transform .2s ease-in-out;flex-shrink:0;margin-left:1rem;display:flex;align-items:center}.faq-answer{overflow:hidden;padding:0 1rem 1rem;font-size:1.1rem;line-height:1.6;color:#555;text-align:left;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding:0 2rem;box-sizing:border-box}.sticky-billing-options .billing-cycle-select{padding:.75rem 1rem;font-size:1rem;border-radius:8px;border:2px solid var(--border-color);font-weight:600;cursor:pointer;background-color:#fff;color:var(--text-color);min-width:250px}.sticky-header .subscribe-btn{width:auto;min-width:150px;padding:.8rem 1.5rem;font-size:1.2rem;margin-top:0;flex-shrink:0;height:auto}.summer-benefits-section{width:100%;margin-top:0rem}.summer-benefits-header{background-color:var(--blue);color:#fff;padding:.25rem 1rem;font-size:1.1rem;font-weight:700;text-align:center;border-radius:6px;margin-bottom:.25rem}.summer-benefits-section ul{list-style:none;padding:0;margin:0;width:100%}.summer-benefits-section li{position:relative;display:flex;align-items:center;margin-bottom:0;padding:.35rem 1rem .35rem 2.5rem;border-radius:8px!important;min-height:38px}.summer-benefits-section li:nth-child(2n){background:#0000000d!important}.summer-benefits-section li:before{content:"✓";color:var(--green);font-size:1.2rem;font-weight:900;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}.adventurer-sticky-bottom{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;box-shadow:0 -4px 12px #00000026;z-index:1000;padding:.4rem 0 .5rem;border-top:1px solid var(--border-color)}.adventurer-sticky-bottom-content{display:flex;justify-content:center;align-items:center;gap:2rem;max-width:1000px;margin:0 auto;padding:0 1rem}.adventurer-sticky-billing-options{display:flex;align-items:center}.adventurer-sticky-billing-options .billing-cycle-select{padding:.6rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;background-color:#fff;color:var(--text-color);cursor:pointer;min-width:250px}.adventurer-sticky-buttons{display:flex;gap:1rem;align-items:center;padding:.75rem 1.5rem 1rem}.adventurer-sticky-buttons .subscribe-btn{background:var(--blue);color:#fff;border:none;font-size:1.1rem;font-weight:700;border-radius:80px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;margin:0}.adventurer-sticky-buttons .subscribe-btn:hover{background-color:#0056b3}.adventurer-sticky-buttons .subscribe-btn:disabled{background-color:#ccc;cursor:not-allowed}.not-now-btn{padding:.75rem 1.5rem 1rem;background:#d8e8ffa6;color:var(--blue);font-size:1.1rem;font-weight:700;border-radius:80px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.not-now-btn:hover{background-color:var(--border-color)}.adventurer-page-with-banner{padding-top:100px}.homeschool-curriculum-link{text-align:center;margin:2rem 0;font-size:1.1rem;font-weight:500}.homeschool-curriculum-link a{color:#1e1e1e;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color .3s}.homeschool-curriculum-link a:hover{color:#007bff}.homeschool-curriculum-link svg{transition:transform .3s}.homeschool-curriculum-link a:hover svg{transform:translate(4px)}.adventurer-sticky-bottom{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}.adventurer-sticky-bottom.hide{transform:translateY(100%);opacity:0;pointer-events:none}.adventurer-sticky-bottom.show{transform:translateY(0);opacity:1;pointer-events:auto}.courses-showcase-section{width:100%;overflow:hidden}.courses-horizontal-scroll{width:100%;max-width:100vw;box-sizing:border-box}.courses-scroll-container{max-width:none;width:200%!important}.courses-scroll-container.auto-scrolling{animation:scrollCourses 40s linear infinite!important}.courses-scroll-container.manual-scrolling{animation:none!important}@keyframes scrollCourses{0%{transform:translate(0)}to{transform:translate(-50%)}}.courses-scroll-container.auto-scrolling .course-showcase-card:hover{transform:none!important;scale:none!important;box-shadow:var(--shadow-large)!important;opacity:.9}.courses-scroll-container.manual-scrolling .course-showcase-card:hover{transform:translateY(-16px);scale:1.03;box-shadow:var(--shadow-large)}.course-showcase-card:before{background:#0000001a!important}.course-nav-arrow{display:flex!important;opacity:1!important;pointer-events:auto!important}.courses-scroll-container.auto-scrolling:hover{animation-play-state:paused!important}.subscription-page-bg{overflow-x:hidden}.adventurer-page{overflow-x:hidden;max-width:100vw;box-sizing:border-box}.early-bird-banner{background-color:var(--blue);color:#fff;padding:.75rem 1.5rem;text-align:center;font-weight:600;font-size:1rem;width:100%;box-sizing:border-box;position:fixed;top:0;left:0;z-index:1001;display:flex;justify-content:center;align-items:center}.early-bird-banner p{margin:0;display:flex;align-items:center;justify-content:center}.early-bird-icon{height:2.1em;width:auto;margin-right:.5rem;vertical-align:middle}.countdown{background-color:#000000b3;padding:.25rem .9rem;border-radius:4px;font-weight:700;margin-left:.5rem}@media (max-width: 480px){.countdown{display:block}}.adventurer-success-page{min-height:100vh;background:var(--bg-color);padding:2rem 0}.success-container{max-width:1200px;margin:0 auto;padding:0 2rem}.success-header{text-align:center;margin-bottom:3rem}.success-header{font-size:1.2rem;font-weight:900;display:inline-block;margin:0 auto;width:auto;color:#fff;background-color:var(--blue);margin-bottom:2.5rem;padding:.5rem 1rem;border-radius:36px}.success-subtitle{font-size:1.2rem;margin:0}.course-selection-section h2{font-size:2.5rem;font-weight:900;color:var(--text-color);text-align:center;margin-bottom:1rem}.selection-description{font-size:1.2rem;text-align:center;max-width:800px;margin:0 auto 3rem;line-height:1.6}.success-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.success-course-card{border-radius:var(--cover-border-radius);box-shadow:var(--shadow-medium);transition:all .3s ease;cursor:pointer;position:relative;height:380px;background-size:cover;background-position:center;overflow:hidden;text-align:left}.success-course-card:hover{transform:translateY(-8px);scale:1.03;box-shadow:var(--shadow-large)}.success-course-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 40%,#000000b3);z-index:1}.success-course-showcase-image,.success-course-showcase-image img{display:none}.success-course-title{position:absolute;bottom:2rem;left:1.5rem;right:1.5rem;font-size:2.2rem;font-weight:900;color:#fff;margin:0;line-height:1.1;z-index:2}.success-select-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:#fffffff2;color:var(--text-color);border:none;padding:.75rem 1.25rem;border-radius:25px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;z-index:2}.success-select-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.05)}.success-select-button.selected{background:var(--green);color:#fff}.success-select-button.selected:hover{background:#16a34a;transform:translate(-50%,-50%) scale(1.05)}.continue-section{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;padding:2rem;background:#fff;border-radius:6px;box-shadow:var(--shadow-medium);position:sticky;bottom:1rem;left:0;right:0;z-index:100;border:1px solid var(--dark-beige)}.selected-count{font-size:1.1rem;font-weight:600;color:var(--text-color)}.continue-button{display:flex;align-items:center;gap:.5rem;background:var(--blue);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:900;cursor:pointer;transition:all .3s ease}.continue-button:hover:not(:disabled){background:#0969da;transform:translateY(-2px)}.continue-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.book-store-section h2{font-size:2.5rem;font-weight:900;color:var(--text-color);text-align:center;margin-bottom:1rem}.store-description{font-size:1.1rem;color:#666;text-align:center;max-width:600px;margin:0 auto 3rem;line-height:1.6}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:3rem}.course-material-card{background-color:#fff;box-shadow:var(--shadow-small);overflow:hidden;display:flex;flex-direction:column;border-radius:6px;transition:transform .3s ease,box-shadow .3s ease}.course-material-info{padding:1.5rem;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--dark-beige);border-radius:0 0 6px 6px}.checkout-section{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;padding:2rem;background:#fff;border-radius:6px;box-shadow:var(--shadow-medium);position:sticky;bottom:1rem;left:0;right:0;z-index:100;border:1px solid var(--dark-beige)}.cart-summary{text-align:center;margin-bottom:2rem}.cart-total{font-size:1.5rem;font-weight:800;color:var(--text-color);display:flex;align-items:center;gap:10px}.original-total-price{text-decoration:line-through;color:#757575;font-weight:600;margin-right:8px}.show-more-section{text-align:center;margin:2rem 0}.show-other-books-button{background:none;color:var(--blue);border:2px solid var(--blue);padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.show-other-books-button:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.checkout-buttons{display:flex;gap:1rem;align-items:center}.success-skip-button{background:none;background:#e2e8f0;color:var(--blue);padding:12px 24px;border-radius:50px;font-size:1.1rem;font-weight:900;cursor:pointer;transition:all .3s ease}.success-skip-button:hover{border-color:#cbd5e1;background:#f8fafc}.checkout-button{display:flex;align-items:center;gap:.5rem;background:var(--green);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.checkout-button:hover{background:#16a34a;transform:translateY(-2px)}.checkout-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.checkout-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:20px;height:20px;animation:spin 1s linear infinite}.loading{text-align:center;font-size:1.2rem;color:#666;padding:4rem 2rem}@media (max-width: 768px){.adventurer-success-page{padding:1rem 0}.success-container{padding:0 1rem}.success-header h1{font-size:2rem}.course-selection-section h2,.book-store-section h2{font-size:1.8rem}.success-courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.success-course-card{height:250px}.success-course-title{font-size:1.1rem}.continue-section{flex-direction:column;gap:1rem}.books-grid{grid-template-columns:1fr}.course-material-card{max-width:400px;margin:0 auto}.checkout-section{flex-direction:column;gap:1rem}.checkout-buttons{flex-direction:column;width:100%}.success-skip-button,.checkout-button,.show-other-books-button{width:100%}.cart-total{flex-direction:column;gap:5px}.discount-badge,.discount-promo{font-size:.7em}}.book-product-page{min-height:100vh;background:var(--light-beige);color:var(--text-color);align-items:center}.book-nav{background:var(--medium-beige);padding:1rem 0;box-shadow:0 2px 8px #00000014;top:0;z-index:100}.book-nav-content{max-width:1200px;margin:0 auto;padding:0 2rem}.book-product-page .adventurer-features-section{margin:1rem auto}.book-nav-logo img{height:40px;width:auto}.book-sticky-header{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 4px 12px #0000001a;z-index:1000;padding:1rem 0;animation:slideDown .3s ease-in-out}.book-sticky-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;gap:2rem}.book-sticky-text{flex:1}.book-sticky-text span{font-size:1.1rem;font-weight:700;color:var(--text-color)}.book-sticky-btn{background:var(--blue);color:#fff;border:none;padding:.75rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0040ff4d;flex-shrink:0}.book-sticky-btn:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0040ff66}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.countdown-bar{background:#293ea6;color:#fff;padding:.75rem 0;text-align:center;font-weight:900;font-size:1.2rem}.countdown-number{background:var(--green);padding:.1rem .5rem .1rem .6rem;border-radius:5px;font-size:1.5rem;font-weight:900;color:#303031;text-align:center;box-shadow:0 2px 12px 2px #01ff7880;margin:0 .5rem;display:inline-block;transition:transform .1s ease}.countdown-number:hover{transform:scale(1.05)}.countdown-content{max-width:1200px;margin:0 auto;padding:0 2rem}.countdown-text{font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.countdown-text strong{font-size:1.2rem;text-decoration:underline}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.book-product-main{padding:4rem 0}.book-product-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.book-product-images{display:flex;flex-direction:column;gap:1rem;overflow:visible}.book-main-image{position:relative;width:100%;max-width:700px;aspect-ratio:1;overflow:hidden;background:#fff;overflow:visible}.book-main-image img{width:100%;height:100%;object-fit:cover}.image-loading,.image-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-color);background:var(--light-beige)}.image-error{color:#ef4444}.book-image-nav{position:absolute;top:50%;left:-20px;right:-20px;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none;overflow:visible}.book-image-nav-btn{background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;pointer-events:all;box-shadow:0 4px 12px #00000026}.book-image-nav-btn:hover{background:#fff;transform:scale(1.1)}.book-image-nav-btn svg{color:var(--blue)}.book-thumbnails{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.book-thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease;background:#fff;padding:0}.book-thumbnail:hover{border-color:var(--blue);transform:scale(1.05)}.book-thumbnail.active{border-color:var(--blue);box-shadow:0 0 0 2px #0067de33}.book-thumbnail img{width:100%;height:100%;object-fit:cover}.book-product-info{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.book-title{font-size:2.5rem;font-weight:900;line-height:1.2;margin:0;color:var(--text-color)}.book-rating{display:flex;flex-direction:column;gap:.5rem}.book-product-info .rating-stars{display:flex;align-items:left;gap:.75rem;float:left;text-align:left;margin-right:auto}.stars{color:gold;font-size:1.25rem}.rating-number{font-weight:600;font-size:1.1rem;color:var(--text-color)}.rating-count{color:#6b7280;font-size:.95rem}.book-price{display:flex;align-items:center;gap:1rem}.original-price{font-size:1.5rem;color:var(--text-color);text-decoration:line-through;opacity:.8}.free-price{font-size:2rem;font-weight:900;color:var(--green);letter-spacing:.05em}.book-description{display:flex;flex-direction:column;gap:1rem}.book-description p{font-size:1.125rem;line-height:1.6;color:var(--text-color);margin:0;white-space:pre-line}.read-more-btn{align-self:flex-start;background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;font-size:1rem;padding:0}.read-more-btn:hover{color:var(--blue-dark)}.get-free-book-btn{background:var(--blue);color:#fff;border:none;padding:1.25rem 3rem;border-radius:50px;font-weight:700;font-size:1.3rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0040ff4d}.get-free-book-btn:hover{transform:translateY(-4px);box-shadow:0 8px 26px #0003}.book-media-section{width:100%;max-width:1100px;margin:2rem auto;padding:0 2rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-media-section p{display:block}.book-media-image{width:100%;height:auto;border-radius:12px}@media (max-width: 1023px){.book-product-container{grid-template-columns:1fr;gap:3rem;text-align:center}.book-main-image{max-width:400px;margin:0 auto}.book-title{font-size:2rem}.get-free-book-btn{align-self:center;max-width:400px}.book-media-section{margin:1rem auto;padding:0 1.5rem}.book-sticky-header-content{padding:0 1.5rem;gap:1.5rem}.book-sticky-text span{font-size:1rem}.book-sticky-btn{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width: 767px){.book-nav-content,.countdown-content{padding:0 1rem}.countdown-text{font-size:.9rem;flex-direction:column;gap:.25rem}.book-product-main{padding:2rem 0}.book-product-container{padding:0 1rem;gap:2rem}.book-main-image{max-width:320px}.book-title{font-size:1.75rem}.book-thumbnails{gap:.5rem}.book-thumbnail{width:60px;height:60px}.get-free-book-btn{padding:1rem 2rem;font-size:1.1rem;width:100%}.book-image-nav-btn{width:40px;height:40px}.book-image-nav-btn svg{width:24px;height:24px}.book-media-section{margin:1rem auto;padding:0 1rem}.book-sticky-header-content{flex-direction:column;text-align:center;gap:1rem;padding:0 1rem}.book-sticky-text span{font-size:.95rem}.book-sticky-btn{width:100%;max-width:250px;padding:.7rem 1.2rem;font-size:.95rem}}@media (max-width: 480px){.book-title{font-size:1.5rem}.book-main-image{max-width:280px}.book-description p{font-size:1rem}.countdown-text{font-size:.85rem}.book-thumbnail{width:50px;height:50px}.book-media-section{margin:1.5rem auto;padding:0 .5rem}.book-sticky-header{padding:.75rem 0}.book-sticky-header-content{padding:0 .5rem;gap:.75rem}.book-sticky-text span{font-size:.85rem;line-height:1.3}.book-sticky-btn{padding:.6rem 1rem;font-size:.9rem}}.subscription-status-page{min-height:100vh;background:var(--primary-bg);padding:2rem;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.subscription-status-container{max-width:800px;width:100%;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 12px #00000014;color:var(--text-color);margin-bottom:auto}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.status-header h1{font-size:2.5rem;font-weight:900;color:var(--text-color);margin:0}.user-email{font-size:1rem;color:#666;margin:.5rem 0 0;font-weight:500}.refresh-link{color:var(--blue);text-decoration:none;font-size:1rem;font-weight:600;cursor:pointer;transition:color .3s ease}.refresh-link:hover{color:#0052b3;text-decoration:underline}.loading-container,.no-info-container{text-align:center;padding:3rem}.no-subscriptions{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem}.no-subscriptions h2{color:var(--text-color);margin-bottom:1rem}.subscribe-link{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:80px;font-weight:700;margin-top:1rem;transition:all .3s ease}.subscribe-link:hover{background:#0052b3;transform:translateY(-2px)}.active-subscriptions h2{font-size:1.8rem;color:var(--blue);margin-bottom:1.5rem}.subscription-card{border-radius:12px;margin-bottom:1.5rem;transition:all .3s ease}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subscription-header h3{color:var(--text-color);font-size:1.5rem;font-weight:900;margin:0}.subscription-card.expiring-soon .subscription-header h3{color:#ff9500}.status-badge{padding:.4rem 1rem;border-radius:80px;font-size:.9rem;font-weight:700}.status-badge.active{background:var(--green);color:#fff}.subscription-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-color)}.detail-value{color:#666}.renewal-status{font-weight:600}.renewal-status.active{color:var(--green)}.renewal-status.inactive{color:#ff9500}.billing-issue{background:#fee;color:var(--red);padding:.75rem;border-radius:8px;margin-top:1rem;font-weight:600}.expiry-warning{color:#ff9500;padding:.75rem;border-radius:8px;margin-top:1rem;font-weight:600;text-align:center}.expiry-warning.renewal-reminder{background:#f0f8ff;color:var(--blue)}.subscription-info{background:var(--blue-light);border-radius:12px;padding:1.5rem;margin-top:2rem}.subscription-info h3{color:var(--text-color);margin-bottom:.75rem}.subscription-info p{color:#666;line-height:1.6;margin-bottom:1rem}.info-links{display:flex;gap:1rem;flex-wrap:wrap}.info-link{color:var(--blue);text-decoration:none;font-weight:600;padding:.5rem 1rem;background:var(--blue-light);border-radius:80px;transition:all .3s ease}.info-link:hover{background:#d1ebff;transform:translateY(-1px)}.subscription-actions{margin-top:0rem;padding-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.manage-subscription-button{background:var(--blue);color:#fff;border:none;border-radius:80px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:200px}.manage-subscription-button:hover{background:#0052b3;transform:translateY(-2px);box-shadow:0 4px 8px #0067de4d}.subscription-btn-loading{background:var(--blue);color:#fff;border:none;border-radius:80px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:not-allowed;opacity:.8;min-width:200px;display:flex;justify-content:center;align-items:center}.subscription-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.cancel-subscription-button{background:transparent;color:#ff3b30;border:2px solid #ff3b30;border-radius:80px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;min-width:150px}.cancel-subscription-button:hover{background:#ff3b30;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ff3b304d}.ios-subscription-message{background:#f0f8ff;border:2px solid var(--blue-light);border-radius:12px;padding:1rem 1.5rem}.ios-subscription-message p{margin:0;color:var(--blue);font-weight:500;line-height:1.6}@media (min-width: 769px){.active-subscriptions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.subscription-card{flex:1 1 320px;max-width:350px;display:flex;flex-direction:column;margin-bottom:0}.subscription-actions{margin-top:auto}}@media (max-width: 768px){.subscription-status-page{padding:1rem}.subscription-status-container{padding:1.5rem}.status-header{flex-direction:column;text-align:center}.status-header h1{font-size:2rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.subscription-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.members-store-page{padding:20px;max-width:1200px;margin:0 auto}.members-store-banner{display:flex;align-items:center;justify-content:center;padding:15px 20px;color:var(--text-color);border-radius:12px;text-align:center}.members-store-banner h1{margin:0 15px;font-size:2.5em;font-weight:700;padding-bottom:0}.members-store-subtitle{text-align:center;font-size:1.3em;color:var(--text-color);margin-bottom:var(--section-margin-bottom);margin-top:0}.course-materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.course-material-card{background-color:#fff;box-shadow:var(--shadow-small);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.course-material-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden}.course-material-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-bottom:1px solid #eee}.course-material-image-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;opacity:0;transition:opacity .3s ease}.course-material-card:hover .course-material-image-nav{opacity:1}.image-nav-btn-store{background-color:#0006;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.image-nav-btn-store:hover{background-color:#0009}.course-material-info{padding:1.5rem;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--dark-beige)}.course-material-info h3{font-size:1.4em;margin-top:0;margin-bottom:10px;line-height:1.2}.book-price-store{margin-bottom:15px}.original-price-store{text-decoration:line-through;color:#757575;font-size:1em;margin-right:8px}.sale-price-store{color:#4a4a4a;font-size:1em;font-weight:700}.book-purchase-button-store{background-color:var(--blue);color:#fff;border:none;padding:12px 20px;border-radius:38px;font-size:1em;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:100%;margin-top:auto}.book-purchase-button-store:hover{background-color:#0056b3;transform:scale(1.03)}.course-btn-loading{background-color:#b0c4de;color:#333;padding:12px 20px;border-radius:8px;font-size:1em;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;margin-top:auto}.course-spinner-store{border:3px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#333;width:18px;height:18px;animation:spin 1s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;height:70vh;font-size:1.5em;color:#555}@keyframes spin{to{transform:rotate(360deg)}}.upgrade-membership-section{background-color:#f8f9fa;padding:4rem;margin:4rem auto;border-radius:8px;text-align:center;max-width:700px;box-shadow:0 2px 8px #0000000d}.upgrade-membership-section p{font-size:1.1em;color:#4a4a4a;margin-bottom:15px}.upgrade-membership-button{background-color:var(--blue);color:#fff;border:none;padding:12px 25px;border-radius:38px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.upgrade-membership-button:hover{background-color:#e0a800;transform:scale(1.03)}.course-material-card--disabled{opacity:.5;pointer-events:none}.course-material-card--disabled .book-purchase-button-store{background-color:#ccc;cursor:not-allowed}.course-material-card--disabled .image-nav-btn-store{display:none}.quantity-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto}.quantity-btn{background-color:var(--blue);color:#fff;border:none;border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.quantity-btn:hover{background-color:#0056b3;transform:scale(1.1)}.quantity-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.quantity-display{font-size:1.2em;font-weight:700;color:#333;min-width:30px;text-align:center}.cart-bottom-bar{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid var(--dark-beige );padding:2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -2px 10px #0000001a;z-index:1000}.cart-summary{display:flex;align-items:center;gap:15px;flex:1}.cart-icon-container{position:relative;display:flex;align-items:center;margin:0rem 1rem}.cart-count{position:absolute;top:-8px;right:-8px;background-color:#f44;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700}.cart-details{flex:1}.cart-books{font-size:.9em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;text-align:left}.cart-total{font-size:1.1em;font-weight:700;color:#333;display:flex;align-items:center;gap:10px}.discount-badge{background-color:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:700}.discount-promo{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:400;font-style:italic}.checkout-button{background-color:var(--blue);color:#fff;border:none;padding:12px 24px;border-radius:38px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;min-width:120px}.checkout-button:hover{background-color:#0056b3;transform:scale(1.03)}.checkout-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.checkout-spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:18px;height:18px;animation:spin 1s linear infinite}.members-store-page:has(.cart-bottom-bar){padding-bottom:100px}@media (max-width: 768px){.members-store-banner h1{font-size:1.8em}.course-materials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.course-material-info h3{font-size:1.2em}.book-purchase-button-store{padding:10px 15px;font-size:.95em}}@media (max-width: 480px){.members-store-page{padding:15px}.members-store-banner h1{font-size:1.5em}.members-store-subtitle{font-size:1em}.course-materials-grid{grid-template-columns:1fr;gap:15px}.course-material-card{border-radius:8px}.book-purchase-button-store{font-size:.9em}.cart-bottom-bar{padding:12px 15px;flex-direction:column;gap:10px}.cart-summary{width:100%;justify-content:center}.cart-books{max-width:250px;font-size:.8em}.cart-total{font-size:1em}.checkout-button{width:100%;padding:10px 20px;font-size:1em}.members-store-page:has(.cart-bottom-bar){padding-bottom:120px}.discount-promo{font-size:.7em}}.chip-wrapper{position:fixed;overflow:visible;width:200px;height:200px;pointer-events:none;z-index:1000;transition:top .8s ease-in-out,left .8s ease-in-out,transform .8s ease-in-out}.chip-container{position:relative;width:100%;height:100%;z-index:3;pointer-events:none;transition:all .3s ease-in-out}@media (max-width: 768px){.chip-wrapper{width:160px;height:160px}}.chip-wrapper.position-top-left{top:20px;left:20px}.chip-wrapper.position-option-1{top:43%;left:22%}.chip-wrapper.position-option-2{top:40%;left:37%}.chip-wrapper.position-option-3{top:36%;left:60%}.chip-wrapper.position-top-right{top:150px;left:calc(100vw - 280px)}.chip-wrapper.position-bottom-left{top:calc(100vh - 220px);left:20px}.chip-wrapper.position-bottom-right{top:calc(100vh - 220px);left:calc(100vw - 220px)}.chip-wrapper.position-center{top:50%;left:50%;transform:translate(-50%,-50%)}.chip-wrapper.position-custom{position:absolute;top:auto;left:auto;transform:none}.chip-wrapper.position-top-left,.chip-wrapper.position-top-right,.chip-wrapper.position-bottom-left,.chip-wrapper.position-bottom-right{transform:translate(0)}@media (max-width: 768px){.chip-wrapper.position-top-left{top:10px;left:10px}.chip-wrapper.position-top-right{top:10px;left:calc(100vw - 170px)}.chip-wrapper.position-bottom-left{top:calc(100vh - 170px);left:10px}.chip-wrapper.position-bottom-right{top:calc(100vh - 170px);left:calc(100vw - 170px)}}@keyframes chip-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes chip-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes chip-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.chip-container.animate-bounce{animation:chip-bounce .6s ease-in-out}.chip-container.animate-pulse{animation:chip-pulse 1s infinite}.chip-container.animate-shake{animation:chip-shake .5s ease-in-out}.chip-wrapper.hidden{opacity:0;transform:scale(.8);pointer-events:none}.chip-wrapper.visible{opacity:1;transform:scale(1)}.chip-container.floating{animation:chip-float 3s ease-in-out infinite}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.drawing-canvas-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawing-main-content{display:flex;flex-direction:row;align-items:center;gap:30px;width:100%;max-width:1200px;justify-content:center;margin:auto}.drawing-save-section{width:100%;margin-bottom:20px}.drawing-save-btn{background:var(--green);color:#fff;border:none;border-radius:25px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;box-shadow:0 6px 20px #4caf504d;width:100%}.drawing-save-btn:hover:not(:disabled){background:#43a047;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5066}.drawing-save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.drawing-saving-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:drawing-spin 1s linear infinite}.drawing-canvas-wrapper{background:#fff;border-radius:12px;padding:8px;box-shadow:0 10px 30px #0000004d;border:3px solid rgba(255,255,255,.2);flex-shrink:0}.drawing-controls{display:flex;flex-direction:column;align-items:center;gap:25px;background:#ffffff1a;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);width:250px;flex-shrink:0}.drawing-section-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;text-align:center}.drawing-color-palette{display:flex;flex-direction:column;align-items:center;width:100%}.drawing-colors{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.drawing-color-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0003;flex-shrink:0;padding:0;box-sizing:border-box}.drawing-color-btn:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 6px 16px #0000004d}.drawing-color-btn.active{border-width:4px;box-shadow:0 6px 20px #fff6}.drawing-tools{display:flex;flex-direction:column;align-items:center;width:100%}.drawing-tool-buttons{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.drawing-tool-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 26px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:12px;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;justify-content:center;aspect-ratio:1/1}.drawing-tool-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.drawing-tool-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.drawing-tool-btn span{font-size:14px;font-weight:600}.drawing-brush-size{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.drawing-size-slider-container{display:flex;align-items:center;gap:15px;width:100%}.drawing-size-slider{flex-grow:1;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.drawing-size-icon-wrapper{color:#fff;transition:transform .2s ease-out}.drawing-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--blue);border-radius:50%;cursor:pointer;border:none;box-shadow:0 4px 12px #2196f366;transition:all .3s}.drawing-size-value{display:none}@keyframes drawing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.drawing-main-content{flex-direction:column;align-items:center;gap:20px}.drawing-controls{width:100%;max-width:600px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.drawing-save-section{width:100%;order:-1}.drawing-tool-buttons{flex-direction:row;gap:12px}.drawing-tool-btn{flex-direction:column;min-width:70px;justify-content:center;gap:6px;aspect-ratio:1/.3}.drawing-tool-btn span{font-size:12px}}@media (max-width: 768px){.drawing-canvas-container{padding:15px}.drawing-main-content{gap:15px}.drawing-controls{padding:15px;gap:15px}.drawing-save-btn{padding:10px 16px;font-size:14px}.drawing-colors{width:100%}.drawing-color-btn{width:40px;height:40px}.drawing-tool-buttons{gap:8px}.drawing-tool-btn{padding:10px 12px;min-width:60px}.drawing-canvas-wrapper{padding:4px;border-width:2px}}@media (max-width: 480px){.drawing-controls{flex-direction:column;gap:15px}.drawing-color-btn{width:28px;height:28px}.drawing-tool-buttons{flex-direction:column;gap:6px}.drawing-tool-btn{flex-direction:row;min-width:auto;padding:8px 12px;justify-content:flex-start;aspect-ratio:1/.3}}@media (max-width: 480px) and (orientation: portrait){.drawing-canvas-container{padding:10px;height:100vh;box-sizing:border-box}.drawing-main-content{flex-direction:column;gap:10px;height:100%;justify-content:space-between}.drawing-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:4px;aspect-ratio:1/1;max-width:100%;max-height:60vh;width:auto;height:auto}.drawing-controls{width:100%;padding:12px;gap:12px;flex-shrink:0;max-height:40vh;overflow-y:auto}.drawing-save-section{margin-bottom:10px}.drawing-save-btn{padding:8px 16px;font-size:14px}.drawing-colors{gap:4px;max-width:100%;justify-content:center}.drawing-color-btn{width:30px;height:30px;flex-shrink:0}.drawing-tool-buttons{flex-direction:row;gap:4px;justify-content:center}.drawing-tool-btn{flex-direction:column;padding:1rem;min-width:50px;height:auto;gap:2px}.drawing-tool-btn svg{width:28px!important;height:28px!important}.drawing-size-slider-container{gap:10px}.drawing-section-title{font-size:12px;margin-bottom:8px}}.icp-interactive-content-player{height:100vh;width:100vw;background:#000;position:relative;color:#fff;overflow:hidden}.icp-story-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(100px) brightness(.8);transform:scale(1.1);z-index:1}.icp-back-btn{position:absolute;top:20px;left:20px;z-index:300;background:#0003;color:#fff;border:none;padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;transition:background .2s}.icp-back-btn:hover{background:#000000e6}.icp-video-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:auto;height:100%;aspect-ratio:.73;display:flex;align-items:center;justify-content:center;z-index:10}.icp-video-container video{max-width:100%;max-height:100%;object-fit:cover}.icp-phone-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}.icp-content-title{position:absolute;top:20px;right:20px;z-index:250;font-size:20px;font-weight:700;color:#fff;background:#000000b3;padding:10px 15px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icp-score-display{position:absolute;top:20px;right:20px;z-index:250;background:#ffffff1a;border-radius:15px;padding:15px;width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid rgba(255,255,255,.2)}.icp-score-display.jiggle{animation:icp-scoreJiggle .5s ease-in-out infinite}.icp-current-score{font-size:18px;font-weight:700;text-align:center;margin-bottom:10px;color:#fff}.icp-score-progress{display:flex;flex-direction:column;gap:8px}.icp-score-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.icp-score-fill{height:100%;background:var(--green);border-radius:4px;transition:width .5s ease-out;animation:icp-scoreGlow 2s ease-in-out infinite alternate}.icp-score-text{font-size:14px;text-align:center;color:#fffc;font-weight:500}@keyframes icp-scoreGlow{0%{box-shadow:0 0 5px #4caf5080}to{box-shadow:0 0 15px #4caf50cc}}@keyframes icp-scoreJiggle{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-2deg) scale(1.05)}20%{transform:rotate(2deg) scale(1.1)}30%{transform:rotate(-1deg) scale(1.05)}40%{transform:rotate(1deg) scale(1.1)}50%{transform:rotate(-.5deg) scale(1.05)}60%{transform:rotate(.5deg) scale(1.1)}70%{transform:rotate(-.5deg) scale(1.05)}80%{transform:rotate(.5deg) scale(1.1)}90%{transform:rotate(-.5deg) scale(1.05)}}.icp-phone-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.icp-phone-display{background:#000c;border-radius:20px;padding:30px;text-align:center;box-shadow:0 10px 30px #00000080;animation:icp-phoneRing 2s infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.icp-incoming-call{font-size:18px;margin-bottom:20px;color:#fff}.icp-answer-phone-btn{background:#4caf50;color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;animation:icp-pulse 1.5s infinite}.icp-answer-phone-btn:hover{background:#45a049;transform:scale(1.05)}.icp-phone-icon{font-size:20px}@keyframes icp-phoneRing{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes icp-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icp-id-badge-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:icp-badgeSlideIn .8s ease-out}.icp-badge-container{display:flex;flex-direction:column;align-items:center;gap:30px}.icp-id-badge{background:linear-gradient(145deg,#ffffff,var(--blue));border:3px solid var(--blue);border-radius:20px;padding:25px 20px;width:280px;box-shadow:0 10px 25px #0000004d,inset 0 1px 3px #ffffff80;text-align:center;color:#333;position:relative;animation:icp-badgeBounce .6s ease-out .3s both}.icp-id-badge:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:20px;height:10px;background:#666;border-radius:10px 10px 0 0;box-shadow:0 2px 4px #0000004d}.icp-badge-header{font-size:1rem;font-weight:700;color:var(--blue);margin-bottom:15px;letter-spacing:1px}.icp-badge-photo{width:70%;height:auto;margin:0 auto 15px;overflow:hidden;border-radius:1000px;border:3px solid var(--blue);box-shadow:0 2px 8px #0003;animation:icp-badgePhotoAppear .8s ease-out .5s both}.icp-badge-selfie{width:100%;height:100%;object-fit:cover;display:block}.icp-badge-name{font-size:1.9rem;font-weight:700;color:#fff;margin:15px 0;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--blue);padding-bottom:10px}.icp-badge-footer{font-size:1rem;font-weight:700;color:#fff;margin-top:15px;letter-spacing:1px}.icp-thumbs-up-btn{background:var(--green);color:#fff;border:none;border-radius:105px;padding:15px 30px;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;z-index:1000;transition:all .3s;box-shadow:0 6px 20px #4caf504d;animation:icp-thumbsUpPulse .8s ease-out .8s both}.icp-thumbs-up-btn:hover{background:var(--green);scale:1.05;box-shadow:0 8px 25px #00000080}.icp-thumbs-up-btn:active{transform:translateY(-1px) scale(1.02)}.icp-thumbs-up-icon{font-size:24px;animation:icp-thumbsRotate .6s ease-out 1.2s both}@keyframes icp-badgeSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes icp-badgeBounce{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes icp-thumbsUpPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes icp-thumbsRotate{0%{transform:rotate(-20deg)}to{transform:rotate(0)}}@keyframes icp-badgePhotoAppear{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.icp-pulley-ui{position:absolute;top:-200px;left:50%;transform:translate(-50%);z-index:301;pointer-events:none}.icp-pulley-ui.slide-down{animation:icp-pulley-slide-down .8s ease-out forwards}.icp-pulley-ui.slide-up{animation:icp-pulley-slide-up .8s ease-in forwards}.icp-pulley-draggable{pointer-events:all;cursor:grab;touch-action:none;background:transparent}.icp-pulley-draggable:active{cursor:grabbing;background:transparent}.icp-pulley-image{width:150px;display:block;transition:transform .2s ease-in-out;background:transparent}.icp-pulley-draggable:hover .icp-pulley-image{transform:scale(1.1);background:transparent}@keyframes icp-pulley-slide-down{0%{top:-200px}to{top:-50px}}@keyframes icp-pulley-slide-up{0%{top:0}to{top:-200px}}.icp-dnd-interaction-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;flex-direction:column;justify-content:space-between;align-items:center;touch-action:none;transition:opacity .5s ease-out}.icp-dnd-interaction-area.options-area-faded{pointer-events:none}.icp-dnd-interaction-area.options-area-faded .icp-drop-target{opacity:.2;animation-play-state:paused}.icp-dnd-interaction-area.options-area-faded .icp-option-btn:not(.animate-out-correct){opacity:.2;pointer-events:none;transition:opacity .3s ease-out}.icp-dnd-interaction-area.options-area-faded .icp-option-btn.animate-out-correct{opacity:1!important;pointer-events:none}.icp-option-btn.animate-out-correct{animation:flyOffScreen 1.5s ease-in-out forwards;z-index:1000}@keyframes flyOffScreen{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(-20px) scale(1.1);opacity:1}to{transform:translateY(-150vh) scale(.8);opacity:0}}.icp-multiple-choice-ui{position:relative;width:90%;display:flex;height:auto;flex-direction:column;align-items:center;z-index:12;pointer-events:auto}.icp-question-options{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.icp-drop-target{position:relative;aspect-ratio:1 / 1;margin-top:15vh;border:3px dashed #fff;border-radius:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#ffffff1a;z-index:11;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;color:#fff;box-sizing:border-box;animation:icp-pulse-drop-target 2s infinite ease-in-out;cursor:default;margin:0 auto;height:40%;top:-15%}.icp-drop-target.icp-drop-target-hover{background-color:#00ff004d;border-color:#0f0;border-width:4px;animation-play-state:paused;transform:scale(1.05)}.icp-option-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:15px;color:#fff;cursor:grab;transition:background-color .3s,border-color .3s,opacity .3s;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;transform:translateZ(0)}.icp-option-btn:hover:not(.icp-option-btn-disabled){background:#fff3;border-color:#ffffff80}.icp-option-btn-disabled{opacity:.4!important;cursor:not-allowed}.icp-option-image{max-width:120px;max-height:120px;object-fit:contain;border-radius:8px;background-color:transparent}.icp-option-text{font-weight:700;font-size:14px;text-align:center}.icp-option-image-wrapper{position:relative;display:inline-block;line-height:0;background-color:transparent}.icp-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1}.icp-feedback-ui{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center}.icp-feedback-message{background:#000c;color:#fff;padding:20px 30px;border-radius:15px;font-size:18px;font-weight:700;text-align:center;animation:icp-feedbackPop .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2)}@keyframes icp-feedbackPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.icp-points-display-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:icp-pointsDisplaySlideIn 1s ease-out}.icp-final-score-container{background:linear-gradient(145deg,#00000059,#0000000d);border-radius:25px;padding:40px 30px;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:4px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006;width:100%;max-width:400px}.icp-congratulations{font-size:24px;font-weight:700;margin-bottom:25px;color:gold;animation:icp-congratsPulse 2s ease-in-out infinite}.icp-final-score{margin-bottom:20px}.icp-score-label{font-size:18px;color:#fffc;margin-bottom:10px;font-weight:500}.icp-score-number{font-size:52px;font-weight:700;color:#fff;margin:0;animation:icp-scoreNumberBounce .8s ease-out .5s both}.icp-score-total{font-size:16px;color:#ffffffb3;margin-bottom:55px}.icp-score-percentage{font-size:28px;font-weight:700;color:gold;margin-bottom:30px;animation:icp-percentageGlow 2s ease-in-out infinite alternate}.icp-navigation-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.icp-next-lesson-btn,.icp-back-to-library-btn{background:var(--blue);color:#fff;border:none;border-radius:50px;padding:15px 25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 6px 20px #2196f34d;animation:icp-buttonSlideIn .6s ease-out both}.icp-next-lesson-btn{animation-delay:1.2s}.icp-back-to-library-btn{background:var(--orange);box-shadow:0 6px 20px #9c27b04d;animation-delay:1.4s}.icp-next-lesson-btn:hover{transform:translateY(3px) scale(1.12);translate:0px -3px;box-shadow:0 8px 25px #010d1766}.icp-back-to-library-btn:hover{background:linear-gradient(145deg,#7b1fa2,#9c27b0);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #9c27b066}.icp-next-lesson-btn:active,.icp-back-to-library-btn:active{transform:translateY(-1px) scale(1.01)}.icp-btn-icon{font-size:18px}@keyframes icp-pointsDisplaySlideIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(50px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes icp-congratsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes icp-scoreNumberBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes icp-percentageGlow{0%{text-shadow:0 0 10px rgba(255,215,0,.5)}to{text-shadow:0 0 20px rgba(255,215,0,.8)}}@keyframes icp-buttonSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.icp-debug-info{position:absolute;bottom:20px;left:20px;z-index:150;background:#000000b3;padding:10px;border-radius:8px;font-size:12px;color:#ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100px}.icp-debug-info div{margin-bottom:5px}.icp-debug-info div:last-child{margin-bottom:0}@media (max-width: 480px) and (orientation: portrait){.icp-question-options{gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.icp-option-btn{padding:1rem;border-radius:12px;height:auto;max-width:30%}.icp-option-image{width:100%;height:auto}.icp-option-text{font-size:1rem;font-weight:600}.icp-multiple-choice-ui{width:98%;padding:0 5px}.icp-drop-target{height:35%;margin-top:10vh;top:-10%}.icp-drop-target span{font-size:12px}.icp-drop-target-visual{width:25%;height:25%;font-size:10px}}@media (max-width: 768px){.icp-content-title{font-size:16px;padding:8px 12px;top:15px;right:15px}.icp-score-display{width:120px;padding:12px;top:4px;right:4px}.icp-current-score{font-size:1.1rem}.icp-id-badge{width:240px;padding:20px 15px}.icp-badge-photo{width:80px;height:80px;margin-bottom:12px}.icp-badge-name{font-size:20px}.icp-thumbs-up-btn{padding:12px 25px;font-size:16px}.icp-thumbs-up-icon{font-size:20px}.icp-multiple-choice-ui{bottom:30px;width:95%}.icp-final-score-container{padding:30px 20px;max-width:320px}.icp-congratulations{font-size:20px}.icp-score-number{font-size:40px}.icp-score-percentage{font-size:22px}.icp-next-lesson-btn,.icp-back-to-library-btn{padding:12px 20px;font-size:14px}.icp-btn-icon{font-size:16px}.icp-back-btn{top:15px;left:15px;padding:8px 12px;font-size:12px}.icp-debug-info{bottom:15px;left:15px;padding:8px;font-size:11px}}.icp-play-button-container{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0003,#0000004d);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.icp-play-button-content{display:flex;flex-direction:column;align-items:center;gap:40px;animation:icp-playButtonFadeIn 1s ease-out}.icp-story-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);animation:icp-titleSlideIn 1s ease-out .3s both}.icp-big-play-button{background:var(--blue);color:#fff;border:none;border-radius:50px;padding:25px 50px;font-size:1.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:20px;z-index:2000;transition:all .3s ease;box-shadow:0 10px 30px #4caf504d,0 5px 15px #0003;animation:icp-playButtonBounce 1s ease-out .6s both;position:relative;overflow:hidden}.icp-big-play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.icp-big-play-button:hover:before{left:100%}.icp-big-play-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #4caf5066,0 8px 25px #0000004d}.icp-big-play-button:active{transform:translateY(-2px) scale(1.02)}.icp-play-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;animation:icp-playIconPulse 2s ease-in-out infinite}@keyframes icp-playButtonFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes icp-titleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes icp-playButtonBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes icp-playIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@media (max-width: 768px){.icp-story-title{font-size:1.8rem}.icp-big-play-button{padding:20px 40px;font-size:1.2rem;gap:15px}.icp-play-icon{font-size:1.5rem;width:40px;height:40px}}@keyframes icp-pulse-drop-target{0%{transform:translate(0) scale(1);box-shadow:0 0 #fff6;border-color:#aaa}70%{transform:translate(0) scale(1.05);box-shadow:0 0 10px 20px #fff0;border-color:#fff}to{transform:translate(0) scale(1);box-shadow:0 0 #fff0;border-color:#aaa}}.icp-drop-target-visual{width:30%;height:30%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-bottom:5px;background-color:#0003;transition:background-color .2s ease}.icp-drop-target:hover .icp-drop-target-visual{background-color:#0006}.icp-drop-target span{font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.icp-option-btn.is-dragging-original{opacity:.3;transform:scale(.95);box-shadow:none}.icp-option-btn:active{cursor:grabbing}.icp-option-btn.is-dragging{opacity:.5;border:2px dashed #ccc}.icp-option-btn[data-dnd-kit-dragging=true]{opacity:.5;transform:scale(.95)}.icp-option-btn:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.haley-container{transition:all .8s ease-in-out;will-change:transform,bottom,right}.haley-container.animating{transition:all .8s cubic-bezier(.4,0,.2,1)}.haley-container.chip-appearing{animation:chipAssistantAppear .8s ease-out forwards}@keyframes chipAssistantAppear{0%{opacity:0;transform:scale(.3)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.icp-selfie-ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icp-camera-permission{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.icp-permission-container{background:#ffffff1a;border-radius:25px;padding:40px 30px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);max-width:400px;animation:icp-fadeSlideIn .6s ease-out}.icp-camera-icon{margin-bottom:20px;color:var(--blue)}.icp-permission-container h3{font-size:24px;font-weight:700;margin-bottom:15px;color:#fff}.icp-permission-container p{font-size:16px;color:#fffc;margin-bottom:25px;line-height:1.4}.icp-permission-btn{background:var(--blue);color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #2196f34d}.icp-permission-btn:hover:not(:disabled){background:#1976d2;transform:translateY(-2px);box-shadow:0 8px 25px #2196f366}.icp-permission-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.icp-skip-camera-btn{background:#808080cc;color:#fff;border:none;border-radius:25px;padding:12px 25px;font-size:14px;font-weight:500;cursor:pointer;display:block;margin:25px auto 0;transition:all .3s;box-shadow:0 4px 12px #8080804d}.icp-skip-camera-btn:hover{background:#606060e6;transform:translateY(-1px);box-shadow:0 6px 15px #80808066}.icp-permission-denied{margin-top:20px;padding:15px;background:#f4433633;border-radius:10px;border:1px solid rgba(244,67,54,.4)}.icp-permission-denied p{color:#ff5252;font-size:14px;margin:0 0 10px}.icp-help-text{margin-top:15px;padding-top:15px;border-top:1px solid rgba(244,67,54,.3)}.icp-help-text p{color:#ffab91;font-size:12px;margin:8px 0;line-height:1.3}.icp-camera-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.icp-camera-container{position:relative;width:400px;height:400px;border-radius:20px;overflow:hidden;border:4px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #00000080}.icp-camera-video{width:100%;height:100%;object-fit:cover}.icp-selfie-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:10}.icp-camera-view .icp-selfie-overlay{opacity:.7}.icp-photo-preview .icp-selfie-overlay{opacity:1}.icp-camera-controls{display:flex;justify-content:center}.icp-capture-btn{background:var(--green);color:#fff;border:none;border-radius:50px;padding:20px 30px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s;box-shadow:0 6px 20px #4caf504d;animation:icp-pulseGlow 2s ease-in-out infinite}.icp-capture-btn:hover{background:#43a047;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #4caf5066}.icp-photo-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.icp-preview-container{position:relative;width:400px;height:400px;border-radius:20px;overflow:hidden;border:4px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #00000080}.icp-preview-image{width:100%;height:100%;object-fit:cover}.icp-preview-controls{display:flex;gap:20px}.icp-retake-btn{background:var(--orange);color:#fff;border:none;border-radius:25px;padding:15px 25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 6px 20px #ff98004d}.icp-retake-btn:hover{background:#f57c00;transform:translateY(-2px);box-shadow:0 8px 25px #ff980066}.icp-confirm-btn{background:var(--green);color:#fff;border:none;border-radius:25px;padding:15px 25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 6px 20px #4caf504d}.icp-confirm-btn:hover{background:#43a047;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5066}.icp-uploading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.icp-upload-container{background:#ffffff1a;border-radius:25px;padding:40px 30px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);max-width:400px;width:100%}.icp-upload-progress{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:20px}.icp-upload-bar{height:100%;background:var(--green);border-radius:4px;transition:width .3s ease;animation:icp-progressShimmer 2s linear infinite}.icp-upload-container p{font-size:18px;color:#fff;margin:0;font-weight:500}@keyframes icp-fadeSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes icp-pulseGlow{0%,to{box-shadow:0 6px 20px #4caf504d}50%{box-shadow:0 8px 30px #4caf5099}}@keyframes icp-progressShimmer{0%{background:var(--green)}50%{background:#66bb6a}to{background:var(--green)}}@media (max-width: 768px){.icp-permission-container,.icp-upload-container{margin:20px;padding:30px 20px}.icp-camera-container,.icp-preview-container{width:300px;height:300px}.icp-capture-btn{padding:15px 25px;font-size:16px}.icp-preview-controls{flex-direction:column;gap:15px;width:200px}.icp-retake-btn,.icp-confirm-btn{padding:12px 20px;font-size:14px;width:100%}}.icp-3d-model-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center}.icp-3d-canvas{width:100%;height:100%;cursor:grab;touch-action:none}.icp-3d-canvas:active{cursor:grabbing}.icp-3d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000c;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);animation:icp-3dLoadingFadeIn .5s ease-out}.icp-loading-text{font-size:18px;font-weight:700;color:#fff;margin-bottom:15px}.icp-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--blue);border-radius:50%;margin:0 auto;animation:icp-spin 1s linear infinite}.icp-3d-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000000b3;padding:15px 25px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:8px;animation:icp-3dControlsSlideUp .8s ease-out 1s both}.icp-interaction-hint{font-size:14px;color:#ffffffe6;font-weight:500;text-align:center}.icp-audio-progress{font-size:12px;color:var(--blue);font-weight:700;text-align:center;animation:icp-audioPulse 2s ease-in-out infinite}.icp-3d-continue-btn{background:var(--green);color:#fff;border:none;border-radius:25px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 6px 20px #4caf504d;animation:icp-3dContinueAppear .6s ease-out}.icp-3d-continue-btn:hover{background:#43a047;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #4caf5066}.icp-3d-continue-btn:active{transform:translateY(-1px) scale(1.02)}.icp-continue-arrow{font-size:18px;transition:transform .3s ease}.icp-3d-continue-btn:hover .icp-continue-arrow{transform:translate(3px)}@keyframes icp-3dLoadingFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes icp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icp-3dControlsSlideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes icp-audioPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes icp-3dContinueAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.icp-3d-controls{bottom:20px;padding:12px 20px;border-radius:20px}.icp-interaction-hint{font-size:12px}.icp-audio-progress{font-size:11px}.icp-3d-loading{padding:25px 20px;margin:20px}.icp-loading-text{font-size:16px}.icp-loading-spinner{width:35px;height:35px}.icp-3d-continue-btn{padding:10px 16px;font-size:14px}.icp-continue-arrow{font-size:16px}}.icp-drawing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:150;display:flex;align-items:center;justify-content:center}.icp-drawing-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.icp-drawing-overlay .drawing-canvas-container{padding:10px}}.icp-badge-earning-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:150;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.icp-badge-earning-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;text-align:center}.icp-badge-image-container{display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.3) translateY(100px);transition:opacity .8s ease-out,transform 1.5s cubic-bezier(.34,1.56,.64,1)}.icp-badge-image-container.animate-in{opacity:1;transform:scale(1) translateY(0)}.icp-badge-earned-image{max-width:300px;max-height:300px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));animation:icp-badgeGlow 3s ease-in-out infinite alternate}.icp-badge-image-container.animate-in .icp-badge-earned-image{animation:icp-badgeGlow 3s ease-in-out infinite alternate,icp-badgeScalePulse 2s ease-in-out infinite 1.8s}.icp-badge-ok-btn{background:var(--green);color:#fff;border:none;border-radius:30px;padding:18px 40px;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #4caf5066;transition:all .3s ease;min-width:120px;opacity:0;transform:translateY(30px) scale(.8);pointer-events:none}.icp-badge-ok-btn.show{animation:icp-badgeButtonSlideUp .6s ease-out forwards;pointer-events:auto}.icp-badge-ok-btn:hover{background:#43a047;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #4caf5080}.icp-badge-ok-btn:active{transform:translateY(-1px) scale(1.02)}@keyframes icp-badgeGlow{0%{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3)) drop-shadow(0 0 20px rgba(255,215,0,.3))}to{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(255,215,0,.7))}}@keyframes icp-badgeButtonSlideUp{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes icp-badgeScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.icp-badge-earning-container{gap:30px;padding:20px}.icp-badge-earned-image{max-width:250px;max-height:250px}.icp-badge-ok-btn{padding:15px 30px;font-size:18px;min-width:100px}}@media (max-width: 480px){.icp-badge-earning-container{gap:25px;padding:15px}.icp-badge-earned-image{max-width:200px;max-height:200px}.icp-badge-ok-btn{padding:12px 25px;font-size:16px;min-width:90px}}.doto-title{font-optical-sizing:auto;font-weight:700;font-style:normal}.doto-score{font-family:Doto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"ROND" 0}.trivia-game-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.trivia-back-btn{position:absolute;top:20px;left:20px;background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:80px;padding:.75rem 1.5rem .75rem 1.2rem;font-size:1rem;font-weight:900;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000047;z-index:100;display:flex;align-items:center;gap:3px}.trivia-back-btn:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.trivia-back-btn svg{width:16px;height:16px}.trivia-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:opacity .5s ease-in-out}.trivia-background-video{object-fit:cover;object-position:center}.trivia-default-bg{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.trivia-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2}.trivia-content{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box}.trivia-loading{text-align:center;color:#fff}.trivia-loading h2{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.trivia-start-screen{text-align:center;color:#fff;max-width:1000px;width:100%;margin-bottom:auto;margin-top:3rem;position:relative}.trivia-high-score{position:absolute;top:-70px;left:50%;transform:translate(-50%);background:#000000b3;border-radius:20px;padding:.5rem 2rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 20px #0000004d}.trivia-high-score-label{color:#fff;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.9}.trivia-high-score-number{color:var(--green);font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);min-width:2rem;text-align:center;font-family:Doto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"ROND" 0}.trivia-start-screen h1{font-size:4rem;margin:0 0 1rem;background:#fff;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.trivia-start-screen h1.doto-title{font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"ROND" 0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.trivia-start-screen p{font-size:1.5rem;margin:0 0 2rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);opacity:.9}.subject-carousel{display:flex;align-items:center;justify-content:center;gap:2rem;margin:0 0 3rem;position:relative;width:100%}.carousel-arrow{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:auto;height:auto;aspect-ratio:1/1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;padding:.5rem}.carousel-arrow svg{width:32px;height:32px}.carousel-arrow:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.subject-cards-container{display:flex;align-items:center;justify-content:center;position:relative;width:800px;height:400px;overflow:hidden}.subject-card{position:absolute;width:220px;height:300px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #0000004d;border:3px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subject-card-selected{transform:translate(0) scale(1);opacity:1;z-index:3;box-shadow:0 25px 35px #0006;border-color:#fff6}.subject-card-adjacent{opacity:.7;z-index:2}.subject-card-hidden{opacity:0;transform:scale(.6);z-index:1;pointer-events:none}.subject-card:hover.subject-card-selected{transform:translate(0) scale(1.05)}.subject-card:hover.subject-card-adjacent{opacity:.9;transform:scale(.85)}.subject-icon{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center;width:50%;height:6auto}.subject-icon img{width:100%;height:100%;object-fit:contain}.subject-name{font-size:1.5rem;color:#fff;text-align:center;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"ROND" 0}.trivia-start-button{border:none;color:#fff;font-size:1.8rem;font-weight:700;padding:1.2rem 3rem;border-radius:50px;cursor:pointer;box-shadow:0 8px 15px #0000004d;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;width:auto;min-width:200px;white-space:nowrap;transform-origin:center}.trivia-start-button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0006}.trivia-start-button:active{transform:translateY(-1px)}.trivia-start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.trivia-start-button:hover:before{left:100%}.trivia-upgrade-button{background:var(--green);border:none;color:#fff;font-size:1.8rem;font-weight:700;padding:1.2rem 3rem;border-radius:50px;cursor:pointer;box-shadow:0 8px 15px #0000004d;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;width:auto;min-width:200px;white-space:nowrap;transform-origin:center;animation:upgradeButtonSlideIn .8s ease-out;margin-top:0rem}.trivia-upgrade-button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0006}.trivia-upgrade-button:active{transform:translateY(-1px)}.trivia-upgrade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.trivia-upgrade-button:hover:before{left:100%}@keyframes upgradeButtonSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.trivia-streak-counter{position:absolute;top:2rem;right:2rem;background:#000000b3;border-radius:20px;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.trivia-streak-label{color:#fff;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.trivia-streak-number{color:var(--green);font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);min-width:2rem;text-align:center;font-family:Doto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"ROND" 0}.trivia-question-area{max-width:900px;width:100%;text-align:center;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform-origin:center}.trivia-question-text{background:#0006;border-radius:20px;padding:2rem 3rem;margin:0 0 3rem;color:#fff;font-size:1.8rem;line-height:1.6;min-height:120px;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #0000004d;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform-origin:center;will-change:transform,margin,padding}.trivia-cursor{animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.trivia-answer-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;z-index:1000;transition:all .5s cubic-bezier(.25,.46,.45,.94);transform-origin:center;opacity:1;transform:translateY(0);will-change:transform,opacity}.trivia-answer-buttons.entering{animation:slideInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.trivia-answer-buttons.exiting{animation:slideOutDown .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.trivia-answer-btn{background:linear-gradient(45deg,#2c3e50,#34495e);border:3px solid rgba(255,255,255,.2);color:#fff;font-size:1.8rem;font-weight:700;border-radius:200px;cursor:pointer;transition:all .3s ease;max-width:200px;box-shadow:0 6px 15px #0000004d;position:relative;overflow:hidden;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;padding:1rem}.trivia-answer-btn img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0px 3px 5px rgba(0,0,0,.3))}.trivia-answer-btn:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 20px 45px #00000080;border-color:#fff6}.trivia-false-btn{background:var(--red)}.trivia-false-btn:hover:not(:disabled){background:linear-gradient(45deg,#ec7063,var(--red))}.trivia-true-btn{background:var(--green)}.trivia-true-btn:hover:not(:disabled){background:linear-gradient(45deg,#58d68d,var(--green))}.trivia-answer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.trivia-answer-btn.selected{transform:scale(.95);box-shadow:inset 0 0 20px #00000080;border-color:gold}.trivia-feedback{margin-top:2rem;padding:1rem 2rem;border-radius:15px;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;animation:fadeInScale .5s ease;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform-origin:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.trivia-end-screen{text-align:center;color:#fff;max-width:600px}.trivia-end-screen h2{font-size:3rem;margin:0 0 2rem;color:var(--blue)}.trivia-end-screen h2.doto-title{font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"ROND" 0}.trivia-final-score{background:#000c;border-radius:20px;padding:2rem;margin:0 0 3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:.5rem}.trivia-score-label{font-size:1.5rem}.trivia-score-number{font-size:4rem;color:var(--green);text-shadow:3px 3px 6px rgba(0,0,0,.8);animation:scoreGlow 2s ease-in-out infinite alternate;font-family:Doto,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"ROND" 0}@keyframes scoreGlow{0%{text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.3)}to{text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.6)}}.trivia-restart-button{background:var(--blue);border:none;color:#fff;font-size:1.5rem;font-weight:700;padding:1rem 2.5rem;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:0 6px 15px #0000004d;transition:all .3s ease}.trivia-restart-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0006;background:linear-gradient(45deg,#5dade2,#4ecdc4)}.trivia-restart-button:active{transform:translateY(-1px)}@media (max-width: 768px){.trivia-content{padding:1rem}.trivia-start-screen h1,.trivia-start-screen h1.doto-title{font-size:2.5rem}.trivia-start-screen p{font-size:1.2rem}.trivia-start-button{font-size:1.4rem;padding:1rem 2rem;min-width:180px}.subject-carousel{gap:1rem;margin:0 0 2rem}.carousel-arrow{padding:.3rem}.carousel-arrow svg{width:28px;height:28px}.subject-cards-container{width:400px;height:160px}.subject-card{width:140px;height:120px}.subject-icon{font-size:2.5rem;margin-bottom:.3rem;width:50px;height:50px}.subject-name{font-size:1rem}.trivia-streak-counter{top:1rem;right:1rem;padding:.8rem 1.5rem}.trivia-streak-label{font-size:1rem}.trivia-streak-number{font-size:1.5rem}.trivia-high-score{top:-2rem;left:50%;transform:translate(-50%);padding:.8rem 1.5rem}.trivia-high-score-label{font-size:1rem}.trivia-high-score-number{font-size:1.5rem}.trivia-question-text{font-size:1.4rem;padding:1.5rem 2rem;margin:0 0 2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.trivia-answer-buttons{gap:1rem;flex-direction:column;align-items:center}.trivia-answer-btn,.trivia-upgrade-button{font-size:1.4rem;padding:1rem 2rem;min-width:180px}.trivia-end-screen h2,.trivia-end-screen h2.doto-title{font-size:2rem}.trivia-score-number{font-size:3rem}}@media (max-width: 480px){.trivia-start-screen h1,.trivia-start-screen h1.doto-title{font-size:2rem}.trivia-question-text{font-size:1.2rem;padding:1rem 1.5rem}.trivia-answer-btn,.trivia-upgrade-button{font-size:1.2rem;padding:.8rem 1.5rem}.trivia-streak-counter{position:relative;top:auto;right:auto;margin-bottom:1rem}.trivia-high-score{position:relative;top:auto;left:auto;transform:none;margin-bottom:1rem;padding:.6rem 1rem;gap:.5rem}.trivia-high-score-label{font-size:.9rem}.trivia-high-score-number{font-size:1.3rem}.subject-cards-container{width:300px;height:140px}.subject-card{width:120px;height:100px}.subject-icon{font-size:2rem;margin-bottom:.2rem;width:40px;height:40px}.subject-name{font-size:.9rem}.carousel-arrow{padding:.25rem}.carousel-arrow svg{width:24px;height:24px}}.trivia-haley-container{position:fixed;bottom:-180px;right:0;z-index:10;pointer-events:none}.trivia-haley-container .haley-container{position:relative!important;top:0!important;right:0!important;bottom:0!important;scale:.89!important;left:0!important}@media (max-width: 768px){.trivia-haley-container{bottom:-120px;right:20px}.trivia-haley-container .haley-container{transform:scale(.6)!important}}.simple-top-nav .primary-button{background:var(--blue);color:#fff;border:none;padding:.3rem 1.5rem .4rem;border-radius:80px;font-size:1rem;font-weight:900;cursor:pointer;transition:transform .2s;display:inline-flex;align-items:center;gap:.5rem}.simple-top-nav{box-shadow:0 2px 6px #0003}.simple-top-nav .primary-button:hover{transform:translateY(-2px)}.simple-top-nav .top-nav-right{display:flex;align-items:center}@media (max-width: 768px){.simple-top-nav .primary-button{font-size:.9rem;padding:.6rem 1.2rem}}.about-us-page{background-color:var(--light-beige);padding-top:80px}.about-us-container{color:var(--text-color);padding:2rem;max-width:800px;margin:2rem auto;line-height:1.8;text-align:left}.about-us-content h1{font-size:2.9rem;line-height:1.2;font-weight:900;margin-bottom:1.5rem;color:var(--text-color)}.about-us-content p,.about-us-content blockquote{color:var(--text-color);line-height:1.6;font-size:1.1rem;margin-bottom:1.5rem}.about-us-content blockquote{border-left:4px solid #3498db;padding-left:1rem;font-style:italic;color:var(--text-color)}.signature{text-align:right;margin-top:2rem}.signature p{margin:0;line-height:1.4;font-weight:700}@media (max-width: 768px){.about-us-container{padding:40px 20px}.about-us-content h1{font-size:2rem}.about-us-content p{font-size:1rem}.about-us-content blockquote{font-size:1.2rem}}@media (max-width: 480px){.about-us-container{padding:30px 15px}.about-us-content h1{font-size:1.8rem}}.customer-support-page{background-color:var(--light-beige);padding-top:80px}.customer-support-container{color:var(--text-color);padding:2rem;max-width:800px;margin:2rem auto;line-height:1.8;text-align:left}.customer-support-content h1{font-size:2.9rem;line-height:1.2;font-weight:900;margin-bottom:1.5rem;color:var(--text-color)}.customer-support-content p{color:var(--text-color);line-height:1.6;font-size:1.1rem;margin-bottom:1.5rem}.contact-methods{display:grid;gap:1rem;margin:3rem 0}.contact-method{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid var(--blue)}.contact-method h3{font-size:1.4rem;font-weight:700;margin-bottom:.2rem;color:var(--text-color)}.contact-method p{margin-bottom:.2rem;font-size:1rem;line-height:1.5}.contact-info{font-size:1.2rem!important;color:var(--blue)!important;font-weight:700!important}.hours,.response-time{font-style:italic;color:#666!important;font-size:.9rem!important}.support-note{background:var(--blue);color:#fff;padding:2rem;border-radius:12px;margin-top:3rem;text-align:center}.support-note p{color:#fff!important;margin-bottom:1rem}.support-note p:last-child{margin-bottom:0}@media (max-width: 768px){.customer-support-container{padding:40px 20px}.customer-support-content h1{font-size:2rem}.customer-support-content p{font-size:1rem}.contact-method{padding:1.5rem}.contact-method h3{font-size:1.2rem}}@media (max-width: 480px){.customer-support-container{padding:30px 15px}.customer-support-content h1{font-size:1.8rem}.contact-method{padding:1rem}}.faq-page{min-height:100vh;display:flex;flex-direction:column}.faq-page-container{flex:1;margin:0 auto;padding:2rem}.faq-page-header{text-align:center;margin-bottom:3rem}.faq-page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;font-weight:900;margin-top:3rem}.faq-page-header p{font-size:1.1rem;color:var(--text-color);max-width:600px;margin:0 auto;line-height:1.6}.faq-section{margin:2rem 0}.faq-headline{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:2rem;margin-top:2rem;color:var(--text-color)}.faq-container{max-width:800px;margin:0 auto}.faq-item{width:100%;max-width:800px;border-radius:8px;margin-bottom:1rem;overflow:hidden;background:#fff}.faq-question{width:100%;width:800px;padding:1.25rem;background:none;border:none;text-align:left;font-size:1.1rem;font-weight:700;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease;border:1px solid var(--medium-beige)}.faq-question:hover{border:1px solid var(--dark-beige);transform:translateY(0)}.faq-icon{transition:transform .3s ease;display:flex;align-items:center;color:var(--text-color)}.faq-icon.open{transform:rotate(180deg)}.faq-answer{padding:0 1.25rem 1.25rem;color:var(--text-color);line-height:1.6;margin-top:1rem}.faq-answer p{margin:0 0 1rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:#3182ce;text-decoration:underline}.faq-answer a:hover{color:#2c5aa0}.faq-contact-section{text-align:center;margin-top:4rem;padding:2rem;background-color:#fff;border-radius:12px;max-width:800px}.faq-contact-section h2{font-size:1.8rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.faq-contact-section p{font-size:1.1rem;color:var(--text-color);margin-bottom:1.5rem;line-height:1.6}.contact-support-btn{display:inline-block;background-color:var(--blue);color:#fff;padding:.75rem 2rem;border-radius:208px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:background-color .2s ease}.contact-support-btn:hover{background-color:#2c5aa0;text-decoration:none;color:#fff}@media (max-width: 768px){.faq-page-container{padding:1rem}.faq-page-header h1{font-size:2rem}.faq-page-header p{font-size:1rem}.faq-question{padding:1rem;font-size:1rem;width:100%}.faq-answer{padding:0 1rem 1rem}.faq-contact-section{margin-top:2rem;padding:1.5rem}.faq-contact-section h2{font-size:1.5rem}.contact-support-btn{padding:.6rem 1.5rem;font-size:1rem}}.team-page{min-height:100vh;display:flex;flex-direction:column}.team-page-container{flex:1;margin:0 auto;padding:2rem}.team-page-header{text-align:center;margin-bottom:3rem}.team-page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;font-weight:900;margin-top:3rem}.team-page-header p{font-size:1.1rem;color:var(--text-color);max-width:600px;margin:0 auto;line-height:1.6}.team-section{margin:2rem 0}.team-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.team-member-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.team-member-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.team-member-header{margin-bottom:1rem;border-bottom:2px solid #f7fafc;padding-bottom:1rem}.team-member-name{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.team-member-title{font-size:1.1rem;font-weight:600;color:var(--blue);margin:0}.team-member-bio{margin-top:1rem}.team-member-bio p{font-size:1rem;color:var(--text-color);line-height:1.6;margin:0}@media (max-width: 768px){.team-page-container{padding:1rem}.team-page-header h1{font-size:2rem}.team-page-header p{font-size:1rem}.team-container{grid-template-columns:1fr;gap:1rem}.team-member-card{padding:1.5rem}.team-member-name{font-size:1.2rem}.team-member-title{font-size:1rem}.team-member-bio p{font-size:.95rem}}@media (max-width: 480px){.team-page-container{padding:.5rem}.team-member-card{padding:1rem}.team-member-name{font-size:1.1rem}.team-member-title{font-size:.95rem}}.kidqa-page{position:relative;min-height:100vh;width:100%;overflow:hidden;background:#000}.kidqa-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.kidqa-background.transitioning{pointer-events:none}.kidqa-background-video,.kidqa-background-image{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .5s ease-in-out}.kidqa-expand-btn{background:transparent}.kidqa-background-video,.kidqa-background-image{position:absolute;top:0;left:0}.kidqa-subtitle-container{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:20;max-width:80%;text-align:center}.kidqa-subtitle-text{background:#000c;color:#fff;padding:15px 25px;border-radius:25px;font-size:1.2rem;font-weight:500;line-height:1.4;margin:0;box-shadow:0 4px 15px #0000004d}.kidqa-content{position:relative;z-index:15;padding:20px;min-height:100vh;display:flex;flex-direction:column;background:#ffffff1a}.kidqa-header{text-align:center;margin-bottom:30px;padding:20px;background:#ffffffe6;border-radius:20px;box-shadow:0 8px 25px #0000001a}.kidqa-header h1{color:#4a5568;font-size:2.5rem;font-weight:700;margin:0 0 10px;background:var(--blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kidqa-header p{color:#718096;font-size:1.1rem;margin:0;font-weight:500}.kidqa-input-section{max-width:600px;margin:0 auto 30px;width:90%}.kidqa-input-container{background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a}.kidqa-text-input{width:90%;border:2px solid #e2e8f0;border-radius:11px;padding:15px 20px;font-size:1.1rem;font-family:inherit;line-height:1.5;resize:vertical;transition:all .3s ease;background:#fafafa}.kidqa-text-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #667eea1a;background:#fff}.kidqa-text-input.transcribing{border-color:var(--blue);background:#667eea0d;box-shadow:0 0 0 3px #667eea1a;animation:transcribingGlow 2s infinite}@keyframes transcribingGlow{0%,to{box-shadow:0 0 0 3px #667eea1a}50%{box-shadow:0 0 0 3px #667eea33}}.kidqa-input-controls{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap;align-items:center}.kidqa-record-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--green);color:#fff;border:none;border-radius:32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #48bb784d}.kidqa-record-btn:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.kidqa-record-btn.recording{background:#e53e3e;animation:pulse 1.5s infinite;box-shadow:0 4px 15px #e53e3e66}.kidqa-record-btn.recording:hover{background:#c53030}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.kidqa-transcription-indicator{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.9rem;color:var(--blue);font-weight:500}.kidqa-transcription-pulse{width:8px;height:8px;background:var(--blue);border-radius:50%;animation:transcriptionPulse 1.5s infinite}@keyframes transcriptionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.kidqa-audio-preview{display:flex;align-items:center;gap:10px;background:#edf2f7;padding:8px 15px;border-radius:10px;font-size:.9rem;color:#4a5568}.kidqa-clear-audio{background:#fed7d7;color:#c53030;border:none;padding:4px 8px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s ease}.kidqa-clear-audio:hover{background:#feb2b2}.kidqa-submit-btn{display:flex;align-items:center;gap:8px;padding:12px 25px;background:var(--blue);color:#fff;border:none;border-radius:32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-left:auto}.kidqa-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.kidqa-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.kidqa-processing-section{display:flex;justify-content:center;align-items:center;flex:1;min-height:300px}.kidqa-processing-container{text-align:center;background:#fffffff2;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:400px;width:100%}.kidqa-loading-spinner{animation:spin 2s linear infinite;color:#667eea;margin-bottom:20px}.kidqa-processing-container h3{color:#4a5568;font-size:1.3rem;margin:0 0 20px;font-weight:600}.kidqa-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-top:15px}.kidqa-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease;border-radius:10px}.kidqa-playback-section{max-width:600px;margin:0 auto 30px;background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a}.kidqa-playback-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.kidqa-playback-header h3{color:#4a5568;font-size:1.2rem;margin:0;flex:1;min-width:200px}.kidqa-play-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#48bb78;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.kidqa-play-btn:hover{background:#38a169;transform:translateY(-2px)}.kidqa-playback-controls{display:flex;justify-content:center;margin-top:20px}.kidqa-new-question-btn{padding:10px 20px;background:transparent;color:var(--blue);border:2px solid var(--blue);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.kidqa-new-question-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.kidqa-saved-section{max-width:700px;margin:0 auto;background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a}.kidqa-saved-section h3{color:#4a5568;font-size:1.4rem;margin:0 0 20px;font-weight:600;text-align:center}.kidqa-saved-list{display:flex;flex-direction:column;gap:15px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kidqa-saved-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#f7fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.kidqa-saved-item:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.kidqa-saved-content{flex:1;min-width:0}.kidqa-saved-content h4{color:#2d3748;font-size:1rem;margin:0 0 5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kidqa-saved-date{color:#718096;font-size:.85rem}.kidqa-play-saved-btn{display:flex;align-items:center;gap:5px;padding:8px 15px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.kidqa-play-saved-btn:hover{background:#5a67d8;transform:translateY(-1px)}@media (max-width: 768px){.kidqa-header h1{font-size:2rem}.kidqa-header p{font-size:1rem}.kidqa-content{padding:15px}.kidqa-input-controls{flex-direction:column;align-items:stretch}.kidqa-submit-btn{margin-left:0;justify-content:center}.kidqa-playback-header{flex-direction:column;align-items:stretch;text-align:center}.kidqa-playback-header h3{min-width:auto}.kidqa-subtitle-container{max-width:90%;bottom:100px}.kidqa-subtitle-text{font-size:1rem;padding:12px 20px}.kidqa-saved-item{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.kidqa-saved-content h4{white-space:normal}.kidqa-play-saved-btn{justify-content:center}.kidqa-saved-header h3{font-size:1.2rem}}@media (max-width: 480px){.kidqa-header{padding:15px;margin-bottom:20px}.kidqa-header h1{font-size:1.7rem}.kidqa-input-container,.kidqa-playback-section,.kidqa-saved-section,.kidqa-processing-container{padding:20px}.kidqa-subtitle-text{font-size:.9rem;padding:10px 15px}}.kidqa-back-btn{position:fixed;top:20px;left:20px;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:#fffffff2;color:var(--blue);border:2px solid var(--blue);border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px}.kidqa-back-btn:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.kidqa-sidebar-toggle{position:fixed;top:20px;right:20px;z-index:100;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fffffff2;color:var(--blue);border:2px solid var(--blue);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kidqa-sidebar-toggle:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.kidqa-toggle-count{background:var(--blue);color:#fff;font-size:.8rem;font-weight:700;padding:2px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.kidqa-sidebar-toggle:hover .kidqa-toggle-count{background:#fff;color:var(--blue)}.kidqa-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:80;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kidqa-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;transition:right .4s ease;box-shadow:-5px 0 20px #0000001a;display:flex;flex-direction:column}.kidqa-sidebar.open{right:0}.kidqa-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:2px solid #e2e8f0;background:#667eea0d}.kidqa-sidebar-header h3{color:#4a5568;font-size:1.3rem;margin:0;font-weight:700}.kidqa-sidebar-close{background:transparent;color:#718096;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.kidqa-sidebar-close:hover{background:#e2e8f0;color:#4a5568}.kidqa-sidebar-content{flex:1;overflow-y:auto;padding:20px 25px}.kidqa-no-questions{text-align:center;color:#718096;font-style:italic;margin:40px 0}.kidqa-sidebar-list{display:flex;flex-direction:column;gap:15px}.kidqa-sidebar-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.kidqa-sidebar-item:hover{background:#667eea1a;border-color:#667eea33;transform:translate(-3px)}.kidqa-sidebar-item-content{flex:1;min-width:0}.kidqa-sidebar-item-content h4{color:#2d3748;font-size:.95rem;margin:0 0 8px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kidqa-sidebar-date{color:#718096;font-size:.8rem;font-weight:500}.kidqa-sidebar-play-btn{background:var(--blue);color:#fff;border:none;padding:8px;border-radius:28px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.kidqa-sidebar-play-btn:hover{background:#5a67d8;transform:scale(1.1)}@media (max-width: 768px){.kidqa-sidebar{width:320px;right:-320px}.kidqa-back-btn{top:15px;left:15px;padding:10px;width:44px;height:44px}.kidqa-sidebar-toggle{top:15px;right:15px;padding:10px 12px;font-size:.9rem}.kidqa-sidebar-header,.kidqa-sidebar-content{padding:15px 20px}.kidqa-sidebar-item{padding:12px}}@media (max-width: 480px){.kidqa-sidebar{width:100vw;right:-100vw}.kidqa-back-btn{top:10px;left:10px;padding:8px;width:40px;height:40px}.kidqa-sidebar-toggle{top:10px;right:10px}}.kidqa-pause-only-section{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:25;animation:fadeInUp .5s ease-out}.kidqa-pause-only-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#000c;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.kidqa-pause-only-btn:hover{background:#000000e6;transform:translateY(-2px);box-shadow:0 12px 30px #0006;border-color:#ffffff4d}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ebook-signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0349b9,#0556d0 50%,#ecebe7 50%,#e6e3de)}.ebook-signup-content{width:100%;max-width:1200px;min-height:600px;display:flex;box-shadow:0 20px 40px #0003;border-radius:12px;overflow:hidden;margin:20px}.ebook-info-section{flex:1;background:var(--blue);color:#fff;padding:60px 40px;display:flex;align-items:center;justify-content:center;position:relative}.ebook-info-content{max-width:400px;text-align:center}.ebook-headline{font-size:2.5rem;font-weight:800;margin-bottom:2rem;line-height:1.2;color:#fff}.ebook-image-container{margin:.5rem 0}.ebook-image{max-width:100%;height:auto;max-height:400px;border-radius:12px}.parent-review{background:#ffffff1a;border-radius:12px;padding:1.5rem}.ebook-stars{display:flex;gap:4px;justify-content:center;margin-bottom:1rem;color:gold}.review-text{font-size:1rem;line-height:1.5;margin-bottom:1rem;font-style:italic;color:#ffffffe6}.reviewer-name{font-size:.9rem;font-weight:600;color:#fffc;margin:0}.desktop-arrow{position:absolute;right:-27px;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;background:#0b2ca5;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;z-index:10}.mobile-arrow{display:none;text-align:center;font-size:2rem;color:#2d1b69;margin:1rem 0}.mobile-scroll-button{display:none;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:50px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;margin:2rem auto 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;align-items:center;gap:8px}.signup-form-section{flex:1;background:#fff;padding:60px 40px;display:flex;align-items:center;justify-content:center}.signup-form-content{width:100%;max-width:400px}.form-header{text-align:center;margin-bottom:2rem}.logo-image{height:30px;margin-bottom:1.5rem;width:auto;filter:none!important}.signup-form-content h2{font-size:1.8rem;font-weight:900;color:var(--text-color);margin-bottom:.5rem;line-height:1.3}.form-subtitle{color:#666;font-size:1rem;margin-bottom:2rem;line-height:1.4}.ebook-auth-form{margin-bottom:1.5rem;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:12px 16px;border:2px solid #E5E3E0;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .3s ease;box-sizing:border-box;margin-bottom:1rem}.form-group input:focus{border-color:#2d1b69}.form-group input::placeholder{color:#999}.submit-button{width:auto;background:linear-gradient(135deg,#2d1b69,#5b4e75);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:1rem;text-align:center;margin:0 auto}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2d1b694d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:8px 12px;background:#fee2e2;border-radius:6px;border:1px solid #FECACA}.auth-footer{text-align:center}.terms-agreement{font-size:.8rem;color:#666;line-height:1.4;margin-bottom:1rem}.terms-agreement a{color:#3d3d3d;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.login-link{font-size:.9rem;color:#454545;margin:0}.login-link a{text-decoration:none;font-weight:600}.login-link a:hover{text-decoration:underline}@media (max-width: 768px){.ebook-signup-container{background:var(--blue);padding:0;align-items:stretch}.ebook-signup-content{flex-direction:column;margin:0;border-radius:0;min-height:100vh;box-shadow:none;padding-bottom:10rem}.ebook-info-section{flex:0 0 50%;padding:40px 20px}.ebook-headline{font-size:2rem;margin-bottom:1.5rem}.ebook-image{max-height:250px;margin-bottom:1.5rem}.parent-review{padding:1rem}.review-text{font-size:.9rem}.desktop-arrow{display:none}.mobile-arrow{display:block}.mobile-scroll-button{display:flex;margin:2rem auto 0}.mobile-scroll-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.mobile-scroll-button:active{transform:translateY(0)}.signup-form-section{flex:0 0 50%;padding:40px 20px}.signup-form-content h2{font-size:1.5rem}.form-subtitle{font-size:.9rem;margin-bottom:1.5rem}.logo-image{height:35px;margin-bottom:1rem}}@media (max-width: 480px){.ebook-info-section,.signup-form-section{padding:30px 15px}.ebook-headline{font-size:1.8rem}.signup-form-content h2{font-size:1.3rem}}.email-suggestion{margin-top:.5rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:.9rem;color:#92400e;display:flex;align-items:center;gap:.25rem}.suggestion-button{background:none;border:none;color:#06c;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;transition:color .2s ease}.suggestion-button:hover{color:#049}.ebook-download-page{min-height:100vh;background:linear-gradient(135deg,#f5f3f0,#e8e6e3);padding:1rem;display:flex;align-items:center;justify-content:center}.ebook-download-card{max-width:1000px;width:100%;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;margin-bottom:5rem}.ebook-download-header{text-align:center;padding:1rem 0 .6rem;background:var(--blue)}.ebook-download-logo{height:40px}.ebook-download-main{display:flex;flex-direction:column;padding:3rem}.ebook-download-top-section{display:flex;gap:3rem;align-items:center}.ebook-download-preview{flex:1;text-align:center}.ebook-download-cover{max-width:350px;height:auto}.ebook-download-hero-content{flex:1;text-align:center}.ebook-download-title{font-size:2rem;font-weight:900;margin-bottom:2rem}.ebook-download-btn{background:var(--green);color:#fff;border:none;padding:16px 32px;border-radius:100px;font-size:1.2rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #28a74533}.ebook-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.ebook-download-divider{height:2px;background:var(--medium-beige);margin:2rem 0 3rem}.ebook-download-bottom-section{display:flex;gap:3rem;align-items:center}.ebook-download-video{flex:1;text-align:center}.ebook-download-video-player{width:100%;max-width:390px;height:auto;border-radius:12px;box-shadow:0 10px 30px #0003}.ebook-download-continue-content{flex:1;text-align:center}.ebook-download-continue-title{font-size:2rem;font-weight:900;margin-bottom:1rem}.ebook-download-underline{text-decoration:underline}.ebook-download-continue-text{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.ebook-download-continue-btn{background:var(--blue);color:#fff;border:none;padding:14px 28px;border-radius:100px;font-size:1.1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.ebook-download-continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0773ff66}@media (max-width: 768px){.ebook-download-page{padding:10px}.ebook-download-main{padding:2rem 1.5rem}.ebook-download-top-section,.ebook-download-bottom-section{flex-direction:column;gap:2rem}.ebook-download-top-section{padding-bottom:1rem}.ebook-download-bottom-section{padding-top:1rem}.ebook-download-cover{max-width:320px}.ebook-download-video-player{max-width:250px}.ebook-download-title{font-size:1.8rem}.ebook-download-btn{font-size:1.1rem;padding:14px 24px}.ebook-download-continue-title{font-size:1.5rem}.ebook-download-continue-text{font-size:1rem}}@media (max-width: 480px){.ebook-download-header,.ebook-download-main{padding:1.5rem 1rem}.ebook-download-title{font-size:1.6rem}.ebook-download-logo{height:35px}.ebook-download-cover{max-width:150px}.ebook-download-video-player{max-width:200px}}.ebook-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--medium-beige);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.ebook-page-controls-bar{position:fixed;top:0;left:0;right:0;height:80px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1001;box-shadow:0 3px 10px -3px #0000004d}.ebook-page-controls-row-1{display:flex;justify-content:space-between;align-items:center;width:100%}.ebook-page-center-toggle{flex:0 0 auto;margin:0 8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.ebook-page-drawing-row{margin-right:30%}@media (min-width: 769px){.ebook-page-controls-bar{flex-direction:row;align-items:center;height:100px;padding:0 20px;gap:0}.ebook-page-main-content{height:calc(100vh - 120px);margin-top:80px}.ebook-page-content-container.grid-view{height:calc(100vh - 80px)}.ebook-page-controls-row-1{display:contents}.ebook-page-center-toggle{flex:1;margin:0;flex-direction:row;gap:16px;align-items:center}.ebook-page-center-toggle .ebook-page-drawing-tools{margin-left:0}.ebook-page-right-controls{position:absolute;right:20px;gap:16px}.ebook-page-page-info{background:var(--light-beige);padding:8px 16px;border-radius:20px;border:1px solid var(--medium-beige);font-size:14px}.ebook-page-grid-container{max-height:calc(100vh - 80px)}}.ebook-page-back-button{background:var(--blue);color:#fff;border:none;padding:10px 20px;border-radius:80px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0067de33;display:flex;align-items:center;gap:6px}.ebook-page-back-button:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 8px #0067de4d}.ebook-page-main-content{display:flex;width:100%;height:calc(100vh - 120px);margin-top:120px}.ebook-page-main-content.grid-view{display:block}.ebook-page-content-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:visible;margin-left:1rem}.ebook-page-content-container.grid-view{justify-content:stretch;align-items:stretch;height:calc(100vh - 80px)}.ebook-page-pages-spread{display:flex;gap:5px;align-items:center;justify-content:center;overflow:visible}.ebook-page-page-container{display:flex;flex-direction:column;align-items:center;background:#fff;box-shadow:0 15px 25px -3px #4244384d,0 4px 6px -2px #46483759;transition:all .3s ease}.ebook-page-left-page,.ebook-page-right-page{position:relative}.ebook-page-grid-container{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:20px;padding:30px;width:100%;justify-content:center;overflow-y:auto;max-height:calc(100vh - 80px);box-sizing:border-box}.ebook-page-grid-page{position:relative;cursor:pointer;transition:all .3s ease;overflow:hidden;background:#fff;box-shadow:0 3px 8px -3px #00000040;border-radius:6px;width:180px;height:240px}.ebook-page-grid-page:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000040}.ebook-page-grid-page-number{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;pointer-events:none}.ebook-page-edge-nav-button{position:absolute;top:-10px;width:60px;border:none;background:#0067de99;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15;height:10%}.ebook-page-edge-nav-button:hover:not(:disabled){background:#0067de;opacity:1}.ebook-page-edge-nav-button:disabled{cursor:not-allowed;opacity:0;pointer-events:none}.ebook-page-edge-nav-left{left:-10px;border-radius:8px}.ebook-page-edge-nav-right{right:-10px;border-radius:8px}.ebook-page-page-container:hover .ebook-page-edge-nav-button:not(:disabled){opacity:.8}.ebook-page-page-container:hover .ebook-page-edge-nav-button:hover:not(:disabled){opacity:1}.ebook-page-page-info{padding:0 12px;font-weight:700;color:var(--text-color);font-size:14px;white-space:nowrap}.ebook-page-left-controls{display:flex;align-items:center;gap:12px}.ebook-page-center-controls{display:flex;align-items:center;gap:12px;justify-content:center;flex:1}.ebook-page-right-controls{display:flex;align-items:center;gap:12px;margin-left:auto}.ebook-page-grid-button{width:40px;height:40px;border:none;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.ebook-page-grid-button:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.ebook-page-loading-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:var(--blue);position:fixed;top:0;left:0;z-index:1002}.ebook-page-loading-content{text-align:center;color:#fff;max-width:400px;padding:40px}.ebook-page-loading-title{font-size:1.8rem;font-weight:900;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.ebook-page-loading-subtitle{font-size:1rem;font-weight:500;margin:0 0 2rem;color:#ffffffe6;opacity:.9}.ebook-page-progress-container{margin:2rem 0}.ebook-page-progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;position:relative}.ebook-page-progress-fill{height:100%;background:linear-gradient(90deg,#fffc,#fff,#fffc);border-radius:3px;animation:ebook-page-progressFill 2s ease-in-out infinite}.ebook-page-loading-dots{display:flex;justify-content:center;gap:8px;margin-top:1.5rem}.ebook-page-loading-dots .dot{width:8px;height:8px;background:#ffffffb3;border-radius:50%;animation:ebook-page-dotBounce 1.4s ease-in-out infinite both}.ebook-page-loading-dots .dot:nth-child(1){animation-delay:-.32s}.ebook-page-loading-dots .dot:nth-child(2){animation-delay:-.16s}.ebook-page-loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes ebook-page-progressFill{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ebook-page-dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.ebook-page-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-color)}.ebook-page-simple-spinner{width:24px;height:24px;border:3px solid var(--light-beige);border-top:3px solid var(--blue);border-radius:50%;animation:ebook-page-simpleSpinner 1s linear infinite;margin-bottom:1rem}.ebook-page-page-loading p{font-size:14px;font-weight:500;margin:0;opacity:.8}@keyframes ebook-page-simpleSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ebook-page-first-page-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0067def2,#0067dee6);display:flex;flex-direction:column;z-index:20;animation:ebook-page-overlaySlideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ebook-page-overlay-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:21;padding:0}.ebook-page-overlay-close:hover{background:#ffffff4d;transform:scale(1.1)}.ebook-page-overlay-content{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px}.ebook-page-overlay-video{width:100%;height:60%;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0000004d}.ebook-page-overlay-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}.ebook-page-overlay-headline{font-size:1.8rem;font-weight:900;color:#fff;margin:0;line-height:1.3;margin-top:2rem}.ebook-page-overlay-button{background:#fff;color:var(--blue);border:none;padding:16px 30px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.ebook-page-overlay-button:hover{background:var(--light-beige);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}@keyframes ebook-page-overlaySlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ebook-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:40px;text-align:center;color:var(--dark-gray)}.ebook-page-error h3{margin-bottom:16px;color:var(--red);font-size:24px}.ebook-page-error p{margin-bottom:24px;font-size:16px}.ebook-page-error button{background:var(--blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.ebook-page-error button:hover{background:var(--blue-dark)}.ebook-page-lessons-sidebar{width:200px;background:#fff;border:1px solid var(--dark-beige);display:flex;margin:1rem;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-medium)}.ebook-page-lessons-header{padding:.5rem;border-bottom:1px solid var(--medium-beige);background:var(--light-beige);display:flex;align-items:flex-start;justify-content:space-between;text-align:left}.ebook-page-lessons-header-content{flex:1}.ebook-page-lessons-header p{margin:4px 0 0;font-size:.85rem;color:var(--text-color);opacity:.8;line-height:1.3}.ebook-page-lessons-header h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-color)}.ebook-page-lessons-count{background:var(--blue);color:#fff;padding:4px 10px;border-radius:50%;aspect-ratio:1/1;font-size:.8rem;font-weight:600;width:auto;height:auto}.ebook-page-lessons-content{flex:1;overflow-y:auto;padding:16px}.ebook-page-no-lessons{text-align:center;color:var(--text-color);opacity:.7;font-style:italic;margin:20px 0}.ebook-page-lesson-card{display:flex;flex-direction:column;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;margin-bottom:16px;overflow:hidden}.ebook-page-lesson-card:hover{transform:translateY(-2px)}.ebook-page-lesson-thumbnail{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;background:var(--medium-beige)}.ebook-page-lesson-thumbnail img{width:100%;height:100%;object-fit:cover}.ebook-page-lesson-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#0009;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .3s ease}.ebook-page-lesson-card:hover .ebook-page-lesson-play-overlay{background:#0067decc;transform:translate(-50%,-50%) scale(1.1)}.ebook-page-lesson-info{padding:12px 0 0}.ebook-page-lesson-title{font-size:.9rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.4;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ebook-page-lesson-card.locked{opacity:.8}.ebook-page-lesson-card.locked:hover{transform:none;box-shadow:0 4px 8px #0000001a}.ebook-page-lesson-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:8px 8px 0 0;z-index:2}.ebook-page-lesson-free-tag{display:inline-block;background:var(--green);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:8px;text-transform:uppercase}.ebook-page-lesson-locked-tag{display:inline-block;background:var(--medium-beige);color:var(--text-color);padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500;margin-top:8px;opacity:.8}.ebook-page-lesson-card.first-lesson-free{border:1px solid var(--green)}.ebook-page-lesson-card.first-lesson-free:hover{border-color:var(--green);background:#28a7450d}.ebook-page-image{max-width:100%;height:auto;display:block;background:#fff}.ebook-page-grid-thumbnail{width:100%;height:100%;display:block;object-fit:cover;background:#fff;border-radius:6px}.ebook-page-page-container{animation:ebook-page-fadeIn .3s ease-in-out;transition:all .3s ease}.ebook-page-page-container.flipping{animation:ebook-page-pageFlip .3s ease-in-out}@keyframes ebook-page-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ebook-page-pageFlip{0%{transform:rotateY(0) scale(1);opacity:1}50%{transform:rotateY(90deg) scale(.8);opacity:.3}to{transform:rotateY(0) scale(1);opacity:1}}@media (max-width: 768px){.ebook-page-controls-bar{padding:8px 10px;height:120px;flex-direction:column;gap:8px}.ebook-page-drawing-row{margin:0 auto}.ebook-page-main-content{height:calc(100vh - 190px);margin-top:190px}.ebook-page-content-container{height:100%;margin-left:0}.ebook-page-content-container.grid-view{height:calc(100vh - 100px)}.ebook-page-lessons-sidebar{display:none}.ebook-page-pages-spread{flex-direction:column;gap:10px;padding:15px;align-items:center;justify-content:center}.ebook-page-controls-bar{align-items:stretch}.ebook-page-center-toggle .ebook-page-drawing-tools{margin-left:0;justify-content:center;flex-wrap:wrap}.ebook-page-left-controls,.ebook-page-right-controls{gap:8px;flex:0 0 auto}.ebook-page-save-annotations{width:42px;height:42px;padding:0;border-radius:50%;margin-left:6px}.ebook-page-back-button{font-size:1rem}.ebook-page-page-info{font-size:1rem;padding:0 4px}.ebook-page-grid-button{width:42px;height:42px}.ebook-page-right-controls{gap:8px}.ebook-page-grid-container{grid-template-columns:repeat(auto-fill,140px);gap:15px;padding:20px;max-height:calc(100vh - 100px)}.ebook-page-grid-page{width:140px;height:187px}.ebook-page-page-container{max-width:100%}.ebook-page-left-page{align-self:center}.ebook-page-loading-content{padding:20px;max-width:300px}.ebook-page-loading-title{font-size:1.4rem;margin-bottom:.5rem}.ebook-page-loading-subtitle{font-size:.9rem;margin-bottom:1.5rem}.ebook-page-progress-container{margin:1.5rem 0}.ebook-page-page-loading{padding:2rem}.ebook-page-simple-spinner{width:20px;height:20px;border-width:2px}.ebook-page-overlay-content{padding:16px;gap:12px}.ebook-page-overlay-video{height:50%;border-radius:6px}.ebook-page-overlay-headline{font-size:1.1rem;line-height:1.2}.ebook-page-overlay-button{padding:10px 20px;font-size:13px}.ebook-page-overlay-close{width:24px;height:24px;top:8px;right:8px}}.ebook-page-annotation-toggle{display:flex;background:#e3f2fd;border-radius:20px;overflow:hidden;padding:2px}.ebook-page-toggle-option{background:transparent;color:var(--blue);border:none;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:900;transition:all .3s ease;border-radius:38px}.ebook-page-toggle-option:hover{background:#2196f31a}.ebook-page-toggle-option.active{background:var(--blue);color:#fff}.ebook-page-drawing-tools{display:flex;align-items:center;gap:12px;margin-left:20px}.ebook-page-brush-colors{display:flex;gap:8px}.ebook-page-color-btn{width:auto;aspect-ratio:1/1;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.ebook-page-color-btn:hover{transform:scale(1.1);border-color:#0000004d}.ebook-page-color-btn.active{border-color:#333;transform:scale(1.1)}.ebook-page-tool-buttons{display:flex;gap:8px;align-items:center}.ebook-page-tool-btn{background:#fff;border:2px solid #ddd;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#666}.ebook-page-tool-btn:hover:not(:disabled){border-color:#2196f3;background:#f8f9fa;color:#2196f3}.ebook-page-tool-btn.active{border-color:#2196f3;background:#2196f3;color:#fff}.ebook-page-tool-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ddd;background:#f5f5f5;color:#999}.ebook-page-stroke-size-container{position:relative;display:inline-block}.ebook-page-stroke-size-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#666;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.ebook-page-stroke-size-dropdown:hover{border-color:#2196f3;background:#f8f9fa}.ebook-page-stroke-size-dropdown.active{border-color:#2196f3;background:#f0f8ff}.ebook-page-stroke-label{color:#666;font-size:14px;font-weight:500}.ebook-page-dropdown-arrow{color:#999;font-size:10px;transition:transform .3s ease}.ebook-page-dropdown-arrow.open{transform:rotate(180deg)}.ebook-page-stroke-size-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px;margin-top:4px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px}.ebook-page-stroke-size-controls{display:flex;align-items:center;gap:12px}.ebook-page-size-slider{flex:1;height:4px;background:#e0e0e0;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ebook-page-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#2196f3;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #2196f366}.ebook-page-size-slider::-moz-range-thumb{width:16px;height:16px;background:#2196f3;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #2196f366}.ebook-page-size-label{color:#666;font-size:12px;font-weight:500;min-width:30px;text-align:center}.ebook-page-save-annotations{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:8px}.ebook-page-save-annotations:hover:not(:disabled){background:#43a047;transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.ebook-page-save-annotations:disabled{opacity:.6;cursor:not-allowed;transform:none}.ebook-page-save-annotations.has-unsaved-changes{background:#ff9800;border-color:#ff9800;position:relative}.ebook-page-save-annotations.has-unsaved-changes:hover:not(:disabled){background:#f57c00}.ebook-page-save-annotations.saving{background:#2196f3;border-color:#2196f3}.ebook-page-save-annotations.saving:hover:not(:disabled){background:#1976d2}.unsaved-indicator{position:absolute;top:-4px;right:-4px;color:var(--red);font-size:16px;font-weight:700;background:var(--red);border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;line-height:1}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ebook-page-annotation-overlay{position:absolute;top:0;left:0;cursor:crosshair;z-index:10}.ebook-page-annotation-overlay.eraser-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.5l9.6-9.6c1-1 2.5-1 3.5 0l5.2 5.2c1 1 1 2.5 0 3.5L13 21"/><path d="M22 21H7"/><path d="m5 11 9 9"/></svg>') 10 10,auto}.ebook-page-annotation-svg{pointer-events:none}.ebook-page-text-annotation{pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000001a;z-index:15}.ebook-page-text-instruction{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;pointer-events:none}.ebook-page-eraser-instruction{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#ff0034e6;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;pointer-events:none}@media (max-width: 768px){.ebook-page-annotation-toggle{margin:0}.ebook-page-toggle-option{padding:10px 16px;font-size:1rem;gap:3px}.ebook-page-drawing-tools{margin:1rem 0;gap:6px}.ebook-page-tool-buttons{gap:4px}.ebook-page-tool-btn{padding:4px;height:42px;width:42px}.ebook-page-stroke-size-dropdown{padding:6px 10px;font-size:12px}.ebook-page-stroke-label{font-size:1rem}.ebook-page-stroke-size-menu{min-width:160px;padding:10px}.ebook-page-save-annotations{padding:0;margin-left:6px}.ebook-page-text-instruction,.ebook-page-eraser-instruction{font-size:12px;padding:6px 12px}}.ebook-page-text-input-overlay{pointer-events:auto}.ebook-page-text-input-container{background:#fff;border-radius:8px;padding:12px;box-shadow:0 8px 32px #0003;border:2px solid var(--blue);min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ebook-page-text-input{width:100%;border:1px solid #ddd;border-radius:4px;padding:8px;font-family:Arial,sans-serif;font-size:14px;resize:vertical;min-height:40px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.ebook-page-text-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2196f333}.ebook-page-text-input-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.ebook-page-text-save-btn{background:var(--green);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.ebook-page-text-save-btn:hover{background:#43a047;transform:translateY(-1px)}.ebook-page-text-cancel-btn{background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.ebook-page-text-cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.ebook-page-text-annotation.draggable{transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease;position:relative}.ebook-page-text-annotation.draggable:hover{box-shadow:0 4px 12px #1481ff4d;transform:scale(1.02)}.ebook-page-text-annotation.dragging{box-shadow:0 8px 24px #1481ff66;opacity:.9;transform:scale(1.05);transition:none}.ebook-page-text-controls{position:absolute;top:-8px;right:-8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.ebook-page-text-annotation.draggable:hover .ebook-page-text-controls{opacity:1;pointer-events:auto}.ebook-page-text-control-btn{width:20px;height:20px;border:none;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.ebook-page-text-edit-btn{background:#4caf50;color:#fff}.ebook-page-text-edit-btn:hover{background:#45a049;transform:scale(1.1)}.ebook-page-text-delete-btn{background:#f44336;color:#fff}.ebook-page-text-delete-btn:hover{background:#da190b;transform:scale(1.1)}@media (max-width: 768px){.ebook-page-text-input-container{min-width:250px;max-width:300px}.ebook-page-text-input{font-size:16px}.ebook-page-edge-nav-button{width:50px;opacity:.6}.ebook-page-page-container:hover .ebook-page-edge-nav-button:not(:disabled),.ebook-page-edge-nav-button:not(:disabled){opacity:.8}.ebook-page-edge-nav-button:hover:not(:disabled){opacity:1}}.course-details-page{padding:24px;max-width:1000px;margin:0 auto;min-height:100vh}.course-details-loading,.course-details-error{display:flex;justify-content:center;align-items:center;height:50vh;font-size:18px;color:#666}.course-details-header{margin-bottom:32px}.course-details-page .course-details-title{font-size:3.2rem;font-weight:900;margin-bottom:3.5rem;text-align:center}.course-progress-section{border-radius:16px;margin-bottom:24px;overflow:hidden;position:relative}.course-progress-info{display:flex;align-items:center;gap:20px;padding:24px 24px 24px 0}.course-progress-image{height:100%;width:auto;object-fit:cover;flex-shrink:0;position:absolute;left:0;top:0;bottom:0}.course-progress-text{flex:1;margin-left:140px}.course-progress-text h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.progress-bar{width:100%;height:8px;background-color:#fff;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#007aff,#0056cc);border-radius:4px;transition:width .3s ease}.course-details-content{display:flex;flex-direction:column;gap:32px}.course-details-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.course-details-section{background:#fff;border-radius:16px;padding:24px}.course-details-section h2{font-size:24px;font-weight:900;color:#1a1a1a}.ebook-grid{display:grid;grid-template-columns:1fr;max-width:300px;width:100%;gap:0;margin:0 auto}.course-details-page .collection-ebook-button{aspect-ratio:2/3;width:100%;height:auto}.course-details-page .collection-ebook-image{width:100%;height:100%;object-fit:cover}.next-lesson-section{display:flex;flex-direction:column;gap:20px}.next-lesson-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-small);transition:all .2s ease}.next-lesson-card:hover{transform:translateY(-2px);scale:1.02;box-shadow:var(--shadow-medium)}.next-lesson-thumbnail{position:relative;width:100%;height:160px;overflow:hidden}.next-lesson-thumbnail img{width:100%;height:100%;object-fit:cover}.play-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease}.next-lesson-card:hover .play-icon-overlay{background:#007affe6}.next-lesson-info{padding:16px}.next-lesson-info h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.next-lesson-info p{font-size:14px;color:#666;margin:0}.view-all-lessons-button{display:flex;align-items:center;justify-content:center;background:var(--blue);border-radius:50px;color:#fff;font-weight:900;font-size:1.2rem;cursor:pointer;transition:all .2s ease;padding:20px;min-height:60px;margin-top:1rem}.view-all-lessons-button:hover{background:#007aff;color:#fff}.parent-resources-section{width:100%;margin-bottom:20rem}.parent-resources-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:2px solid var(--dark-beige);transition:border-color .2s ease}.parent-resources-title:hover{border-bottom-color:#007aff}.parent-resources-containers{display:flex;flex-direction:column;gap:24px;margin-top:24px}.parent-resources-top-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.course-guide-card{padding:2rem;cursor:pointer;transition:transform .2s ease;color:#fff;aspect-ratio:1/1.4;width:auto;max-width:200px;border-radius:3px;box-shadow:var(--shadow-medium);transition:all .2s ease;margin:0 auto}.course-guide-card:hover{transform:translateY(-10px);scale:1.03;box-shadow:var(--shadow-large);cursor:pointer}.course-guide-content{text-align:center}.course-guide-content h4{font-size:1.5rem;font-weight:600;margin:12px 0 0;color:#fff}.parent-links{display:flex;flex-direction:column;gap:8px}.parent-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border:none;border-radius:8px;color:#007aff;text-decoration:none;font-weight:500;cursor:pointer;transition:background .2s ease}.parent-link:hover{background:#e9ecef}.live-class-registration-card{background:var(--blue);border-radius:var(--cover-border-radius);box-shadow:var(--shadow-medium);padding:1.2rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;min-height:200px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;transition:all .2s ease;cursor:pointer}.live-class-registration-card:hover{transform:translateY(-10px);scale:1.03;box-shadow:var(--shadow-large)}.class-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;filter:blur(0px);transition:filter .3s ease}.class-card-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:2;filter:blur(20px);opacity:1;pointer-events:none}.class-card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:linear-gradient(to bottom,#000000a6,#0006,#fff0 60%,#fff0);pointer-events:none}.live-class-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;gap:.5rem;position:relative;z-index:5}.live-class-date-time{font-size:1rem;color:#fff;font-weight:600;margin-right:.5rem;letter-spacing:.2px;text-align:left}.live-class-child{color:#fff;padding:0;margin:0;margin-bottom:1rem;z-index:10;font-weight:700;text-decoration:underline}.live-class-menu-btn{background:none;border:none;cursor:pointer;padding:0;margin:0;line-height:1}.live-class-menu{position:absolute;top:calc(100% + 5px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;min-width:220px;padding:.5rem 0;display:flex;z-index:1000;flex-direction:column}a.live-class-menu-item,button.live-class-menu-item{background:none;border:none;padding:.6rem 1rem;text-align:left;cursor:pointer;color:#333;display:flex;align-items:center;font-size:.9rem;width:100%;text-decoration:none}a.live-class-menu-item:hover,button.live-class-menu-item:hover{background-color:#f0f0f0}.live-class-menu-item.unregister{color:#dc3545}.live-class-menu-item.unregister:hover{color:#fff;background-color:#dc3545}.live-class-card-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.7rem;margin-top:.2rem;text-align:left;position:relative;z-index:4}.live-class-join-btn{position:relative;z-index:4;display:inline-flex;align-items:center;margin:0 16px 16px;padding:8px 16px;background:#fff3;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s ease}.live-class-join-btn:hover{background:#ffffff4d}.view-all-card-text{font-size:1.2rem;font-weight:700;color:#fff;margin-right:.5rem;text-align:left}.view-all-card .class-card-gradient{display:none}.view-all-card:hover{background:var(--blue-hover, #0056b3)}@media (max-width: 768px){.course-details-page{padding:16px}.course-details-main-grid{grid-template-columns:1fr;gap:24px}.course-details-title{font-size:24px}.course-progress-info{flex-direction:column;text-align:center;gap:16px;padding:120px 16px 16px}.course-progress-image{position:absolute;top:0;left:0;right:0;width:100%;height:100px}.course-progress-text{margin-left:0}.ebook-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.course-details-section{padding:20px}.parent-resources-title{font-size:20px}.parent-resources-top-row{grid-template-columns:1fr;gap:16px}.live-class-registrations-list{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.course-details-page{padding:12px}.course-details-title{font-size:20px}.course-progress-image{width:100%;height:80px}.course-progress-info{padding-top:100px}.ebook-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.course-details-section{padding:16px}.course-details-section h2{font-size:20px}.live-class-registrations-list{grid-template-columns:1fr;gap:.75rem}}#root{width:100%;margin:0;padding:0;text-align:center}.logo{padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%}.form-side{background-color:var(--primary-bg);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.connection-status{margin-top:1rem;font-size:.9rem;color:#666}@media (max-width: 1024px){.app{grid-template-columns:1fr}}h4{font-size:1.3em}.benefits-grid{position:relative;z-index:2}:root{--primary-bg: #F8F6F2;--text-color: #393939;--dark-bg: #000000;--very-dark-beige: #868071;--dark-beige: #CBC6B9;--medium-beige: #EDEAE2;--light-beige: #F8F6F2;--red: #E74500;--red-light: #FFD6C5;--blue-dark: #003d83;--blue: #0067DE;--blue-light: #E3F4FF;--purple: #9625DC;--green: #17CC4A;--green-light: #D1F4DB;--orange: #FFAE00;--orange-light: #FFF5DB;--top-nav-bg: #e4e0d6;--shadow-mini: 0 4px 8px -2px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-small: 0 8px 18px -3px rgba(0, 0, 0, .15), 0 4px 8px -2px rgba(0, 0, 0, .2);--shadow-medium: 0 12px 24px -3px rgba(0, 0, 0, .2), 0 4px 8px -2px rgba(0, 0, 0, .25);--shadow-large: 0 14px 34px -2px rgba(0, 0, 0, .25), 0 10px 16px -2px rgba(0, 0, 0, .3);--cover-border-radius: 10px;--large-cover-font-size: 2rem;--large-cover-font-weight: 1000;--standard-grid-gap: 1.8rem;--section-margin-bottom: 4rem}body{background-color:var(--primary-bg);color:var(--text-color);margin:0;padding:0}.simple-container{background-color:var(--medium-beige);border-radius:var(--cover-border-radius);padding:2rem;text-align:left}.simple-container h2{font-size:1.8rem;font-weight:900;color:var(--text-color);margin-bottom:1rem;text-align:left}.chapter-section{background:#fff}.back-button{padding:.75rem 1rem;border-radius:80px;transition:all .3s ease;white-space:nowrap;font-size:1rem;background:var(--medium-beige);max-width:110px;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer;font-weight:900}.back-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 16px #00000026}.submit-button,button.primary{border:none;color:#fff;padding:.85rem 1.5rem;border-radius:80px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap;font-size:1rem;font-weight:900;box-shadow:0 2px 6px #142fff4d;background:var(--blue)}.submit-button:hover,button.primary:hover{background:#0052b3;transform:translateY(-2px);box-shadow:0 6px 12px #142fff4d}button.secondary{background:var(--blue-light);color:var(--blue);border:none;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;display:inline-flex;align-items:center;width:auto;white-space:nowrap}button.secondary:hover{background:#d1ebff;transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}.subscription-banner{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1rem 2rem;margin:0 0 2rem;border-radius:12px;box-shadow:0 4px 32px #007bff8c;position:relative;z-index:5}.subscription-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0}.subscription-banner-text{font-size:1.1rem;font-weight:600;text-align:left}.subscription-banner-button{background:#fff;color:var(--blue, #007bff);border:none;border-radius:36px;padding:.7rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.subscription-banner-button:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.early-bird-left-content{display:flex;align-items:center;gap:1.5rem}.early-bird-image{width:60px;height:60px;object-fit:contain;flex-shrink:0}@media (max-width: 768px){.subscription-banner-content,.early-bird-left-content{flex-direction:column;gap:1rem;text-align:center}}.close-banner-button{position:absolute;top:8px;right:8px;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;line-height:1;border-radius:50%;transition:background-color .2s}.close-banner-button:hover{background-color:#fff3}