:root{--bg:#eef5fb;--card-bg-front:linear-gradient(135deg,#fff,#f3faff);--text-front:#1a3d6d;--text-primary:#1a202c;--text-secondary:#718096;--border-color:#e2e8f0;--input-bg:#f7fafc;--accent-color:#36f;--accent-gradient:linear-gradient(90deg,#36f,#8a3ffc)}body,html{margin:0;padding:0;padding-top:env(safe-area-inset-top,0);font-family:Rubik,Assistant,sans-serif;overflow-x:hidden;overflow-y:auto;text-align:right;background-color:var(--bg)}.main-view{flex-grow:1}.all-word-screen,.dashboard-container,.ss-container{width:90%;max-width:1400px;margin:0 auto;box-sizing:border-box}.module-title{display:flex;align-items:center;justify-content:center;gap:.75rem}.tutorial-content{text-align:right;max-width:600px;max-height:85vh;overflow-y:auto}.tutorial-content h2{text-align:center;margin-bottom:1.5rem}.tutorial-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eef5fb;text-align:right}.tutorial-section:last-of-type{border-bottom:none;padding-bottom:0}.tutorial-section h3{font-size:1.2rem;color:var(--accent-color);margin-bottom:.5rem}.tutorial-section.example{background-color:#f8faff;padding:1rem;border-radius:8px}.tutorial-section ul{padding-right:20px}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #eef5fb;padding-bottom:.5rem;flex-shrink:0;background:#fff}.tutorial-nav-btn{background-color:transparent;color:#333;padding:.6rem 1.2rem;border-radius:50px;border:1px solid #add8e6;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tutorial-nav-btn:active{transform:scale(.95);background-color:#add8e633}@media (hover:hover){.tutorial-nav-btn:hover{background-color:#add8e61a;border-color:#87ceeb}}.tutorial-nav-btn.hidden{visibility:hidden}#tutorial-page-counter{font-size:.9rem;color:var(--secondary-text-color)}#accessibility-widget{position:fixed;bottom:1.25rem;right:1.25rem;z-index:2147483647}#accessibility-btn{width:3rem;height:3rem;border-radius:50%;border:none;background-color:#fff;color:#0052cc;font-size:1.8rem;box-shadow:0 4px 15px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s}#accessibility-btn:active{transform:scale(.9)}@media (hover:hover){#accessibility-btn:hover{transform:scale(1.1);background-color:#f0f7ff}}#accessibility-menu{position:absolute;bottom:4rem;right:0;width:16rem;background-color:#fff;border-radius:.8rem;box-shadow:0 10px 30px #0003;padding:1.2rem;box-sizing:border-box;opacity:0;transform:translateY(10px);visibility:hidden;transition:all .3s ease}#accessibility-widget.open #accessibility-menu{opacity:1;transform:translateY(0);visibility:visible}#accessibility-menu h2{margin:0 0 1rem;font-size:1.2rem;color:#333;text-align:center;font-family:Rubik,sans-serif}#accessibility-menu ul{list-style:none;padding:0;margin:0}#accessibility-menu li{margin-bottom:.6rem}#accessibility-menu button{width:100%;padding:.8rem;border:1px solid #eee;background:#f9f9f9;color:#333;font-size:1rem;border-radius:.4rem;cursor:pointer;text-align:right;font-family:Assistant,sans-serif;transition:background .2s}#accessibility-menu button:hover{background:#eef5fb;border-color:#0052cc}#accessibility-menu .statement-link{display:block;text-align:center;margin-top:1rem;font-size:.9rem;color:#0052cc;text-decoration:underline}#hide-accessibility-btn{margin-top:.8rem;background-color:#fff1f1!important;color:#d32f2f!important;border:1px solid #ffcdd2!important;font-weight:700}html.accessible-grayscale{filter:grayscale(100%)!important}html.accessible-high-contrast{filter:contrast(150%) brightness(110%)!important}body.accessible-links-highlight a{text-decoration:underline!important;background-color:#ff0!important;color:#000!important;outline:2px solid #000!important}html.accessible-grayscale #accessibility-widget,html.accessible-high-contrast #accessibility-widget{filter:none!important}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:98;padding:1rem}.close-btn{position:absolute;top:.625rem;background:0 0;border:none;font-size:2rem;color:#aaa;cursor:pointer;transition:transform .1s}.close-btn:active{transform:scale(.9)}.modal-content h2{margin-top:0;margin-bottom:1.5rem}.input-group{width:100%;position:relative}.login-form .input-group{margin-bottom:1rem}.cta-button{padding:.8rem 2rem;font-size:1.1rem;font-weight:600;border-radius:3.125rem;text-decoration:none;border:.1rem solid;cursor:pointer;transition:all .3s ease;margin-top:.3rem;gap:1rem;background-color:transparent;color:#000;border-color:#add8e6}.cta-button:active{transform:scale(.96);background-color:#357abd}html.accessible-negative-contrast,html.accessible-negative-contrast #accessibility-widget,html.accessible-negative-contrast img,html.accessible-negative-contrast video{filter:invert(1) hue-rotate(180deg)!important}@media (hover:hover){.cta-button:hover{background-color:#add8e6;border-color:#add8e6;transform:translateY(-.05rem)}}.cta-button.secondary{background-color:transparent;color:#007bff;border:1.5px solid #007bff;box-shadow:none}.cta-button.secondary:active{background-color:#e7f3ff;transform:scale(.96)}@media (hover:hover){.cta-button.secondary:hover{background-color:#e7f3ff;transform:none;box-shadow:none}}main#landing-page-content{display:block;width:100%}div#learning-interface,main#landing-page-content{flex-grow:1}.content-container{max-width:87.5rem;width:100%;box-sizing:border-box;position:relative;z-index:1;text-align:right}.signup-button{background-color:#4a90e2;color:#fff;padding:1rem;border:none;border-radius:.625rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s;width:100%}.signup-button:active{transform:scale(.97);background-color:#357abd}@media (hover:hover){.signup-button:hover{background-color:#357abd}}.google-signup{background-color:#ea4335;color:#fff;padding:1rem;border-radius:.625rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:background-color .3s ease,transform .1s;width:100%}.google-signup:active{transform:scale(.97);background-color:#c93527}@media (hover:hover){.google-signup:hover{background-color:#c93527}}.sidebar{position:fixed;top:0;right:0;height:100%;width:min(25rem,80vw);background-color:#fff;box-shadow:-.25rem 0 .75rem #00000026;z-index:200;display:flex;flex-direction:column;padding-top:1rem;overflow-y:auto;padding-bottom:5rem;box-sizing:border-box;transform:translateX(100%);visibility:hidden;transition:transform .4s ease-in-out,visibility 0s .4s}.sidebar.open{transform:translateX(0);visibility:visible;transition:transform .4s ease-in-out,visibility 0s}.sidebar-links{list-style:none;margin:0;padding:.5rem 0 0;width:100%}.sidebar-links li{border-bottom:.0625rem solid #eee}.sidebar-links a{display:block;padding:1rem 1.5rem;color:var(--text-front);text-decoration:none;font-size:1.1rem;transition:background-color .2s}.sidebar-links a:active{background-color:#f0f4f8}@media (hover:hover){.sidebar-links a:hover{background-color:#e6f0ff}}.sidebar-links a.active{background-color:#e6f0ff;font-weight:700;color:#1a3d6d}.sidebar.open .sidebar-link.open-auth-modal-btn{background:linear-gradient(to bottom right,#bee5ff7d,#fff);color:#333}.sidebar.open .sidebar-link.upgrade-link{background:linear-gradient(to bottom right,#ffffe0,#fff);color:#333;font-weight:700}.sidebar-logo-container{display:flex;justify-content:flex-end;align-items:center;padding:0 0 0 15px}.sidebar-logo-video{width:60px;height:50px;object-fit:contain}section[id]{scroll-margin-top:80px}.nav-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:201;background-color:#fff;color:var(--text-front);border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;box-shadow:0 .25rem .75rem #00000026;transition:transform .2s ease}.nav-toggle:active{transform:scale(.9)}@media (hover:hover){.nav-toggle:hover{transform:scale(1.1)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:199;display:none;cursor:pointer}.modal{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.hidden{display:none}.modal .modal-overlay{position:absolute;inset:0;background-color:#0009}.modal .modal-content.tutorial-content{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:450px;width:90%;text-align:center;position:relative;z-index:99;max-height:80vh;min-height:80vh;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}@media (min-width:768px){.modal .modal-content.tutorial-content{height:80vh}}#onboarding-body{flex-grow:1;overflow-y:auto;padding:0 1rem;text-align:right}.modal .close-btn{position:absolute;top:.625rem;background:0 0;border:none;font-size:2rem;color:#aaa;cursor:pointer;transition:transform .1s}.modal .close-btn:active{transform:scale(.9)}#auth-title{font-size:1.8rem;color:var(--text-primary);margin-bottom:.5rem}#auth-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.input-group{text-align:right;margin-bottom:1.25rem}.input-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.input-group input{width:100%;padding:14px 16px;border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:8px;font-size:1rem;box-sizing:border-box;transition:all .2s ease}.input-group input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px #36f3}.input-group input[type=checkbox]{width:auto;padding:0;margin:0}.error-message{color:#e53e3e;font-size:.9rem;min-height:20px;margin-bottom:1rem;text-align:right}.auth-button.primary-action{width:100%;padding:16px;background:var(--accent-gradient);color:#fff;border-radius:8px;border:none;transition:transform .1s}.auth-button.primary-action:active{transform:scale(.98)}.auth-button.google{width:100%;background-color:#fff;color:#333;border:1px solid var(--border-color);border-radius:8px;transition:background-color .2s,transform .1s}.auth-button.google:active{background-color:#e2e6ea;transform:scale(.98)}@media (hover:hover){.auth-button.google:hover{background-color:#f7fafc}}.auth-button.google img{width:20px;height:20px}.separator{display:flex;align-items:center;gap:1rem;color:#ccc;margin:.5rem 0}.separator hr{flex-grow:1;border:none;border-top:1px solid #eee}.toggle-auth{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.toggle-auth a{color:var(--accent-color);font-weight:600;text-decoration:none}@media (hover:hover){.toggle-auth a:hover{text-decoration:underline}}.back-btn{position:fixed;top:1.25rem;left:1.25rem;z-index:2;right:auto;width:3.125rem;height:3.125rem;background-color:#fff;color:var(--text-front);border-radius:50%;box-shadow:0 .25rem .75rem #00000026;display:flex;align-items:center;justify-content:center;line-height:0;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.back-btn i{font-size:1.2rem}.back-btn:active{transform:scale(.95);box-shadow:0 .125rem .5rem #0000001a}@media (hover:hover){.back-btn:hover{transform:scale(1.05);box-shadow:0 .375rem 1rem #0003}}.auth-button{padding:14px 32px;font-size:1rem;font-weight:600;font-family:Rubik,sans-serif;border-radius:50px;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:all .3s ease;display:inline-block}.auth-button:active{transform:scale(.96)}@media (hover:hover){.auth-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040}}.auth-button.open-auth-modal-btn{background:linear-gradient(90deg,#36f,#8a3ffc);color:#fff;border:none;box-shadow:0 5px 15px #3366ff4d}@media (hover:hover){.auth-button.open-auth-modal-btn:hover{box-shadow:0 8px 25px #36f6}}.auth-button.secondary{background-color:transparent;color:#3f4f65;border:2px solid #a8b2d1;margin:.5rem}.auth-button.secondary:active{background-color:#a8b2d11a}@media (hover:hover){.auth-button.secondary:hover{background-color:#a8b2d11a;border-color:#e6f1ff;color:#68798d}}#custom-confirm-modal{z-index:10}.info-btn{display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--accent-color-light);background-color:transparent;color:var(--accent-color);font-family:'Times New Roman',serif;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s,transform .2s;flex-shrink:0}.info-btn:active{transform:scale(.9)}@media (hover:hover){.info-btn:hover{background-color:var(--accent-color-light);transform:scale(1.1)}}.guest-login-option{display:flex;align-items:center;gap:1rem;color:#aaa;margin:1.5rem 0}.guest-login-option hr{flex-grow:1;border:none;border-top:1px solid #eee}.auth-button.guest{width:100%;background-color:#f0f4fa;color:#4a5568;border:1px solid #e2e8f0}.auth-button.guest:active{background-color:#cbd5e0}@media (hover:hover){.auth-button.guest:hover{background-color:#e2e8f0}}@media (max-width:37.5em){.features-slider-container{width:100%}.hero{height:auto;min-height:90vh;max-height:90vh;padding-bottom:4rem}.hero p{font-size:1rem}.h1-second-line{padding-left:1.5rem}#hero-buttons{flex-direction:row}.hero-buttons{display:flex;flex-direction:column;gap:.1rem;width:fit-content;margin-left:auto;margin-right:auto}.auth-button.secondary{align-self:flex-end;border:none;margin:0}.skill-widget .info-btn{position:absolute;top:1.5rem;left:1.5rem}.feature-card h3{font-size:1.3rem}.feature-card p{font-size:.95rem}.cta-button{padding:.8rem 1.5rem;font-size:1rem}.info-card{padding:1rem 1.2rem}.amirnet-info h2{font-size:1.6rem}.info-card h3{font-size:1.1rem}.sticky-cta-text{display:none}.sticky-cta-content{gap:.75rem;justify-content:center}.sticky-cta-bar{padding:.75rem 1rem}.hero-buttons .auth-button,.sticky-cta-content .auth-button{padding:10px 18px;font-size:.9rem}}@media (max-width:480px){.tutorial-footer{margin-top:1rem;padding-top:.5rem}.nav-toggle{z-index:3}.tutorial-nav-btn{padding:.5rem .8rem;font-size:.9rem;font-weight:500}.tutorial-footer #onboarding-page-counter{font-size:.85rem}.modal .modal-content.tutorial-content{padding:2rem 1rem;width:95%;min-height:80vh}}.hero-wave .shape-fill{fill:#eaf1f8}.hero-content{position:relative;padding:0 1rem;opacity:1;transition:opacity .6s ease-out,transform .6s ease-out;z-index:1;color:#fff}.footer,footer{position:relative;background-color:#f9f9f9;margin-top:5rem;padding:2rem 1rem 5rem;text-align:center;color:#777;box-sizing:border-box;flex-shrink:0}.footer-wave{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:translateY(-100%) rotate(180deg)}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:70px}.footer-wave .shape-fill{fill:#f9f9f9}.footer a{color:#777;text-decoration:none;margin:0 .625rem}.footer-links-grid{display:flex;justify-content:center;gap:4rem;margin-bottom:2rem;padding-top:1rem;position:relative;z-index:1}.footer-column{display:flex;flex-direction:column;gap:.8rem;text-align:right}.footer-column h4{margin:0 0 .5rem;color:#1a3d6d;font-size:1.1rem;font-weight:700}.footer-column a{color:#576574;text-decoration:none;font-size:.95rem;transition:color .2s ease;margin:0!important}@media (hover:hover){.footer-column a:hover{color:#4a90e2}}.footer>p{margin-top:2rem;font-size:.9rem;color:#94a3b8;position:relative;z-index:1;order:unset}@media (max-width:767px){.footer-column{text-align:center;align-items:center}.footer-column a{padding:5px 0}}@media (max-width:768px){.hero-content h1{text-align:right;padding-right:1.5rem;margin-bottom:6rem}.hero-content{text-align:center}}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out;padding:0 1rem}.accordion-content p,.accordion-content ul{margin-top:0;padding-bottom:1.5rem;line-height:1.7}.accordion-content ul{padding-right:20px}.accordion-item.active{color:#4a90e2}.accordion-item.active .accordion-content{max-height:650px;transition:max-height .5s ease-in}.scroll-to-top{position:fixed;bottom:1.5rem;left:1.5rem;width:2.5rem;height:2.5rem;background-color:#fff;color:#000;border:none;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;z-index:5;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000008;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.scroll-to-top:active{transform:translateY(0) scale(.9)}@media (hover:hover){.scroll-to-top:hover{transform:translateY(0) scale(1.1)}}.scroll-to-top.visible{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translateX(26px)}.accordion-content{background-color:#fff;max-height:0;overflow:hidden;border:1px solid #ddd;border-top:none;border-radius:12px;margin:0;max-width:1000px;transition:max-height .4s ease-in-out,padding .4s ease-in-out;padding:0 1.5rem}.accordion-header:active{opacity:.7}.modal-actions{display:flex;gap:10px;justify-content:center}#auth-modal #auth-form{flex-grow:.5;overflow-y:auto;padding-right:10px;padding-left:10px;flex-grow:.5;overflow-y:auto;padding-right:10px;padding-left:10px}.whatsapp-button{background:linear-gradient(135deg,#44c767,#25d366);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;font-family:Arial,sans-serif;font-size:16px;box-shadow:0 4px 6px #0000001a}.whatsapp-button:hover{background:linear-gradient(135deg,#25d366,#128c7e);transform:translateY(-2px);transition:all .2s ease;box-shadow:0 6px 8px #0003}.whatsapp-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.accordion-header,.auth-button,.cta-button,.feature-card,.info-card,.plan{transition:all .3s cubic-bezier(.25,.8,.25,1)!important}#auth-modal .modal-content{display:flex;flex-direction:column;height:620px;max-height:90vh;background-color:var(--card-bg-color);border-radius:16px;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000008;max-width:450px;width:90%;position:fixed;z-index:99;box-sizing:border-box;overflow:hidden;padding:2rem}#google-signin-btn{display:flex;justify-content:center;align-items:center;height:44px;padding:0}#auth-modal #google-signin-btn,#auth-modal .separator,#auth-modal .toggle-auth{flex-shrink:0}@media (max-width:768px){#auth-modal .modal-content{height:550px;padding:1.5rem}}.progress-bar-container{flex:1;width:100%;height:10px;background-color:#e2e8f0;border-radius:50px;overflow:hidden;direction:ltr}.progress-bar-fill{height:100%;background:linear-gradient(270deg,#42a5f5,#3457d5);border-radius:50px;width:0;transition:width 1.2s cubic-bezier(.25,1,.5,1)}.progress-percentage{flex:0 0 45px;font-weight:600;font-size:.95rem;color:#3b82f6;text-align:left}@media (max-width:768px){.progress-bar-container{flex:1!important;min-width:50px}.topic-name,.topic-progress-item .topic-name{flex:0 0 85px!important;min-width:85px!important;font-size:.85rem}.topic-progress-item{gap:10px!important}.progress-percentage{flex:0 0 38px!important;font-size:.85rem}}