/* Primary Patika design. */
@font-face{font-family:Gilroy;src:url('/assets/fonts/Gilroy-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Gilroy;src:url('/assets/fonts/Gilroy-Semibold.woff') format('woff');font-weight:600 900;font-display:swap}
@font-face{font-family:'Helvetica Neue Patika';src:url('/assets/fonts/Gilroy-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'Helvetica Neue Patika';src:url('/assets/fonts/Gilroy-Medium.woff') format('woff');font-weight:500 900;font-display:swap}
:root{--navy:#04002d;--navy2:#17133f;--orange:#FF5811;--orange-hover:#ed4a08;--yellow:#FBC401;--green:#0FA3B1;--emerald:#0FA3B1;--teal:#0FA3B1;--blue:#0a7884;--purple:#6a578c;--line:#E3E9F1;--border:#E3E9F1;--bg:#fff;--muted:#626779;--muted-light:#71758a;--text:#04002d;--white:#fff;--gray:#f5f7fa;--glass-bg:#fff;--glass-border:#E3E9F1;--card-bg:#f5f7fa;--card-border:#E3E9F1;--card-shadow:none;--font-display:Gilroy,sans-serif;--font-sans:'Helvetica Neue Patika',sans-serif}
body[data-patika-page]{font-family:var(--font-sans);background:#fff;color:var(--navy);line-height:1.5;-webkit-font-smoothing:antialiased}body[data-patika-page] :is(button,input,select,textarea){font-family:var(--font-sans)}
body[data-patika-page] :is(h1,h2,h3,.main-title,.panel-title,.section-title,.card-title,.modal-title,.widget-title,.page-title,.article-title,.hero-title){font-family:Gilroy,sans-serif;font-weight:600;letter-spacing:-.035em}
body[data-patika-page] :is(h1,.main-title,.page-title){line-height:1.12}body[data-patika-page] :is(.subtitle,.sub,.panel-copy,.lead,.description){color:var(--muted);font-weight:400;line-height:1.6}
body[data-patika-page] :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #087783;outline-offset:4px}body[data-patika-page] button{touch-action:manipulation}body[data-patika-page] button:disabled{cursor:not-allowed}
body[data-patika-page] :is(.topbar,.ai-header){background:#fff;border-bottom:0;box-shadow:none;backdrop-filter:none}body[data-patika-page] .topbar-inner{max-width:1240px;margin:auto;min-height:76px;gap:18px}body[data-patika-page] .topbar{height:auto;min-height:76px}body[data-patika-page] :is(.brand,.logo){font-family:Gilroy,sans-serif}body[data-patika-page] .patika-brand-img{width:76px;height:50px;object-fit:contain;display:block;flex-shrink:0}body[data-patika-page] :is(.nav a,.top-link){color:var(--navy);font-weight:500}
body[data-patika-page] :is(.primary,.primary-btn,.btn-primary,.btn-next,.btn-save,.btn-form,.nav-cta,.paywall-btn,.button:not(.button-outline),.hero-cta,.word-pouch-btn,.btn-add-word-top,.feat-cta){background:var(--orange);color:#fff!important;border-color:transparent;border-radius:100px;box-shadow:none;text-shadow:none;font-weight:600}body[data-patika-page] :is(.primary,.primary-btn,.btn-primary,.btn-next,.btn-save,.btn-form,.nav-cta,.paywall-btn,.button:not(.button-outline),.hero-cta,.word-pouch-btn,.btn-add-word-top,.feat-cta):hover:not(:disabled){background:var(--orange-hover);color:#fff!important;box-shadow:none}body[data-patika-page] .button-outline{background:transparent!important;color:var(--navy)!important;border:1px solid var(--navy)!important}body[data-patika-page] .button-outline:hover{background:var(--navy)!important;color:#fff!important}body[data-patika-page] :is(.secondary,.secondary-btn,.btn-secondary,.btn-ghost,.btn-outline,.btn-quiet,.btn-cancel){background:#fff;border:1px solid #c7cfd9;border-radius:100px;color:var(--navy);box-shadow:none}body[data-patika-page] :is(.glass-card,.panel,.policy-card,.article-card,.sidebar-card,.side-card,.modal-card,.paywall-modal){border-color:var(--line);border-radius:26px;box-shadow:none;backdrop-filter:none;background:#fff}body[data-patika-page] :is(.modal-card,.paywall-modal){box-shadow:0 18px 60px #04002d26}body[data-patika-page] :is(.form-field,.form-input,.type-input,.modal-field input){background:#f5f7fa;border-color:#c7cfd9;border-radius:14px;color:var(--navy)}body[data-patika-page] :is(.badge,.pill,.chip){box-shadow:none}body[data-patika-page] :is(.pathica-powered,.phase-powered){display:none}
/* Forms: a branded welcome panel, an uncluttered form and clear validation. */
body[data-patika-family=auth]{background:#fff;padding:48px 24px 72px}body[data-patika-family=auth] .auth-shell{width:min(100%,1080px);grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:48px}body[data-patika-family=auth] .brand-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--line);border-radius:36px;padding:48px;min-height:540px;position:relative;overflow:hidden}body[data-patika-family=auth] .brand-panel::after{content:'adım adım';display:block;position:absolute;right:30px;bottom:36px;background:var(--yellow);padding:8px 22px;border-radius:100px;transform:rotate(-6deg);font:600 25px Gilroy,sans-serif;color:var(--navy)}body[data-patika-family=auth] .brand-panel .patika-brand-img{width:126px;height:82px}body[data-patika-family=auth] .brand-panel .lead{font:600 32px/1.16 Gilroy,sans-serif;letter-spacing:-.04em;color:var(--navy);margin:32px 0 22px;max-width:360px}body[data-patika-family=auth] .card{padding:34px 0;border:0;border-radius:0;box-shadow:none;background:#fff}body[data-patika-family=auth] h1{font-size:36px;letter-spacing:-.04em}body[data-patika-family=auth] .kicker{display:inline-block;background:var(--yellow);border-radius:100px;padding:6px 12px;color:var(--navy);font-size:11px}body[data-patika-family=auth] .sub{margin:14px 0 26px;font-size:14px}body[data-patika-family=auth] .field{margin-bottom:18px}body[data-patika-family=auth] .field input{min-height:52px;background:#f5f7fa;border:1px solid #c7cfd9;border-radius:14px;padding:12px 16px;font-size:15px}body[data-patika-family=auth] .btn{background:var(--orange);color:#fff;height:52px;border-radius:100px;box-shadow:none}body[data-patika-family=auth] .chip{background:#fff;border:0;color:var(--navy);font-size:11px}body[data-patika-family=auth] :is(.forgot,.switch a,.teacher-link a){color:var(--navy)}body[data-patika-page=teacher-login]{background:var(--line)}body[data-patika-page=teacher-login] .card{padding:36px;border-radius:28px;border:0;max-width:440px}body[data-patika-page=teacher-login] .title{font:600 32px Gilroy,sans-serif}
/* Games: keep interactive states, shorten the chrome and focus on the task. */
body[data-patika-family=exercise] :is(.page,.page-container,.wrap){max-width:1160px;padding-bottom:76px}body[data-patika-family=exercise] :is(.main-title,h1){font-size:clamp(30px,4vw,44px)}body[data-patika-family=exercise] :is(.game-card,.glass-card,.panel,.task-card,.practice-card){border:1px solid var(--line);border-radius:28px;box-shadow:none;background:#fff;padding:28px}body[data-patika-family=exercise] :is(.practice-header,.game-header){margin-bottom:26px}body[data-patika-family=exercise] :is(.card-hud,.hud,.stats-bar,.summary-card){background:var(--line);border-radius:18px;border:0;box-shadow:none}body[data-patika-family=exercise] :is(.hud-label,.summary-label){color:#626779;font-size:10px;letter-spacing:.06em}body[data-patika-family=exercise] :is(.hud-val,.summary-value){font:600 27px Gilroy,sans-serif;color:var(--navy)}body[data-patika-family=exercise] :is(.selector,.bottom-selector-wrap){background:var(--line);border:0;border-radius:18px;box-shadow:none}body[data-patika-family=exercise] :is(.btn-primary,.primary){min-height:46px;padding:12px 22px;color:#fff}body[data-patika-family=exercise] :is(.route-card,.finish,.result-panel){border-radius:24px;border-color:var(--line);box-shadow:none}body[data-patika-family=exercise] .route-num{background:var(--yellow);color:var(--navy)}body[data-patika-family=exercise] :is(.skill-reward,.reward){background:#d7f0f1;border-color:#9cd3d7;color:#075d65}body[data-patika-family=exercise] .skill-reward strong{color:#075d65}body[data-patika-family=exercise] :is(.start-title,.prompt,.sentence,.word-display){font-family:Gilroy,sans-serif}body[data-patika-family=exercise] :is(.progress-fill,.progress-bar-fill){background:var(--orange)}body[data-patika-family=exercise] :is(.option,.word-chip,.token){border-radius:14px;box-shadow:none}body[data-patika-family=exercise] :is(.option,.word-chip,.token):focus-visible{outline-offset:2px}
/* Personal settings and dictionary: legible rows and grouped actions. */
body[data-patika-family=settings] .page{max-width:1200px;padding-bottom:80px}body[data-patika-family=settings] .panel{padding:28px;border:1px solid var(--line);margin-bottom:22px}body[data-patika-family=settings] .panel-title{font-size:26px}body[data-patika-family=settings] :is(.editor-header,.header-top-row){gap:20px}body[data-patika-family=settings] .stat-pill{border:0;background:var(--line);border-radius:100px;color:var(--navy);box-shadow:none}body[data-patika-family=settings] .stat-pill .num{color:var(--navy)}body[data-patika-family=settings] .tab-btn{border-radius:100px;box-shadow:none}body[data-patika-family=settings] .tab-btn.active{background:var(--orange);color:#fff;border-color:var(--orange)}body[data-patika-family=settings] :is(input:not([type=checkbox]):not([type=radio]),select){border-radius:12px}body[data-patika-family=settings] :is(th,td){border-color:var(--line)}body[data-patika-family=settings] th{background:#f5f7fa;color:var(--muted);font-weight:500}body[data-patika-family=settings] .btn-add-word-top{background:var(--orange);color:#fff;box-shadow:none;border:0;border-radius:100px}
/* Booking and payment: the next action and the price remain the focus. */
body[data-patika-page=booking]{background:var(--line);padding:48px 20px 80px}body[data-patika-page=booking] .widget{border:0;border-radius:32px;box-shadow:none;max-width:720px}body[data-patika-page=booking] .widget-header{background:#fff;border-bottom:1px solid var(--line);padding:28px}body[data-patika-page=booking] .widget-icon{background:var(--yellow);color:var(--navy);border-radius:16px;box-shadow:none}body[data-patika-page=booking] .widget-title{font-size:30px}body[data-patika-page=booking] :is(.slot,.day){border-radius:12px;box-shadow:none}body[data-patika-page=booking] :is(.slot.selected,.day.selected){background:var(--orange);color:#fff;border-color:var(--orange)}body[data-patika-page=booking] :is(.submit-btn,.book-btn,.success-news-btn){background:var(--orange);color:#fff;border-radius:100px;box-shadow:none}body[data-patika-page=booking] .section-label{color:var(--muted);font-weight:500}body[data-patika-page=payment] .glass-card{border:1px solid var(--line);padding:28px}body[data-patika-page=payment] .pkg-card{border-radius:20px;border-color:var(--line);box-shadow:none}body[data-patika-page=payment] .pkg-card.selected{border-color:var(--orange);background:#fff3ed;box-shadow:none}body[data-patika-page=payment] .pkg-badge{background:var(--yellow);color:var(--navy)}body[data-patika-page=payment] .sub-card{background:var(--line);border-radius:20px;box-shadow:none}body[data-patika-page=payment] .section-title{font-size:27px}body[data-patika-page=payment] .summary-item{border-color:var(--line)}
/* Editorial pages: generous type and consistent, restrained article cards. */
body[data-patika-family=editorial]>nav{background:#fff;border-bottom:0;box-shadow:none;min-height:88px}body[data-patika-family=editorial] :is(.container,.wrap){max-width:1240px}body[data-patika-family=editorial] .blog-hero{background:var(--line);border-radius:32px;border:0;box-shadow:none;overflow:hidden}body[data-patika-family=editorial] .blog-hero::before,body[data-patika-family=editorial] .blog-hero::after{display:none}body[data-patika-family=editorial] .hero-title{font-size:clamp(34px,4.5vw,52px);line-height:1.08;color:var(--navy)}body[data-patika-family=editorial] .hero-sub{font-weight:400;color:var(--muted);line-height:1.65}body[data-patika-family=editorial] .article-card{border:1px solid var(--line);overflow:hidden}body[data-patika-family=editorial] .article-card:hover{border-color:var(--orange);box-shadow:0 8px 24px #04002d08}body[data-patika-family=editorial] .article-card .article-title{font-size:25px;line-height:1.17}body[data-patika-family=editorial] .article-tag{background:var(--yellow);color:var(--navy);border:0;border-radius:100px}body[data-patika-family=editorial] .article-text{color:var(--muted);font-weight:400;line-height:1.6}body[data-patika-family=editorial] :is(.article-link,.article-link:hover){color:var(--navy)}body[data-patika-family=editorial] .article-hero{background:var(--line);border:0;border-radius:28px;padding:32px}body[data-patika-family=editorial] .article-main{border-color:var(--line);box-shadow:none;border-radius:28px}body[data-patika-family=editorial] .article-content{font-family:var(--font-sans);font-size:17px;line-height:1.8;color:var(--navy)}body[data-patika-family=editorial] .article-content :is(h2,h3){margin-top:1.5em;font-family:Gilroy,sans-serif;line-height:1.2}body[data-patika-family=editorial] .side-card{border:1px solid var(--line)}
/* Legal and informational screens keep their text, with a readable measure. */
body[data-patika-family=legal] .main-container{max-width:1000px;padding-bottom:80px}body[data-patika-family=legal] .policy-card{border:1px solid var(--line);padding:40px}body[data-patika-family=legal] .policy-header{background:var(--line);border-radius:24px;padding:28px;margin-bottom:28px}body[data-patika-family=legal] .policy-card p{line-height:1.8}body[data-patika-family=legal] .meta-info{color:var(--muted)}body[data-patika-family=marketing] :is(.bento-card,.path-step,.faq-item){border-color:var(--line);border-radius:26px;box-shadow:none}body[data-patika-family=marketing] .bento-card:not(.dark){background:var(--line)}body[data-patika-family=marketing] .dark{background:var(--navy);color:#fff}body[data-patika-family=marketing] :is(.card-num,.path-num,.bento-badge){background:var(--yellow);color:var(--navy);box-shadow:none}body[data-patika-family=marketing] .faq-question{font-family:Gilroy,sans-serif}body[data-patika-family=marketing] :is(.form-input,.slot){border-radius:12px}body[data-patika-family=marketing] .slot.active{background:var(--orange);color:#fff}
/* Staff: preserve table/calendar density and role-specific navigation. */
body[data-patika-family=teacher]{background:#f5f7fa}body[data-patika-family=teacher] :is(.page,.wrap){padding-bottom:76px}body[data-patika-family=teacher] :is(.card,.page-header,.meeting-card){border:1px solid var(--line);border-radius:24px;box-shadow:none;background:#fff}body[data-patika-family=teacher] :is(.qbtn,.week-btn,.mode-btn){border-radius:100px;box-shadow:none}body[data-patika-family=teacher] :is(.mode-btn.active,.week-btn.active){background:var(--orange);color:#fff;border-color:var(--orange)}body[data-patika-family=teacher] .tip{background:var(--line);border-radius:16px;border:0}body[data-patika-family=teacher] :is(.title,.name){font-family:Gilroy,sans-serif}body[data-patika-family=teacher] .avatar{border-radius:24px}body[data-patika-family=teacher] .input{background:#f5f7fa;border-color:#c7cfd9;border-radius:12px}
body[data-patika-family=admin]{background:#f5f7fa}body[data-patika-family=admin] .sb{background:#fff;border-right:1px solid var(--line)}body[data-patika-family=admin] .sb-logo{color:var(--navy);border-color:var(--line);font-family:Gilroy,sans-serif}body[data-patika-family=admin] :is(.sb-sec,.nav-group-toggle){color:var(--muted)}body[data-patika-family=admin] .ni{color:var(--navy);margin:3px 10px;border-radius:12px}body[data-patika-family=admin] .ni.active{background:var(--orange);color:#fff;box-shadow:none}body[data-patika-family=admin] .ni:hover{background:var(--line);color:var(--navy)}body[data-patika-family=admin] .ni .badge{background:var(--line);color:var(--navy)}body[data-patika-family=admin] :is(.sb-bottom a,.sb-bottom button){color:var(--navy)}body[data-patika-family=admin] .topbar{border-bottom:1px solid var(--line);min-height:70px}body[data-patika-family=admin] .content{padding:24px 28px 70px}body[data-patika-family=admin] :is(.stat-card,.table-wrap,.kbn-col,.modal,.system-card){border-color:var(--line);border-radius:20px;box-shadow:none}body[data-patika-family=admin] :is(.tb-btn,.tab,.btn-save,.btn-cancel){border-radius:100px}body[data-patika-family=admin] :is(th,td){border-color:var(--line)}body[data-patika-family=admin] th{background:var(--line);color:var(--navy)}body[data-patika-family=admin] input,body[data-patika-family=admin] textarea{border-radius:10px}body[data-patika-family=admin] .news-editor{border-radius:24px}
/* Preserve immersive app layouts; update only their surfaces and controls. */
body[data-patika-page=ai] .ai-header{border-bottom:0}body[data-patika-page=ai] .composer{border-color:var(--line);border-radius:24px;box-shadow:0 8px 28px #04002d0a;background:#fff}body[data-patika-page=ai] :is(.role-btn,.quick-btn,.grammar-topic-btn){background:#f5f7fa;border-color:var(--line);border-radius:16px;color:var(--navy);box-shadow:none}body[data-patika-page=ai] :is(.role-btn.active,.grammar-topic-btn.active){background:var(--yellow);color:var(--navy)}body[data-patika-page=city] :is(.city-header,.city-stage-card,.panel){border-color:var(--line);border-radius:24px;box-shadow:none}body[data-patika-page=city] .brand-mark{background:var(--orange);color:#fff}body[data-patika-page=city] .btn{border-radius:100px}
@media(max-width:900px){body[data-patika-family=auth] .auth-shell{gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}body[data-patika-family=auth] .brand-panel{padding:32px;min-height:480px}body[data-patika-family=auth] .brand-panel .lead{font-size:28px}body[data-patika-family=exercise] :is(.game-card,.glass-card,.panel,.task-card){padding:22px}body[data-patika-family=editorial] .article-hero{padding:24px}}
@media(max-width:650px){body[data-patika-family=auth]{padding:24px 20px 72px;display:block}body[data-patika-family=auth] .auth-shell{display:flex;flex-direction:column;gap:24px}body[data-patika-family=auth] .brand-panel{min-height:0;padding:24px;border-radius:24px;width:100%}body[data-patika-family=auth] .brand-panel .patika-brand-img{width:76px;height:50px}body[data-patika-family=auth] .brand-panel .lead{font-size:24px;margin:20px 0 8px}body[data-patika-family=auth] .brand-panel::after{display:none}body[data-patika-family=auth] .chips,body[data-patika-family=auth] .benefits{display:none}body[data-patika-family=auth] .card{width:100%;padding:8px 0 20px}body[data-patika-page=teacher-login] .card{padding:28px;margin:40px auto}body[data-patika-page] .topbar-inner{flex-wrap:wrap;padding:14px 16px;gap:12px}body[data-patika-page] .patika-brand-img{width:60px;height:40px}body[data-patika-page] .nav{gap:6px;flex-wrap:wrap}body[data-patika-page] .nav a{font-size:12px;padding:8px 10px}body[data-patika-family=exercise] :is(.game-card,.glass-card,.panel,.task-card){padding:20px 16px;border-radius:22px}body[data-patika-family=settings] .panel{padding:22px 18px}body[data-patika-family=legal] .policy-card{padding:22px 18px}body[data-patika-family=legal] .policy-header{padding:22px}body[data-patika-family=booking] .glass-card{padding:22px 18px}body[data-patika-page=booking]{padding:24px 16px 72px}body[data-patika-family=admin] .content{padding:16px 12px 70px}body[data-patika-family=admin] .ni{margin:0 3px}body[data-patika-family=editorial] .article-content{font-size:16px}body[data-patika-family=editorial] .article-hero{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){body[data-patika-page] *,body[data-patika-page] *::before,body[data-patika-page] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{}
/* Compatibility aliases for existing shared stylesheets, without remote fonts. */
@font-face{font-family:Nunito;src:url('/assets/fonts/Gilroy-Regular.woff') format('woff');font-display:swap}
@font-face{font-family:Merriweather;src:url('/assets/fonts/Gilroy-Semibold.woff') format('woff');font-weight:400 900;font-display:swap}
@font-face{font-family:'Gochi Hand';src:url('/assets/fonts/Gilroy-Semibold.woff') format('woff');font-display:swap}