:root{--ostazy-teal: #0f766e;--ostazy-teal-dark: #0b5a54;--ostazy-sky: #0ea5a4;--ostazy-sand: #f3f7f6;--ostazy-ink: #14323a;--ostazy-muted: #5b7278;--ostazy-accent: #f59e0b;--ostazy-card: #ffffff;--ostazy-radius: 1rem;--ostazy-shadow: 0 18px 40px rgba(20, 50, 58, .08);--font-display: "Cairo", "Segoe UI", sans-serif;--font-body: "Cairo", "Segoe UI", sans-serif}[lang=en]{--font-display: "Nunito", "Segoe UI", sans-serif;--font-body: "Nunito", "Segoe UI", sans-serif}.skip-link{position:absolute;inset-inline-start:-9999px;top:.75rem;z-index:1080;padding:.5rem .9rem;background:var(--ostazy-teal);color:#fff;border-radius:.5rem}.skip-link:focus{inset-inline-start:.75rem}#teachers,#students{scroll-margin-top:5.5rem}html,body{min-height:100%}body{font-family:var(--font-body);color:var(--ostazy-ink);background:radial-gradient(circle at top left,rgba(14,165,164,.18),transparent 34%),radial-gradient(circle at top right,rgba(245,158,11,.12),transparent 28%),linear-gradient(180deg,#f7fbfb,#eef5f4)}h1,h2,h3,h4,h5,.brand-mark{font-family:var(--font-display);font-weight:800}.navbar-ostazy{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-bottom:1px solid rgba(15,118,110,.08)}.brand-mark{color:var(--ostazy-teal);letter-spacing:-.02em}.brand-logo{line-height:1}.brand-logo-img{display:block;flex-shrink:0;height:auto;max-width:min(100%,180px)}.navbar-brand .brand-logo-img{max-width:min(100%,150px)}.btn-ostazy{--bs-btn-bg: var(--ostazy-teal);--bs-btn-border-color: var(--ostazy-teal);--bs-btn-hover-bg: var(--ostazy-teal-dark);--bs-btn-hover-border-color: var(--ostazy-teal-dark);--bs-btn-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-active-bg: var(--ostazy-teal-dark);--bs-btn-active-border-color: var(--ostazy-teal-dark);--bs-btn-active-color: #fff;border-radius:999px;padding-inline:1.25rem;font-weight:700}.btn-ostazy-outline{--bs-btn-color: var(--ostazy-teal);--bs-btn-border-color: var(--ostazy-teal);--bs-btn-hover-bg: var(--ostazy-teal);--bs-btn-hover-border-color: var(--ostazy-teal);--bs-btn-hover-color: #fff;border-radius:999px;padding-inline:1.25rem;font-weight:700}.install-cta-button{min-width:min(100%,16rem);padding-block:.85rem;font-size:1.15rem}.share-session-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.9rem 1rem;border:1px solid rgba(15,118,110,.16);border-radius:var(--ostazy-radius);background:#fff;text-decoration:none;color:inherit}.share-session-row:hover,.share-session-row:focus-visible{border-color:var(--ostazy-teal);background:#0f766e0f;color:inherit}.share-session-copy{display:grid;gap:.15rem;min-width:0}.share-session-title{color:var(--ostazy-teal);font-weight:800;text-decoration:underline;text-underline-offset:.18em}.share-session-row .btn{pointer-events:none;flex-shrink:0}@media(max-width:575.98px){.share-session-row{flex-direction:column;align-items:stretch}.share-session-row .btn{width:100%}}.hero-panel{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:2.5rem 0 3rem;width:100%;overflow-x:clip}.hero-copy{max-width:38rem;width:100%}.hero-kicker{color:var(--ostazy-sky);font-weight:700;letter-spacing:.04em;font-size:.95rem}.hero-title{font-size:clamp(1.85rem,6vw,3.6rem);line-height:1.25;margin:.75rem 0 1rem;word-wrap:break-word;overflow-wrap:anywhere}.hero-text{color:var(--ostazy-muted);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.8}.hero-visual{min-height:clamp(220px,42vw,420px);width:100%;border-radius:1.5rem;background:#0f766e;box-shadow:var(--ostazy-shadow);position:relative;overflow:hidden}.hero-visual-img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:55% 30%}.hero-visual-video-wrap{display:flex;min-height:0;align-items:center;justify-content:center;background:#063f3b}.hero-visual-video{display:block;width:100%;max-height:34rem;object-fit:contain;background:#063f3b}.hero-video-badge{position:absolute;top:1rem;inset-inline-start:1rem;display:inline-flex;align-items:center;gap:.45rem;max-width:calc(100% - 2rem);padding:.55rem .8rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#063f3be0;box-shadow:0 .35rem 1rem #0000002e;font-size:.85rem;font-weight:700;line-height:1.2;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);pointer-events:none}.hero-panel-compact{min-height:auto}.lp-photo-card{overflow:hidden;padding:0}.lp-photo-card img{display:block;width:100%;height:13.5rem;object-fit:cover}.lp-photo-body{padding:1.25rem 1.5rem 1.5rem}.lp-split-visual{min-height:clamp(220px,36vw,340px);width:100%;border-radius:var(--ostazy-radius);overflow:hidden;background:#0f766e}.lp-split-visual img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center 30%}.lp-trial-note{font-size:.9rem;color:var(--ostazy-muted);line-height:1.7}.lp-trial-note a{color:var(--ostazy-teal);text-decoration:none;font-weight:600}.lp-trial-note a:hover{text-decoration:underline}.study-journey{overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(20,184,166,.12),transparent 42%),var(--ostazy-card)}.study-journey-heading{max-width:46rem}.study-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0;list-style:none}.study-journey-step{position:relative;z-index:1;min-width:0;padding:1.25rem 1rem;text-align:center;border:1px solid rgba(15,118,110,.12);border-radius:1rem;background:#ffffffe0}.study-journey-step:not(:last-child):after{content:"→";position:absolute;top:2rem;inset-inline-end:-1.35rem;z-index:2;width:1.7rem;color:var(--ostazy-teal);font-size:1.4rem;font-weight:800;line-height:1}[dir=rtl] .study-journey-step:not(:last-child):after{content:"←"}.study-journey-icon{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto .8rem;border-radius:50%;color:#fff;background:var(--ostazy-teal);box-shadow:0 .5rem 1rem #0f766e33;font-size:1.25rem;font-weight:800}.surface-card{background:var(--ostazy-card);border:1px solid rgba(15,118,110,.08);border-radius:var(--ostazy-radius);box-shadow:var(--ostazy-shadow)}.session-video{width:100%;max-width:36rem;background:#111;border-radius:.75rem;overflow:hidden}.session-video video{object-fit:contain;background:#111}.contact-channel{display:flex;align-items:center;gap:.95rem;padding:.95rem 1.1rem;border:1px solid rgba(15,118,110,.1);border-radius:1rem;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 20px #14323a0a;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.contact-channel:hover,.contact-channel:focus-visible{border-color:#0f766e47;box-shadow:0 12px 28px #14323a1a;color:inherit;transform:translateY(-1px)}.contact-channel-icon{width:2.65rem;height:2.65rem;border-radius:.85rem;display:grid;place-items:center;background:#0f766e1a;color:var(--ostazy-teal);flex-shrink:0}.contact-channel.whatsapp .contact-channel-icon{background:#e7f8ef;color:#128c7e}.contact-channel.facebook .contact-channel-icon{background:#e8f0fe;color:#1877f2}.footer-facebook{display:inline-flex;align-items:center;gap:.35rem;color:#1877f2;font-weight:700}.footer-facebook:hover,.footer-facebook:focus-visible{color:#0d65d9}.ticket-bubble{border-radius:1rem;padding:.95rem 1.15rem;background:#fff;border:1px solid rgba(15,118,110,.1);box-shadow:0 8px 20px #14323a0a}.ticket-bubble.staff{background:#0f766e0f;border-color:#0f766e29}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:min(100%,440px);padding:2rem}.app-shell{min-height:100vh}.app-sidebar{width:260px;background:#0f3d3a;color:#e8f5f3;min-height:100vh;flex-shrink:0;display:flex;flex-direction:column}.app-sidebar-head{flex-shrink:0}.app-sidebar-nav{flex:1 1 auto;min-height:0;align-content:start}.app-sidebar-foot{flex-shrink:0;margin-top:auto}.app-sidebar a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 1rem;border-radius:.75rem;width:100%;align-self:start}.app-sidebar .sidebar-label{font-size:.75rem;font-weight:700;opacity:.5;padding:.95rem 1rem .2rem;margin:0}html[dir=ltr] .app-sidebar .sidebar-label{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.study-status{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:#0f766e14;color:var(--ostazy-teal);white-space:nowrap}.study-status-not_started{background:#5b72781f;color:var(--ostazy-muted)}.study-status-learning{background:#0ea5a41f}.study-status-needs_review{background:#f59e0b29;color:#b45309}.study-status-mastered{background:#0f766e24}.study-context-card{border:1px solid rgba(15,118,110,.14)}.study-context-form .form-label{font-weight:700;font-size:.86rem}.app-sidebar .sidebar-badge{background:#e85d4c;color:#fff;border-radius:999px;min-width:1.4rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700;text-align:center;line-height:1.2;flex-shrink:0}.app-sidebar a:hover,.app-sidebar a.active{background:#ffffff14}.app-main{flex:1;min-width:0;padding:1.5rem}.app-toolbar-title{min-width:0}.app-toolbar-title .h4{overflow-wrap:anywhere}.app-toolbar-actions{justify-content:flex-end;min-width:0}.app-menu-toggle{width:2.75rem;height:2.75rem;border:1px solid rgba(15,118,110,.18);border-radius:.75rem;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;flex-shrink:0}.app-menu-toggle-bar{display:block;width:1.15rem;height:2px;background:var(--ostazy-ink);border-radius:99px;transition:transform .2s ease,opacity .2s ease}.app-menu-toggle.is-open .app-menu-toggle-bar:nth-child(1),.navbar-toggler[aria-expanded=true] .app-menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-menu-toggle.is-open .app-menu-toggle-bar:nth-child(2),.navbar-toggler[aria-expanded=true] .app-menu-toggle-bar:nth-child(2){opacity:0}.app-menu-toggle.is-open .app-menu-toggle-bar:nth-child(3),.navbar-toggler[aria-expanded=true] .app-menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-menu-toggle-dark{border-color:#fff3;background:#ffffff14}.app-menu-toggle-dark .app-menu-toggle-bar{background:#e8f5f3}.navbar-ostazy .navbar-toggler{border:0;box-shadow:none}.navbar-ostazy .navbar-toggler:focus{box-shadow:none}.app-sidebar-backdrop{display:none}body.app-menu-open{overflow:hidden}.app-toolbar-user{overflow-wrap:anywhere}.web-push-enable{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;max-width:100%}.web-push-message{max-width:24rem;overflow-wrap:anywhere}.locale-switch{display:inline-flex;align-items:stretch;gap:.2rem;padding:.2rem;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#fffffff2;flex-shrink:0}.locale-link{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:2.25rem;padding:.35rem .85rem;border-radius:999px;text-decoration:none;color:var(--ostazy-muted);font-weight:800;font-size:.8rem;line-height:1;white-space:nowrap;isolation:isolate}.locale-link:hover,.locale-link:focus-visible{color:var(--ostazy-teal)}.locale-link.active{color:#fff;background:var(--ostazy-teal)}@keyframes float-card{0%,to{transform:rotate(18deg) translateY(0)}50%{transform:rotate(18deg) translateY(-12px)}}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.ai-chat-window{max-height:55vh;overflow-y:auto}.ai-bubble{padding:.9rem 1rem;border-radius:1rem;max-width:min(100%,48rem)}.ai-bubble-user{background:#0f766e1a;margin-inline-start:auto}.ai-bubble-assistant{background:#f8faf9;border:1px solid rgba(15,118,110,.08)}.ai-content{white-space:normal;line-height:1.8}.study-helper{margin-top:.85rem;padding:.85rem 1rem;border-radius:.85rem;background:#0f766e0f;border:1px solid rgba(15,118,110,.22);border-inline-start-width:4px;border-inline-start-color:#0f766e}.study-helper-label{font-size:.75rem;font-weight:700;color:#0f766e;margin-bottom:.4rem}.study-helper-content{white-space:normal;line-height:1.7;font-size:.95rem}.study-helper-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:.45rem;list-style:none;padding:0;margin:0}.payoff-points{display:flex;flex-wrap:wrap;gap:.45rem}.payoff-points span{background:#0f766e1a;color:#0f766e;border-radius:999px;padding:.28rem .75rem;font-size:.85rem;font-weight:600}.credit-nudge{border-color:#b4530940}.session-chat-window{max-height:420px;min-height:220px;overflow-y:auto;padding:.75rem;border:1px solid rgba(15,118,110,.1);border-radius:1rem;background:#fbfefd}.session-chat-row-own{text-align:end}.session-chat-bubble{display:inline-block;padding:.7rem .9rem;border-radius:1rem;max-width:min(100%,28rem);white-space:pre-wrap;word-break:break-word}.session-chat-bubble-own{background:#0f766e1f}.session-chat-bubble-other{background:#fff;border:1px solid rgba(15,118,110,.08)}.voice-rec-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:#dc2626;margin-inline-end:.35rem;animation:pulse-soft 1s ease-in-out infinite}.name-display-option{display:flex;align-items:center;gap:.35rem;border:1px solid rgba(15,118,110,.14);border-radius:1rem;padding:.85rem 1rem;cursor:pointer;background:#fff;min-height:3.25rem}.name-display-option.is-selected{border-color:var(--ostazy-teal);background:#0f766e0f;box-shadow:inset 0 0 0 1px var(--ostazy-teal)}.name-display-preview{border-radius:1rem;background:#fbfefd;padding:.85rem 1rem}.homework-voice-box,.homework-voice-player{border-radius:1rem;background:#fbfefd;border:1px solid rgba(15,118,110,.1);padding:1rem}.homework-voice-player audio,.homework-voice-box audio{min-height:2.5rem}[x-cloak]{display:none!important}.stat-pill{background:#fff;border:1px solid rgba(15,118,110,.1);border-radius:999px;padding:.75rem 1rem;text-align:center;font-weight:700;font-size:.9rem;color:var(--ostazy-teal-dark);box-shadow:var(--ostazy-shadow);min-height:3.25rem;display:grid;place-items:center}.how-step-num{width:2rem;height:2rem;border-radius:999px;background:#0f766e1f;color:var(--ostazy-teal);font-weight:800;display:grid;place-items:center;margin-bottom:.85rem}.trial-banner{background:linear-gradient(135deg,#0f766e14,#f59e0b1a);border:1px solid rgba(15,118,110,.12);border-radius:var(--ostazy-radius);padding:1.5rem 1.75rem}.plan-card-popular{border-color:#f59e0b73;box-shadow:0 18px 40px #f59e0b1f}.review-card{background:var(--ostazy-card);border:1px solid rgba(15,118,110,.08);border-radius:var(--ostazy-radius);box-shadow:var(--ostazy-shadow);padding:1.5rem;margin:0;display:flex;flex-direction:column}.review-stars{color:var(--ostazy-accent);letter-spacing:.12em;margin-bottom:.75rem}.review-quote{color:var(--ostazy-ink);line-height:1.8;margin:0 0 1.25rem;flex-grow:1}.review-person{display:flex;align-items:center;gap:.75rem}.review-avatar{width:2.5rem;height:2.5rem;border-radius:999px;background:#0f766e1f;color:var(--ostazy-teal);font-weight:800;display:grid;place-items:center;flex-shrink:0}.final-cta{background:#0f3d3a;color:#e8f5f3;border-radius:1.25rem;padding:2.25rem 1.75rem}.final-cta .btn-ostazy-outline{--bs-btn-color: #fff;--bs-btn-border-color: rgba(255, 255, 255, .45);--bs-btn-hover-bg: #fff;--bs-btn-hover-color: #0f3d3a}.role-choice{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(15,118,110,.1);border-radius:var(--ostazy-radius);box-shadow:var(--ostazy-shadow);padding:1.5rem;transition:transform .15s ease,border-color .15s ease}.role-choice:hover{transform:translateY(-3px);border-color:var(--ostazy-teal);color:inherit}.role-choice-kicker{display:inline-block;color:var(--ostazy-sky);font-weight:700;font-size:.8rem;margin-bottom:.4rem}@media(max-width:991.98px){.hero-panel{min-height:auto;padding:1.5rem 0 2rem;align-items:flex-start}.hero-visual{min-height:220px;border-radius:1.25rem}.lp-photo-card img{height:11rem}.study-journey-steps{grid-template-columns:1fr}.study-journey-step{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:1rem;text-align:start}.study-journey-icon{grid-row:1 / span 2;margin:0}.study-journey-step:not(:last-child):after,[dir=rtl] .study-journey-step:not(:last-child):after{content:"↓";top:auto;bottom:-1.25rem;inset-inline-end:auto;inset-inline-start:1.5rem;transform:translate(-50%)}.btn-ostazy.btn-lg,.btn-ostazy-outline.btn-lg{width:100%;text-align:center}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:1045;width:min(18.5rem,88vw);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;overflow:hidden;transform:translate3d(-110%,0,0);transition:transform .22s ease;box-shadow:none;padding-bottom:max(1rem,env(safe-area-inset-bottom))}html[dir=rtl] .app-sidebar{transform:translate3d(110%,0,0)}.app-sidebar.is-open,html[dir=rtl] .app-sidebar.is-open{transform:none;box-shadow:var(--ostazy-shadow)}.app-sidebar-nav{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:.5rem}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background:#0f323a73}.navbar-ostazy .navbar-collapse{padding-top:.75rem}}@media(max-width:575.98px){.hero-title{font-size:clamp(1.65rem,8vw,2.2rem)}.auth-card{padding:1.35rem}.app-main{padding:1rem .75rem}.app-toolbar{align-items:stretch!important}.app-toolbar,.app-toolbar-actions{width:100%}.app-toolbar-actions{justify-content:flex-start;gap:.65rem 1rem!important}.app-toolbar-user,.app-toolbar-actions .web-push-enable{width:100%}.app-toolbar-actions .web-push-enable{order:10}.app-toolbar-actions .web-push-enable .btn{width:100%;white-space:normal}}.support-chat{position:fixed;inset-inline-end:1.1rem;inset-block-end:1.1rem;z-index:1080;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.75rem}.support-chat-toggle{width:3.25rem;height:3.25rem;border:0;border-radius:999px;background:var(--ostazy-teal);color:#fff;box-shadow:var(--ostazy-shadow);display:inline-flex;align-items:center;justify-content:center}.support-chat-toggle:hover{background:var(--ostazy-teal-dark)}.support-chat-panel{width:min(22.5rem,calc(100vw - 1.5rem));max-height:min(32rem,calc(100vh - 6rem));display:flex;flex-direction:column;background:#fff;border:1px solid rgba(15,118,110,.12);border-radius:var(--ostazy-radius);box-shadow:var(--ostazy-shadow);overflow:hidden}.support-chat-head{padding:.85rem 1rem;background:var(--ostazy-teal);color:#fff}.support-chat-window{flex:1;min-height:12rem;max-height:18rem;overflow-y:auto;padding:.85rem 1rem;background:#fbfefd}.support-chat-row-own{text-align:end}.support-chat-bubble{display:inline-block;padding:.65rem .85rem;border-radius:.9rem;max-width:100%;white-space:pre-wrap;word-break:break-word;font-size:.92rem}.support-chat-bubble-own{background:#0f766e1f}.support-chat-bubble-bot{background:#fff;border:1px solid rgba(15,118,110,.08)}.support-chat-form{padding:.75rem 1rem .35rem;border-top:1px solid rgba(15,118,110,.08)}.support-chat-footer{padding:.55rem 1rem .85rem;color:var(--ostazy-muted)}.support-chat-footer a{color:var(--ostazy-teal);font-weight:600}.pwa-install{position:fixed;inset-inline-start:1.1rem;inset-block-end:1.1rem;z-index:1070;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;max-width:min(22rem,calc(100vw - 6.5rem));padding:.9rem 1rem;background:#fff;border:1px solid rgba(15,118,110,.12);border-radius:var(--ostazy-radius);box-shadow:var(--ostazy-shadow)}.pwa-install p{margin:.2rem 0 0;color:var(--ostazy-muted);font-size:.9rem}.pwa-install-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:575.98px){.pwa-install{inset-inline-start:1.1rem;inset-inline-end:1.1rem;inset-block-end:5.2rem;max-width:none}}.interactive-lesson-progress{flex:1 1 12rem;height:.45rem;border-radius:999px;background:#0f766e1f;overflow:hidden;min-width:8rem}.interactive-lesson-progress span{display:block;height:100%;background:#0f766e;border-radius:inherit}.interactive-lesson-slide{min-height:12rem;padding:1rem 1.1rem;border-radius:1rem;background:#f8faf9;border:1px solid rgba(15,118,110,.08)}.interactive-lesson-slide ul{padding-inline-start:1.2rem;line-height:1.8}