.avatar-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(1,33,105,.18);background:linear-gradient(180deg,#fff,#f6f8ff);color:var(--uk-blue);cursor:pointer;transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease,background .2s ease}.avatar-btn:hover{border-color:#0121694d;box-shadow:0 4px 14px #01216926}.avatar-btn:active{transform:translateY(1px)}.user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;border-radius:12px;border:1px solid rgba(1,33,105,.12);background:#fff;box-shadow:var(--shadow-1);padding:6px;display:none;z-index:1200}.user-menu.is-open{display:block}.user-menu__item{display:block;width:100%;text-align:left;padding:.6rem .7rem;border:0;background:transparent;color:var(--ink);border-radius:10px;font-weight:550;cursor:pointer;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden}.user-menu__item:hover{background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-menu__item:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.user-menu__item: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}.user-menu__item:hover:before{left:100%}.user-menu__item--danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.user-menu__item--disabled{opacity:.6;cursor:not-allowed}.user-menu__item--disabled:hover{background:transparent;color:var(--ink);transform:none;box-shadow:none}.premium-link{background:linear-gradient(135deg,gold,#ffed4e);color:#000!important;font-weight:700;margin:.5rem;border-radius:8px}.premium-star{margin-right:.5rem}.nav__lang{margin-left:12px}.lang-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(1,33,105,.18);background:linear-gradient(180deg,#fff,#f6f8ff);color:var(--uk-blue);cursor:pointer;transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease,background .2s ease}.lang-btn:hover{border-color:#0121694d;box-shadow:0 4px 14px #01216926}.lang-btn:active{transform:translateY(1px)}.mobile-menu__lang{padding:10px 14px 0;display:none}.mobile-menu{pointer-events:none}.mobile-menu.is-open{pointer-events:auto;z-index:1100}.nav__right-section{display:flex;align-items:center;gap:1rem;margin-left:auto}.nav__cta{display:none;position:relative;z-index:1300}@media (min-width: 901px){.nav__cta{display:block}.nav__right-section,.mobile-menu__lang{display:none}}@media (max-width: 1000px){.nav__cta{display:block}.nav__right-section{display:flex}.nav__cta .btn--outline{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.avatar-btn{width:36px;height:36px}}@media (max-width: 480px){.nav__right-section{gap:.75rem}.nav__cta .btn--outline{padding:.4rem .8rem;font-size:.8rem}.nav__lang{display:none}.mobile-menu__lang{display:block}}.admin-nav{background:#0f172a;border-bottom:1px solid rgba(255,255,255,.06)}.admin-nav .logo__flag{background:#22c55e}.admin-menu{display:flex;align-items:center;gap:22px}.admin-menu a{color:#e2e8f0;font-weight:600;padding:10px 14px;border-radius:8px;transition:background .2s ease,color .2s ease}.admin-menu a:hover{background:#ffffff14;color:#fff}.admin-menu a.is-active{background:#334155;color:#fff}.admin-user{display:flex;align-items:center;gap:10px}.admin-user__email{color:#cbd5e1;font-size:14px}.admin-badge{display:inline-block;font-size:12px;background:#22c55e;color:#0f172a;padding:2px 8px;border-radius:999px;font-weight:700}.admin-nav .nav__toggle{color:#e2e8f0;border-color:#ffffff2e;background:linear-gradient(180deg,#0f172a,#111c33);margin-left:auto}.admin-nav .nav__toggle:hover{border-color:#ffffff47;box-shadow:0 4px 14px #0000004d}.admin-nav .mobile-menu{background:#0b1222;border-color:#ffffff14}.admin-nav .mobile-menu a{color:#e2e8f0}.admin-nav .mobile-menu a:hover{background:#ffffff14;color:#fff}.mobile-menu__user-info{display:none;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.5rem}.mobile-menu__email{color:#cbd5e1;font-size:.9rem;display:block;margin-bottom:.5rem;word-break:break-all}.mobile-menu__badge{display:inline-block;font-size:.75rem;background:#22c55e;color:#0f172a;padding:2px 8px;border-radius:999px;font-weight:700}.mobile-menu__logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:#ef4444;font-size:1rem;cursor:pointer;transition:background-color .2s ease;text-align:left}.mobile-menu__logout-btn:hover{background:#ef44441a}.mobile-menu__divider{height:1px;background:#ffffff14;margin:.5rem 0}@media (max-width: 860px){.admin-nav .menu,.admin-nav .nav__cta .admin-user .btn--outline{display:none}.mobile-menu__user-info{display:block}.admin-user__email,.admin-badge{display:none}.admin-user{gap:0}.admin-nav .nav__inner{display:flex;align-items:center;justify-content:space-between}.admin-nav .nav__toggle{order:3;margin-left:auto}.admin-nav .nav__cta{order:2;margin-left:auto}}@media (max-width: 480px){.admin-user{min-width:auto}}@media (min-width: 861px){.mobile-menu__user-info{display:none}.admin-user__email,.admin-badge{display:inline-block}.admin-nav .nav__toggle{display:none}}@media (prefers-color-scheme: light){.hero{background:radial-gradient(1000px 500px at -10% -20%,#0121690f,#01216900 60%),radial-gradient(1000px 500px at 110% -10%,#c8102e12,#c8102e00 60%),linear-gradient(180deg,#fff,#f8faff);border-bottom:1px solid rgba(1,33,105,.08)}.hero__content h1{background:linear-gradient(135deg,var(--uk-blue),var(--uk-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__points{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.4rem .8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hero__points li{position:relative;padding-left:1.2rem;color:var(--muted)}.hero__points li:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));box-shadow:0 0 0 3px #01216914}.hero__flag img{filter:drop-shadow(0 10px 24px rgba(1,33,105,.15))}.sections{background:radial-gradient(800px 360px at 12% 0%,#0121690d,#01216900 60%),radial-gradient(800px 360px at 95% 10%,#c8102e0d,#c8102e00 60%),transparent}.sections h2{background:linear-gradient(135deg,#1f4db1,var(--uk-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sections .tile{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#01216959,#c8102e59) border-box;border:1px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sections .tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.sections .tile__badge{height:6px;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));border-radius:999px;opacity:.95;margin-bottom:.6rem}.sections .tile h3{color:var(--ink)}.sections .tile p{color:var(--muted)}.sections .tile__link{color:var(--uk-blue);font-weight:700}.why{background:linear-gradient(180deg,#01216908,#c8102e08);border-top:1px solid rgba(1,33,105,.08);border-bottom:1px solid rgba(1,33,105,.08)}.why__card{background:var(--card);border-radius:var(--radius-sm);border:1px solid rgba(1,33,105,.08);box-shadow:0 2px 12px #0121690f;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.why__card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));opacity:.95}.why__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0121691f}.why__icon{color:var(--uk-blue)}.why__title{color:var(--ink)}.why__desc{color:var(--muted)}}@media (min-width: 500px) and (max-width: 1024px){.hero__flag img{height:auto;max-width:1024px}.hero__inner{flex-direction:column;align-items:center;text-align:center}.hero__content{margin-bottom:1.5rem}.hero__visual{min-height:360px!important}.hero__actions{justify-content:center}}@media (min-width: 820px) and (max-width: 1024px){.hero__visual{min-height:460px!important}}.placement{padding:44px 0 60px}.placement .page-title{font-size:2rem;color:var(--uk-blue);margin-bottom:.25rem}.placement .lead{color:var(--muted);margin-bottom:1.2rem}.placement .panel{background:var(--card);border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:16px}.progress{position:relative;height:10px;background:#eef1ff;border-radius:999px;overflow:hidden;margin:8px 0 2px}.progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));transition:width .3s ease}.progress__info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.test-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 900px){.test-grid{grid-template-columns:1fr}}.question-card{background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);padding:14px 14px 12px;box-shadow:var(--shadow-1)}.q-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid rgba(1,33,105,.12);background:#fff}.badge--level{background:linear-gradient(135deg,#0121690f,#c8102e0f)}.badge--cat{background:#f6f8ff}.q-title{font-weight:700;margin:.1rem 0 .5rem}.options{display:grid;gap:.4rem;margin:.2rem 0 .8rem}.option{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:10px;border:1px solid rgba(1,33,105,.12);background:#fff;transition:background .2s ease,border-color .2s ease}.option:hover{background:#0121690d;border-color:#01216938}.option input[type=radio]{accent-color:var(--uk-blue)}.text-input{width:100%;border:1.5px solid rgba(1,33,105,.25);border-radius:10px;padding:.6rem .7rem;font-size:1rem;outline:none}.text-input:focus{border-color:var(--uk-blue);box-shadow:0 0 0 3px #0121691f}.actions{margin-top:18px;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.helper{color:var(--muted);font-size:.9rem}.alert{margin-top:.6rem;padding:.6rem .8rem;border:1px solid #f2c4c4;background:#fff3f3;color:#7a2a2a;border-radius:10px}.result-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}@media (max-width: 900px){.result-summary{grid-template-columns:1fr}}.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:.6rem}.kpi .tile{border-radius:12px;padding:10px 12px;min-height:unset}.kpi .tile h4{margin:0 0 .2rem}.strengths,.weaknesses{margin-top:.6rem}.review{margin-top:18px}.review-item{border-top:1px dashed rgba(1,33,105,.18);padding:10px 0}.review-item.correct{background:linear-gradient(90deg,rgba(30,200,70,.08),transparent)}.review-item.incorrect{background:linear-gradient(90deg,rgba(200,16,46,.08),transparent)}.review-row{display:grid;grid-template-columns:40px 1fr;gap:10px}.answer{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:#eef1ff;border:1px solid rgba(1,33,105,.12)}.answer--ok{background:#1ec8461f;border-color:#1ec84640}.answer--bad{background:#c8102e1f;border-color:#c8102e40}.account{padding:44px 0 60px}.account .page-title{font-size:2rem;color:var(--uk-blue);margin-bottom:.25rem}.account .lead{color:var(--muted);margin-bottom:1rem}.card.form{background:var(--card);border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:16px}.field-group{border:0;padding:0;margin:0 0 14px}.field-group legend{font-weight:800;color:var(--ink);margin-bottom:8px}.field{display:grid;gap:.35rem;margin-bottom:.7rem}.label{font-weight:600;color:var(--muted)}.input{width:100%;border:1.5px solid rgba(1,33,105,.25);border-radius:10px;padding:.6rem .7rem;font-size:1rem;outline:none;background:#fff}.input:focus{border-color:var(--uk-blue);box-shadow:0 0 0 3px #0121691f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}@media (max-width: 800px){.grid-2{grid-template-columns:1fr}}.note{margin:.5rem 0;padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(1,33,105,.12);background:#f6f8ff;width:100%}.note--ok{border-color:#1ec84640;background:#1ec84614;color:#195a2a}.note--error{border-color:#f2c4c4;background:#fff3f3;color:#7a2a2a}.actions{display:flex;gap:.6rem;justify-content:flex-end}.danger-zone{border:1px solid rgba(220,53,69,.3)!important;background:linear-gradient(135deg,#fff8f8,#fff3f3)!important;margin-top:3rem;border-radius:12px;box-shadow:0 2px 8px #dc35451a}.danger-legend{color:#dc3545!important;font-weight:800;font-size:1.1rem;padding:0 8px}.danger-content{padding:1.5rem 0 .5rem}.danger-warning{color:#7a2a2a;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem;background:#dc35450d;padding:1rem;border-radius:8px;border-left:4px solid #dc3545}.btn--danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid #dc3545;border-radius:10px;padding:.7rem 1.5rem;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 4px #dc35454d}.btn--danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);border-color:#bd2130;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.btn--danger:active{transform:translateY(0)}.btn--danger:disabled{background:#e35d6a;border-color:#e35d6a;cursor:not-allowed;transform:none;box-shadow:none}.delete-confirm{background:#dc354508;border:1px solid rgba(220,53,69,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.delete-warning{color:#7a2a2a;margin-bottom:1.2rem;line-height:1.6;font-size:.95rem;background:#dc354514;padding:1rem;border-radius:8px;border-left:4px solid #dc3545}.delete-confirm .field{margin-bottom:1.2rem}.delete-confirm .label{color:#7a2a2a;font-weight:600}.delete-confirm .input{border-color:#dc354566;background:#fff}.delete-confirm .input:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.delete-actions{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(220,53,69,.1)}@media (max-width: 800px){.danger-zone{margin-top:2rem}.delete-actions{flex-direction:column}.delete-actions .btn{width:100%;justify-content:center}}.delete-actions .btn{min-width:120px}.delete-actions .btn:not(.btn--danger){background:#6c757d;color:#fff;border:1px solid #6c757d}.delete-actions .btn:not(.btn--danger):hover{background:#5a6268;border-color:#545b62}.goog-te-banner-frame,.goog-te-menu-frame,.goog-te-ftab-link,.goog-text-highlight{display:none!important}.no-translate,.vocabulary-table,.grammar-table,.exercise-content,.data-table,.irregular-verbs-table,.word-list,table,code,.quiz-container,.exercise-questions,[translate=no]{translate:none!important}.article{line-height:1.7;color:#333}.article__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 0;margin-bottom:3rem}.article__breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.article__breadcrumb-link{color:#fffc;text-decoration:none}.article__breadcrumb-link:hover{color:#fff}.article__breadcrumb-separator{color:#fff9}.article__breadcrumb-current{color:#fff;font-weight:500}.article__title{font-size:2.5rem;margin:0 0 1rem;line-height:1.2}.article__intro{font-size:1.2rem;opacity:.9;margin-bottom:1.5rem}.article__meta{display:flex;gap:2rem;font-size:.9rem;opacity:.8}.article__content{max-width:800px;margin:0 auto}.article__section{margin-bottom:4rem}.article__section h2{color:#2c3e50;border-bottom:3px solid #3498db;padding-bottom:.5rem;margin-bottom:2rem}.tip-box{background:#e8f4fd;border-left:4px solid #3498db;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.tip-box--important{background:#fff3cd;border-left-color:#ffc107}.tip-box h3{margin-top:0;color:#2c3e50}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.point-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #e74c3c}.point-card--negative{border-left-color:#e74c3c}.point-card h4{margin-top:0;color:#2c3e50}.method-card{gap:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 12px #0000001a;margin-bottom:2rem;border-left:5px solid #3498db}.method-card__icon{font-size:3rem;flex-shrink:0}.method-card__content h3{color:#2c3e50;margin-top:0}.method-list{list-style:none;padding:0}.method-list li{padding:.5rem 0;border-bottom:1px solid #ecf0f1}.method-list li:last-child{border-bottom:none}.example-box{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;border-left:3px solid #27ae60}.stat-box{display:flex;gap:2rem;margin:1.5rem 0}.stat{text-align:center;padding:1rem;background:#3498db!important;color:#fff;border-radius:8px;min-width:100px}.stat__number{display:block;font-size:1.5rem;font-weight:700}.stat__label{font-size:.8rem;opacity:.9}.progress-chart{margin:1.5rem 0}.chart-bar{background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:6px;font-size:.9rem;transition:transform .3s ease}.chart-bar:hover{transform:translate(5px)}.schedule{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.schedule__day{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.schedule__day--weekend{background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.schedule__day h4{margin-top:0;color:#2c3e50}.schedule__day ul{list-style:none;padding:0;text-align:left}.schedule__day li{padding:.5rem 0;border-bottom:1px solid #ecf0f1;font-size:.9rem}.schedule__day li:last-child{border-bottom:none}.warning-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.warning-card{background:#ffeaa7;padding:1.5rem;border-radius:8px;border-left:4px solid #fdcb6e}.warning-card h4{margin-top:0;color:#2c3e50}.success-story{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;padding:2rem;border-radius:12px;position:relative;margin:2rem 0}.success-story__quote{font-size:4rem;position:absolute;top:1rem;left:2rem;opacity:.3}.success-story__content{position:relative;z-index:1}.success-story__progress{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.progress-item{background:#fff3;padding:.75rem 1rem;border-radius:6px;font-size:.9rem}.progress-item span{font-weight:700}.action-box{background:#2ecc71;color:#fff;padding:2rem;border-radius:12px;text-align:center;margin:2rem 0}.btn{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease}.btn--primary{background:#fff;color:#2ecc71}.btn--secondary:hover{background:#fff;color:#2ecc71}.article__footer{border-top:2px solid #ecf0f1;padding-top:2rem;margin-top:3rem}.article__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tag{background:#ecf0f1;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;color:#7f8c8d}.article__share{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}@media (max-width: 768px){.article__title{font-size:2rem}.method-card{flex-direction:column;text-align:center}.stat-box{flex-direction:column;gap:1rem}.action-buttons{flex-direction:column}.schedule{grid-template-columns:1fr}}.cefr-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.cefr-level{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center}.cefr-level--basic{border-top:4px solid #e74c3c}.cefr-level--independent{border-top:4px solid #f39c12}.cefr-level--proficient{border-top:4px solid #27ae60}.cefr-level__header h3{margin:0 0 .5rem;color:#2c3e50}.cefr-level__subtitle{font-size:.9rem;color:#7f8c8d;font-style:italic}.cefr-level__items{margin-top:1rem}.cefr-item{padding:.75rem;margin:.5rem 0;background:#f8f9fa;border-radius:6px;font-weight:500}.level-detail{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;overflow:hidden}.level-detail__header{padding:1.5rem;display:flex;align-items:center;gap:1rem}.level-detail__badge{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem}.level-detail--a1 .level-detail__badge{background:#e74c3c}.level-detail--a2 .level-detail__badge{background:#e67e22}.level-detail--b1 .level-detail__badge{background:#f39c12}.level-detail--b2 .level-detail__badge{background:#2ecc71}.level-detail--c1 .level-detail__badge{background:#27ae60}.level-detail--c2 .level-detail__badge{background:#16a085}.level-detail__header h3{margin:0;color:#2c3e50}.level-detail__content{padding:1.5rem;border-top:1px solid #ecf0f1}.skill-list{list-style:none;padding:0;margin:1rem 0}.skill-list li{padding:.5rem 0;border-bottom:1px solid #ecf0f1}.skill-list li:last-child{border-bottom:none}.level-example{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;border-left:3px solid #3498db;font-style:italic}.level-stats{display:flex;gap:1rem;margin-top:1rem}.stat-small{text-align:center;padding:.75rem;background:#ecf0f1;border-radius:6px;flex:1}.stat-small__value{display:block;font-weight:700;color:#2c3e50;font-size:1.1rem}.stat-small__label{font-size:.8rem;color:#7f8c8d}.application-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.application-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #3498db}.application-card h4{margin-top:0;color:#2c3e50}.application-card ul{padding-left:1rem;margin:0}.application-card li{margin-bottom:.5rem;font-size:.9rem}.comparison-table h4{margin-top:15px;font-size:1.2rem;color:#2c3e50;text-align:center}@media (max-width: 768px){.cefr-overview{grid-template-columns:1fr}.level-detail__header{flex-direction:column;text-align:center;gap:.5rem}.level-stats{flex-direction:column}.comparison-table{padding:1rem}.comparison-table table{font-size:.9rem}}.scenario-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.scenario-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #3498db}.scenario-card--essential{border-left-color:#e74c3c}.scenario-card--useful{border-left-color:#f39c12}.scenario-card--optional{border-left-color:#95a5a6}.scenario-card h4{margin-top:0;color:#2c3e50}.scenario-level{background:#ecf0f1;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;color:#7f8c8d;display:inline-block;margin-top:1rem}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.pros-cons__column{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.pros-cons__header{padding:1.5rem;color:#fff;text-align:center}.pros-cons__header--pro{background:#27ae60}.pros-cons__header--con{background:#e74c3c}.pros-cons__header h3{margin:0}.pros-cons__list{padding:1.5rem}.pros-cons__item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #ecf0f1}.pros-cons__item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.pros-cons__item h4{margin:0 0 .5rem;color:#2c3e50}.certificate-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.certificate-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.certificate-card__header{background:#34495e;color:#fff;padding:1.5rem;text-align:center}.certificate-card__header h3{margin:0 0 .5rem;font-size:1.5rem}.certificate-card__type{font-size:.9rem;opacity:.8}.certificate-card__details{padding:1.5rem}.cert-detail{display:flex;justify-content:between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ecf0f1}.cert-detail:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cert-detail__label{font-weight:500;color:#2c3e50;flex:1}.cert-detail__value{color:#7f8c8d}.certificate-card__pros-cons{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #ecf0f1}.certificate-card__pros-cons .pro{color:#27ae60;margin-bottom:.5rem;font-size:.9rem}.certificate-card__pros-cons .con{color:#e74c3c;font-size:.9rem}.cost-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.cost-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;border-top:4px solid #3498db}.cost-item--total{border-top-color:#e74c3c;background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.cost-item h4{margin:0 0 1rem;color:#2c3e50;font-size:1rem}.cost-amount{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.cost-item p{margin:0;font-size:.9rem;color:#7f8c8d}.preparation-timeline{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.timeline{position:relative;margin-top:1.5rem}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:#3498db}.timeline-item{display:flex;margin-bottom:2rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{width:60px;height:60px;background:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:1.5rem;flex-shrink:0;position:relative;z-index:1}.timeline-content{flex:1;padding-top:.5rem}.timeline-content h5{margin:0 0 .5rem;color:#2c3e50}.timeline-content p{margin:0;color:#7f8c8d}.alternative-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.alternative-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #2ecc71;text-align:center}.alternative-card h4{margin:0 0 1rem;color:#2c3e50}.alternative-card p{margin:0;color:#7f8c8d;font-size:.9rem}.decision-matrix{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.matrix-cell{padding:1.5rem;border-radius:8px}.matrix-cell:first-child{background:#d5f4e6;border-left:4px solid #27ae60}.matrix-cell:last-child{background:#fadbd8;border-left:4px solid #e74c3c}.matrix-cell h4{margin:0 0 1rem;color:#2c3e50}.matrix-cell ul{margin:0;padding-left:1rem}.matrix-cell li{margin-bottom:.5rem;font-size:.9rem}.final-verdict{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin:2rem 0}.final-verdict h3{margin:0 0 1rem}.final-verdict p{margin:0;font-size:1.1rem;line-height:1.6}@media (max-width: 768px){.pros-cons,.certificate-comparison,.cost-breakdown,.matrix-grid{grid-template-columns:1fr}.timeline:before{left:25px}.timeline-marker{width:50px;height:50px;margin-right:1rem}}.problem-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.problem-card p{margin:0;color:#7f8c8d;font-style:italic}.foundation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.foundation-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 12px #0000001a;display:flex;gap:1.5rem;border-left:5px solid #3498db}.foundation-card__icon{font-size:3rem;flex-shrink:0}.foundation-card__content h3{margin:0 0 1rem;color:#2c3e50}.foundation-card__content ul{margin:1rem 0;padding-left:1rem}.foundation-card__content li{margin-bottom:.5rem;font-size:.9rem}.foundation-stats{margin-top:1rem}.stat-mini{text-align:center;padding:.5rem;background:#ecf0f1;border-radius:6px;display:inline-block}.stat-mini__number{display:block;font-weight:700;color:#2c3e50;font-size:1.1rem}.stat-mini__label{font-size:.8rem;color:#7f8c8d}.phrase-examples{margin-top:1rem}.phrase-example{background:#f8f9fa;padding:.75rem;border-radius:6px;font-size:.9rem;border-left:3px solid #27ae60}.phrase-example span{display:block;margin-bottom:.25rem}.phrase-example span:last-child{margin-bottom:0;font-weight:500;color:#27ae60}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.method-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #3498db}.method-item h4{margin:0 0 1rem;color:#2c3e50}.method-item p{margin:0 0 1rem;font-weight:500}.method-item ul{margin:1rem 0;padding-left:1rem}.method-item li{margin-bottom:.5rem;font-size:.9rem}.method-tip{background:#fff3cd;padding:.75rem;border-radius:6px;border-left:3px solid #ffc107;font-size:.9rem;margin-top:1rem}.fear-breaking{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.fear-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #e74c3c}.fear-item h4{margin:0 0 1rem;color:#2c3e50}.solution{background:#d5f4e6;padding:1rem;border-radius:6px}.solution h5{margin:0 0 .5rem;color:#27ae60}.solution p{margin:0;font-size:.9rem}.confidence-building{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.confidence-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.confidence-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.step-number{width:40px;height:40px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h5{margin:0 0 .25rem;color:#2c3e50}.step-content p{margin:0;font-size:.8rem;color:#7f8c8d}.daily-habits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.habit-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #9b59b6}.habit-card h4{margin:0 0 1rem;color:#2c3e50;text-align:center}.habit-card ul{margin:0;padding-left:1rem}.habit-card li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.progress-tracker{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.tracker-grid{display:grid;gap:1.5rem;margin-top:1.5rem}.tracker-item{display:flex;align-items:center;gap:1rem}.tracker-label{flex:1;font-size:.9rem;color:#2c3e50}.tracker-bar{flex:2;height:20px;background:#ecf0f1;border-radius:10px;overflow:hidden}.tracker-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:10px;transition:width .3s ease}.advanced-techniques{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.technique-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #e67e22}.technique-card h4{margin:0 0 1rem;color:#2c3e50}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.scenario{background:#f8f9fa;padding:.5rem;border-radius:4px;text-align:center;font-size:.8rem;color:#7f8c8d}.idiom-examples{margin-top:1rem}.idiom{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #ecf0f1;font-size:.9rem}.idiom:last-child{border-bottom:none}.idiom span:first-child{font-weight:500;color:#2c3e50}.idiom span:last-child{color:#7f8c8d;font-style:italic}.success-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.timeline-milestone{background:#fff3;padding:.75rem;border-radius:6px;font-size:.9rem}.timeline-milestone span{font-weight:700;display:block;margin-bottom:.25rem}@media (max-width: 768px){.foundation-card{flex-direction:column;text-align:center}.foundation-card__icon{margin:0 auto}.confidence-steps,.scenario-list{grid-template-columns:1fr}.tracker-item{flex-direction:column;align-items:stretch;gap:.5rem}.idiom{flex-direction:column}}.reality-check{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.reality-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.reality-item:first-child{border-left:4px solid #27ae60}.reality-item:last-child{border-left:4px solid #e74c3c}.reality-item h4{margin:0 0 1rem;color:#2c3e50}.reality-item ul{margin:0;padding-left:1rem}.reality-item li{margin-bottom:.5rem;font-size:.9rem}.education-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.edu-level{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.edu-level__header{background:#34495e;color:#fff;padding:1.5rem;text-align:center}.edu-level__header h3{margin:0 0 .5rem}.edu-level__years{font-size:.9rem;opacity:.8}.edu-level__content{padding:1.5rem}.level-expectation{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #ecf0f1}.level-expectation h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.cefr-level-badge{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem}.level-reality h4{margin:0 0 1rem;color:#2c3e50;font-size:.9rem}.level-reality ul{margin:0;padding-left:1rem}.level-reality li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.system-problems{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.problem-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #e74c3c;text-align:center}.problem-card h4{margin:0 0 1rem;color:#2c3e50}.problem-card p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem}.problem-stat{background:#f8f9fa;padding:1rem;border-radius:6px}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#e74c3c}.strategy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.strategy-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #27ae60}.strategy-card h4{margin:0 0 1rem;color:#2c3e50}.strategy-tips{margin:1rem 0}.tip{background:#f8f9fa;padding:.75rem;margin-bottom:.5rem;border-radius:6px;font-size:.9rem;border-left:3px solid #3498db}.strategy-benefit{background:#d5f4e6;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}.gap-filling{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.gap-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #9b59b6}.gap-card h4{margin:0 0 1rem;color:#2c3e50}.solutions{display:grid;gap:1rem}.solution-item{background:#f8f9fa;padding:1rem;border-radius:6px}.solution-item h5{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.solution-item p{margin:0}.weekly-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.plan-day{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.plan-day--weekend{background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.plan-day h4{margin:0 0 1rem;color:#2c3e50}.plan-day ul{list-style:none;padding:0;text-align:left}.plan-day li{padding:.5rem 0;border-bottom:1px solid #ecf0f1;font-size:.8rem;color:#7f8c8d}.plan-day li:last-child{border-bottom:none}.time-investment{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.investment-breakdown{display:grid;gap:1rem;margin:1.5rem 0}.investment-item{display:flex;align-items:center;gap:1rem}.investment-label{flex:1;font-size:.9rem;color:#2c3e50}.investment-bar{flex:2;height:20px;background:#ecf0f1;border-radius:10px;overflow:hidden}.investment-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:10px;transition:width .3s ease}.investment-total{text-align:center;padding:1rem;background:#e8f4fd;border-radius:6px;border-left:4px solid #3498db}.parent-advice{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.advice-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #f39c12}.advice-card h4{margin:0 0 1rem;color:#2c3e50}.advice-card ul{margin:0;padding-left:1rem}.advice-card li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.success-journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.journey-step{background:#fff3;padding:.75rem;border-radius:6px;font-size:.9rem}.journey-step span{font-weight:700;display:block;margin-bottom:.25rem}@media (max-width: 768px){.reality-check,.education-levels,.system-problems,.weekly-plan{grid-template-columns:1fr}.investment-item{flex-direction:column;align-items:stretch;gap:.5rem}.success-journey{grid-template-columns:1fr}}.benefit-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #27ae60;text-align:center}.benefit-stat{background:#f8f9fa;padding:1rem;border-radius:6px}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#27ae60}.book-selection{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin:2rem 0}.selection-guide{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.selection-guide h3{margin:0 0 1rem;color:#2c3e50}.selection-guide p{margin:0 0 1.5rem;color:#7f8c8d}.comprehension-scale{display:flex;flex-direction:column;gap:1rem}.comprehension-level{display:flex;align-items:center;gap:1rem}.level-indicator{width:20px;height:20px;border-radius:50%}.level-indicator--poor{background:#e74c3c}.level-indicator--good{background:#27ae60}.level-indicator--easy{background:#95a5a6}.level-label{font-size:.9rem;color:#2c3e50}.book-recommendations{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.book-recommendations h3{margin:0 0 1rem;color:#2c3e50}.recommendation-list{display:grid;gap:1.5rem}.recommendation-item h4{margin:0 0 .5rem;color:#2c3e50;font-size:1rem}.recommendation-item ul{margin:0;padding-left:1rem}.recommendation-item li{margin-bottom:.25rem;font-size:.9rem;color:#7f8c8d}.reading-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.method-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.method-card__header{background:#34495e;color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.method-card__header h3{margin:0}.method-difficulty{background:#3498db;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.method-card__content{padding:1.5rem}.method-card__content p{margin:0 0 1rem;font-weight:500}.method-card__content ul{margin:1rem 0;padding-left:1rem}.method-card__content li{margin-bottom:.5rem;font-size:.9rem}.method-tips{background:#f8f9fa;padding:1rem;border-radius:6px;margin-top:1rem}.method-tips h5{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.method-tips p{margin:0;font-size:.8rem;color:#7f8c8d}.technique-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.technique-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #9b59b6}.technique-item h4{margin:0 0 1rem;color:#2c3e50}.technique-steps{margin:1rem 0}.step{background:#f8f9fa;padding:.75rem;margin-bottom:.5rem;border-radius:6px;font-size:.9rem;border-left:3px solid #3498db}.technique-tip{background:#fff3cd;padding:.75rem;border-radius:6px;border-left:3px solid #ffc107;font-size:.9rem;margin-top:1rem}.tools-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.tool-category{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.tool-category h4{margin:0 0 1rem;color:#2c3e50;text-align:center}.tool-list{display:grid;gap:1rem}.tool-item{background:#f8f9fa;padding:1rem;border-radius:6px}.tool-item h5{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.tool-item p{margin:0;font-size:.8rem;color:#7f8c8d}.tech-tip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:10px;text-align:center;margin:2rem 0}.tech-tip h4{margin:0 0 1rem}.tech-tip p{margin:0;font-size:1rem}.mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mistake-card p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem}.solution{background:#d5f4e6;padding:.75rem;border-radius:6px;font-size:.9rem}.reading-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.plan-phase{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #3498db}.plan-phase h4{margin:0 0 1rem;color:#2c3e50;text-align:center}.plan-phase ul{margin:0;padding-left:1rem}.plan-phase li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.progress-milestones{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;text-align:center}.milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.milestone{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center}.milestone-number{display:block;font-weight:700;color:#3498db;font-size:1.1rem;margin-bottom:.5rem}.milestone-text{font-size:.8rem;color:#7f8c8d}.reading-journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.journey-point{background:#fff3;padding:.75rem;border-radius:6px;font-size:.9rem}.journey-point span{font-weight:700;display:block;margin-bottom:.25rem}@media (max-width: 768px){.book-selection,.reading-methods,.technique-grid,.tools-showcase,.reading-plan{grid-template-columns:1fr}.milestones{grid-template-columns:1fr 1fr}.reading-journey{grid-template-columns:1fr}}.myth-reality{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.myth-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #e74c3c}.reality-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #27ae60}.myth-card h4,.reality-card h4{margin:0 0 1rem;color:#2c3e50}.myth-card p,.reality-card p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem}.myth-source,.reality-source{font-size:.8rem;color:#95a5a6;font-style:italic}.age-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.age-group{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.age-group__header{background:#34495e;color:#fff;padding:1.5rem;text-align:center}.age-group__header h3{margin:0 0 .5rem;font-size:1.3rem}.age-label{font-size:.9rem;opacity:.8}.age-group__content{padding:1.5rem}.advantages,.challenges{margin-bottom:1.5rem}.advantages h4,.challenges h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.advantages ul,.challenges ul{margin:0;padding-left:1rem}.advantages li,.challenges li{margin-bottom:.25rem;font-size:.8rem;color:#7f8c8d}.success-rate{text-align:center;padding-top:1rem;border-top:1px solid #ecf0f1}.rate-circle{display:inline-block;width:80px;height:80px;border-radius:50%;background:#3498db;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.rate-value{font-size:1.2rem;font-weight:700}.rate-label{font-size:.6rem;opacity:.9}.research-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.research-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #9b59b6}.research-card h4{margin:0 0 1rem;color:#2c3e50}.research-card p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem}.research-source{font-size:.8rem;color:#95a5a6;font-style:italic}.learning-curve{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.curve-chart{display:grid;gap:1.5rem;margin-top:1.5rem}.curve-item{display:flex;align-items:center;gap:1rem}.curve-label{flex:1;font-size:.9rem;color:#2c3e50;font-weight:500}.curve-bar{flex:2;height:40px;background:#ecf0f1;border-radius:20px;overflow:hidden;display:flex}.curve-fill{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:500;text-align:center;padding:0 .5rem}.curve-fill--slow{background:#e74c3c}.curve-fill--steady{background:#f39c12}.curve-fill--fast{background:#27ae60}.age-strategies{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.strategy-group{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #3498db}.strategy-group h3{margin:0 0 1rem;color:#2c3e50;text-align:center}.strategy-list{display:grid;gap:1rem}.strategy-item{background:#f8f9fa;padding:1rem;border-radius:6px}.strategy-item h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.strategy-item p{margin:0;font-size:.8rem;color:#7f8c8d}.success-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.story-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem}.story-age{background:#3498db;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.story-content{flex:1}.story-content h4{margin:0 0 .5rem;color:#2c3e50}.story-content p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem;font-style:italic}.story-progress{display:flex;justify-content:space-between;font-size:.8rem;color:#95a5a6}.age-conclusion{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.conclusion-points{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}.conclusion-item h4{margin:0 0 1rem;color:#2c3e50}.conclusion-item ul{margin:0;padding-left:1rem}.conclusion-item li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.final-message{background:#e8f4fd;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db;margin-top:1.5rem}.final-message h4{margin:0 0 1rem;color:#2c3e50}.final-message p{margin:0;color:#7f8c8d;font-size:1rem;line-height:1.6}@media (max-width: 768px){.myth-reality,.age-comparison,.research-facts{grid-template-columns:1fr}.curve-item{flex-direction:column;align-items:stretch;gap:.5rem}.age-strategies,.success-stories{grid-template-columns:1fr}.story-card{flex-direction:column;text-align:center}.conclusion-points{grid-template-columns:1fr}}.ipa-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.ipa-definition,.ipa-example{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.ipa-definition h4,.ipa-example h4{margin:0 0 1rem;color:#2c3e50}.ipa-definition p{margin:0;color:#7f8c8d;line-height:1.6}.example-comparison{display:grid;gap:1rem;margin-bottom:1rem}.word-example{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px}.word{font-weight:500;color:#2c3e50}.transcription{font-family:Courier New,monospace;background:#34495e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.example-note{margin:0;font-size:.9rem;color:#7f8c8d;font-style:italic;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.benefit-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;border-top:4px solid #3498db}.benefit-card h4{margin:0 0 1rem;color:#2c3e50}.benefit-card p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem}.benefit-icon{font-size:2rem}.use-cases{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.user-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.user-group{text-align:center;padding:1rem}.user-group h5{margin:0 0 .5rem;color:#2c3e50}.user-group p{margin:0;font-size:.9rem;color:#7f8c8d}.vowels-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0}.vowel-chart,.vowel-details{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.vowel-chart h4,.vowel-details h4{margin:0 0 1rem;color:#2c3e50;text-align:center}.vowel-diagram{display:flex;flex-direction:column;gap:1rem}.vowel-row{display:flex;justify-content:center;gap:1rem}.vowel-row--front{justify-content:flex-start}.vowel-row--central{justify-content:center}.vowel-row--back{justify-content:flex-end}.vowel-cell{background:#3498db;color:#fff;padding:1rem;border-radius:8px;text-align:center;min-width:80px}.vowel-symbol{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.vowel-example{font-size:.8rem;opacity:.9}.vowel-comparison{display:grid;gap:1rem}.vowel-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vowel-item{background:#f8f9fa;padding:1rem;border-radius:6px;text-align:center}.vowel-symbol{font-size:1.1rem;font-weight:700;color:#3498db;display:block;margin-bottom:.5rem}.vowel-desc{font-size:.8rem;color:#7f8c8d}.consonants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.consonant-category{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.consonant-category h4{margin:0 0 1rem;color:#2c3e50;text-align:center}.consonant-list{display:grid;gap:.5rem}.consonant-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px}.consonant-symbol{font-family:Courier New,monospace;background:#34495e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:700}.consonant-example{font-size:.9rem;color:#7f8c8d}.consonant-challenges{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.challenge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.challenge-item{background:#f8f9fa;padding:1rem;border-radius:6px}.challenge-item h5{margin:0 0 .5rem;color:#2c3e50}.challenge-item p{margin:0;font-size:.9rem;color:#7f8c8d}.learning-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.sound-group{display:grid;gap:.5rem;margin:1rem 0}.sound-pair{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8f9fa;border-radius:4px;font-size:.9rem}.transcription-examples{display:grid;gap:.5rem;margin:1rem 0}.transcription-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px}.resources-list{display:grid;gap:.75rem;margin:1rem 0}.resource{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px;font-size:.9rem}.practice-exercises{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.exercise-card p{margin:0 0 1rem;color:#7f8c8d}.minimal-pairs{display:grid;gap:.5rem}.pair{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px;font-family:Courier New,monospace}.transcription-challenge{display:grid;gap:.75rem}.challenge-word{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px}.answer{font-family:Courier New,monospace;color:#27ae60;font-weight:700}.recording-examples{display:grid;gap:.75rem}.recording-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px;font-size:.9rem}.ipa-conclusion{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.conclusion-balance{margin:1.5rem 0}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.pros h4{color:#27ae60;margin:0 0 1rem}.cons h4{color:#e74c3c;margin:0 0 1rem}.pros li,.cons li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.final-advice{background:#e8f4fd;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db;margin-top:1.5rem}.final-advice h4{margin:0 0 1rem;color:#2c3e50}.final-advice p{margin:0;color:#7f8c8d;line-height:1.6}@media (max-width: 768px){.ipa-intro,.vowels-section{grid-template-columns:1fr}.vowel-row{flex-wrap:wrap;justify-content:center!important}.vowel-pair,.consonants-grid,.learning-methods,.practice-exercises,.pros-cons{grid-template-columns:1fr}.pair,.transcription-item,.recording-item{flex-direction:column;gap:.5rem;text-align:center}}.confusion-reasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.confusion-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;border-top:4px solid #e74c3c}.confusion-card h4{margin:0 0 1rem;color:#2c3e50}.confusion-card p{margin:0;color:#7f8c8d;font-size:.9rem}.basic-rules{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.rule-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.rule-card--so{border-top:4px solid #3498db}.rule-card--such{border-top:4px solid #9b59b6}.rule-header{background:#34495e;color:#fff;padding:1.5rem;text-align:center}.rule-header h3{margin:0 0 .5rem;font-size:1.5rem}.rule-subtitle{font-size:.9rem;opacity:.8}.rule-content{padding:1.5rem}.rule-content h4{margin:0 0 1rem;color:#2c3e50}.structure{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1.5rem;text-align:center}.structure-formula{font-family:Courier New,monospace;font-weight:700;color:#2c3e50}.examples h5{margin:0 0 1rem;color:#2c3e50}.example-list{display:grid;gap:1rem}.example-item{display:grid;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.example-item span:first-child{font-weight:500;color:#2c3e50}.example-item span:last-child{color:#7f8c8d;font-style:italic;font-size:.9rem}.direct-comparison{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0}.comparison-table{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th{background:#34495e;color:#fff;font-weight:500}.comparison-table tr:hover{background:#f8f9fa}.quick-test{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.quick-test h4{margin:0 0 1rem;color:#2c3e50}.quick-test p{margin:0 0 1.5rem;color:#7f8c8d}.test-items{display:grid;gap:1rem}.test-item{padding:1rem;background:#f8f9fa;border-radius:6px}.test-item span:first-child{display:block;margin-bottom:.5rem;font-weight:500}.answer{color:#27ae60;font-weight:700}.hint{font-size:.8rem;color:#95a5a6;font-style:italic}.that-constructions{display:grid;gap:2rem;margin:2rem 0}.construction-examples{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.construction-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.construction-card h4{margin:0 0 1rem;color:#2c3e50;text-align:center}.construction-card p{margin:0 0 1.5rem;color:#7f8c8d;text-align:center;font-size:.9rem}.example-block{margin-bottom:1.5rem}.english-example{background:#e8f4fd;padding:1rem;border-radius:6px;margin-bottom:.5rem;border-left:3px solid #3498db}.polish-translation{background:#f8f9fa;padding:1rem;border-radius:6px;font-style:italic;color:#7f8c8d}.construction-tip{background:#fff3cd;padding:1.5rem;border-radius:10px;border-left:4px solid #ffc107}.construction-tip h4{margin:0 0 1rem;color:#2c3e50}.construction-tip p{margin:0 0 1rem;color:#7f8c8d}.spoken-examples{display:grid;gap:.5rem}.spoken-item{padding:.75rem;background:#ffffff80;border-radius:4px}.spoken-item span:first-child{font-weight:700;color:#2c3e50;margin-right:.5rem}.exceptions{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.exception-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #f39c12}.exception-card h4{margin:0 0 1rem;color:#2c3e50}.exception-card p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem}.exception-examples{display:grid;gap:.75rem}.exception-item{display:grid;gap:.25rem;padding:.75rem;background:#f8f9fa;border-radius:6px}.exception-item span:first-child{font-weight:500;color:#2c3e50;font-size:.9rem}.exception-item span:last-child{color:#7f8c8d;font-size:.8rem;font-style:italic}.practice-exercises{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.exercise-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.exercise-card h4{margin:0 0 1rem;color:#2c3e50}.gap-exercise{display:grid;gap:1rem}.gap-item{padding:1rem;background:#f8f9fa;border-radius:6px}.answer-select{padding:.25rem .5rem;border:2px solid #3498db;border-radius:4px;background:#fff}.correct-answer{display:block;margin-top:.5rem;font-size:.8rem;color:#27ae60;font-weight:500}.transformation-exercise{display:grid;gap:1rem}.transformation-item{padding:1rem;background:#f8f9fa;border-radius:6px}.transformation-item span{display:block;margin-bottom:.25rem}.transformation-item span:last-child{color:#27ae60;font-weight:500}.common-mistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mistake-card h4{margin:0 0 1rem;color:#2c3e50}.correction{display:grid;gap:.5rem;margin-bottom:1rem}.wrong{color:#e74c3c;font-weight:500}.mistake-card p{margin:0;font-size:.9rem;color:#7f8c8d}.summary-cheatsheet{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.cheatsheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}.cheatsheet-item h4{margin:0 0 1rem;color:#2c3e50}.cheatsheet-item ul{margin:0;padding-left:1rem}.cheatsheet-item li{margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.memory-trick{background:#e8f4fd;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db;text-align:center}.memory-trick h4{margin:0 0 1rem;color:#2c3e50}.memory-trick p{margin:0 0 .5rem;font-weight:500;color:#2c3e50}.memory-trick p:last-child{margin-bottom:0}@media (max-width: 768px){.basic-rules,.direct-comparison,.construction-examples,.exceptions,.practice-exercises,.cheatsheet-grid{grid-template-columns:1fr}.comparison-table{font-size:.9rem}.example-item{grid-template-columns:1fr}}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px}.topic-card{background:var(--card-bg, #fff);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:140px}.topic-card:hover,.topic-card:focus{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#0000001f}.topic-card__title{font-size:1.05rem;margin:0 0 6px}.topic-card__excerpt{color:var(--muted, #555);font-size:.95rem;line-height:1.35;flex:1}.topic-card__cta{margin-top:10px;font-weight:600;color:var(--primary, #2563eb)}.topic-detail{margin-top:12px}.topic-detail__back{margin-bottom:12px}.btn-link{background:none;border:none;padding:0;color:var(--primary, #2563eb);cursor:pointer;text-decoration:none}.topic-layout{padding:24px 0}.topic-header{margin-bottom:12px}.topic-header h2{margin:0 0 6px;font-size:1.6rem}.subnav{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:6px}.word-comparison{display:flex;flex-direction:column;gap:.5rem}.word-pair{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:.5rem 0;border-bottom:1px solid #eee}.word-pair:last-child{border-bottom:none}@media (max-width: 768px){.word-pair{grid-template-columns:1fr;gap:.25rem}}.subnav__item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;color:#111827;text-decoration:none;background:#f3f4f6;border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease;font-size:.95rem}.subnav__item:hover{background:#e5e7eb}.subnav__item--active{color:#0b69e3;background:#e8f1ff;border-color:#cfe3ff}.subnav__title{font-weight:600}.topic-content{margin-top:8px;font-size:16px;line-height:1.7}.card{margin:35px 0}.tense-grid{display:block;margin-top:20px}.tense-usage,.tense-forms{width:100%;margin-bottom:30px}.tense-usage{font-size:.93rem!important}.usage-cases{margin-top:20px}h3{font-size:1.25rem!important}.usage-case{margin-bottom:30px}.usage-case:last-child{border-bottom:none}.usage-case h5{margin-bottom:15px;color:#1f2937;font-size:1.1em;font-weight:600}.usage-case p{margin:12px 0;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6;line-height:1.6}.usage-case em{color:#dc2626;font-style:normal;font-weight:700}.usage-case strong{color:#1e40af;font-weight:700}.forms-table{margin:20px 0}.forms-table td{padding:16px 12px;border-bottom:1px solid #f3f4f6;vertical-align:top}.grammar-tip ul{margin:10px 0 0 20px;padding:0}.grammar-tip li{margin:8px 0;padding-left:8px}.stative-verbs{display:block;margin-top:20px}.verb-group{background:#fafafa;border-radius:12px;padding:20px;margin-bottom:20px}.verb-group:last-child{margin-bottom:0}.verb-group h5{margin-bottom:12px;color:#1f2937}.verb-group p{margin:8px 0}.tense-comparison{display:block;margin-top:20px}.comparison-case h5{margin-bottom:15px;color:#1f2937}.comparison-case p{margin:10px 0;padding:10px 14px;background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.future-forms-comparison{display:block;margin-top:20px}.future-form{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,0,0,.08)}.future-form:last-child{margin-bottom:0}.future-form h4{margin-bottom:16px;color:#1f2937}.form-usage h5{margin-bottom:12px;color:#374151}.time-expressions{display:block;margin-top:20px}.expression-group{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px}.expression-group h5{margin-bottom:12px;color:#1f2937}.expression-group p{margin:8px 0;color:#6b7280}.list{margin:15px 0 0 24px;padding:0}.list li{margin:10px 0;line-height:1.6;padding-left:8px}.welcome-message{text-align:center;max-width:600px;margin:30px auto;padding:0 20px}.welcome-message h3{font-size:1.8em;margin-bottom:16px;color:#1f2937}.welcome-message p{font-size:1.1em;line-height:1.6;color:#6b7280}.exercise{margin-top:12px}.exercise__q{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px;margin:12px 0}.exercise__qhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}.exercise__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.option{border:1px solid rgba(0,0,0,.12);background:#f9fafb;border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.option--selected{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}.option--correct{background:#ecfdf5;border-color:#34d399;color:#065f46}.option--wrong{background:#fef2f2;border-color:#fca5a5;color:#7f1d1d}.exercise__actions{display:flex;align-items:center;gap:12px;margin-top:12px}.btn--primary{background:var(--primary, #2563eb);border-color:#1d4ed8;color:#fff}.exercise__result{margin-left:auto;font-weight:600}@media (max-width: 768px){.topic-content{font-size:15px;line-height:1.6}.card{padding:20px;margin:16px 0}.usage-case p{padding:10px 14px}.forms-table table{font-size:.9em}.forms-table th,.forms-table td{padding:12px 8px}}.example-group p{margin:10px 0;padding:12px 16px;background:#f8fafc;border-radius:8px;line-height:1.6}.rules-list{margin:15px 0}.rule-item{margin:10px 0;padding:15px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.rule-item strong{color:#1e40af}.grammar-tip.warning{background:#fef3f2;border:1px solid #fda29b}.grammar-tip.warning h5{color:#b42318;margin-top:20px}.quiz-examples p{margin:8px 0;padding:10px;background:#f0f9ff;border-radius:6px;border-left:3px solid #0ea5e9}.stative-verbs .verb-group{margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.stative-verbs .verb-group h5{margin-bottom:12px;color:#1f2937}.stative-verbs .verb-group p:first-of-type{font-weight:600;color:#374151;margin-bottom:15px}.special-usage .usage-case{margin-bottom:25px;padding:20px;background:#f0f9ff;border-radius:8px;border-left:4px solid #0ea5e9}.verb-meaning-changes .meaning-group{margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.verb-meaning-changes .meaning-group h5{margin-bottom:12px;color:#1f2937;font-weight:600}.forms-table table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95em;box-shadow:0 1px 3px #0000001a;border-radius:8px;overflow:hidden}.forms-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.forms-table td{padding:16px 12px;border-bottom:1px solid #f3f4f6;vertical-align:top;line-height:1.5}.grammar-grid{display:block;margin-top:20px}.grammar-forms,.grammar-usage{width:100%;margin-bottom:30px}.pronunciation-rules{margin-top:20px}.pronunciation-rule{margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.pronunciation-rule h5{margin-bottom:15px;color:#1f2937;font-size:1.1em}.example-grid{display:grid;gap:15px;margin-top:15px}.correct{display:flex;align-items:center;gap:8px}.article{font-weight:700;min-width:30px}.phonetic{color:#6b7280;font-size:.9em;font-style:italic}.phonetic-examples{margin-top:15px}.phonetic-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:6px;margin-bottom:8px;border:1px solid #e5e7eb}.word{font-weight:600;min-width:120px}.phonetic{color:#059669;font-family:Courier New,monospace}.usage-cases-detailed{margin-top:20px}.usage-case-main{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.usage-case-main:last-child{border-bottom:none}.usage-case-main h5{margin-bottom:15px;color:#1f2937;font-size:1.1em;font-weight:600;padding:8px 12px;background:#f0f9ff;border-radius:6px}.example-group-expanded{margin-top:12px}.example-group-expanded p{margin:10px 0;padding:12px 16px;background:#f8fafc;border-radius:8px;line-height:1.6;font-size:.95em}.example-group-expanded em{color:#dc2626;font-style:normal;font-weight:700}.common-mistakes{margin-top:20px}.mistake-group{margin-bottom:25px}.mistake-group h5{margin-bottom:15px;font-size:1.1em}.correct{min-width:100px}.reason{margin-left:auto;text-align:right}.practice-exercise{margin-top:20px}.exercise-question h5{text-align:center}.exercise-item p{margin-bottom:15px;font-weight:600;color:#1f2937}.options{display:flex;gap:15px;margin-bottom:10px}.option{padding:8px 16px;background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600}.option.correct{border-color:#10b981;background:#ecfdf5;color:#047857}.exercise-item .explanation{color:#6b7280;font-size:.9em;font-style:italic;margin-top:8px}.forms-table table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95em;box-shadow:0 2px 8px #00000014;border-radius:12px;overflow:hidden;background:#fff}.forms-table th{background:linear-gradient(135deg,#667eea,#764ba2);padding:18px 16px;text-align:left;font-weight:700;color:#fff;border:none;font-size:.95em}.forms-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;line-height:1.5}.forms-table tr:last-child td{border-bottom:none}.forms-table tr:nth-child(2n){background:#fafafa}.forms-table tr:hover{background:#f0f9ff}.grammar-tip h5{color:#0369a1;margin:20px 0 25px;font-size:1.1em;font-weight:700}@media (max-width: 768px){.example-pair{flex-direction:column;align-items:flex-start;gap:8px}.explanation{margin-left:0;text-align:left}.phonetic-item{flex-direction:column;align-items:flex-start;gap:4px}.mistake-item{flex-direction:column;align-items:flex-start;gap:8px}.reason{margin-left:0;text-align:left}.forms-table{font-size:.85em}.forms-table th,.forms-table td{padding:12px 8px}}.comparison-table-expanded{margin:25px 0;overflow-x:auto}.comparison-table-expanded table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;font-size:.9em}.comparison-table-expanded th{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:16px 12px;text-align:left;font-weight:600;border:none}.comparison-table-expanded td{padding:14px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.comparison-table-expanded tr:nth-child(2n){background:#fafafa}.comparison-table-expanded tr:hover{background:#f0f9ff}.summary-table{margin:25px 0;overflow-x:auto}.summary-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;font-size:.9em}.summary-table th{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:16px 12px;text-align:left;font-weight:600;border:none}.summary-table td{padding:12px;border-bottom:1px solid #f1f5f9;text-align:center;vertical-align:middle}.summary-table tr:nth-child(2n){background:#f0fdf4}.summary-table tr:hover{background:#dcfce7}.summary-table .correct{color:#059669;font-weight:600}.summary-table .incorrect{color:#dc2626;font-weight:600}.comparison-examples{margin:20px 0}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.case{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.case p{margin:8px 0;line-height:1.5}.exercise-item .option{padding:10px 20px;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;min-width:60px;text-align:center}.grammar-tip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:24px;margin:25px 0;box-shadow:0 2px 8px #0000000a;position:relative}.grammar-tip:before{content:"💡";position:absolute;top:-12px;left:20px;background:#fff;padding:4px 8px;border-radius:20px;font-size:1.2em;box-shadow:0 2px 4px #0000001a}.grammar-tip.warning:before{content:"⚠️"}@media (max-width: 768px){.comparison-pair{grid-template-columns:1fr;gap:15px}.comparison-table-expanded,.summary-table{font-size:.8em}.comparison-table-expanded th,.comparison-table-expanded td,.summary-table th,.summary-table td{padding:10px 8px}.exercise-item .options{gap:8px}.exercise-item .option{padding:8px 16px;min-width:50px;font-size:.9em}}.noun-types-grid-expanded{display:grid;gap:25px;margin-top:20px}.noun-type-main{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6;box-shadow:0 2px 8px #0000000a}.noun-type-main h4{margin-bottom:20px;color:#1f2937;font-size:1.2em;font-weight:700;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.noun-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:20px}.noun-characteristics h5,.noun-examples h5{margin-bottom:12px;color:#374151;font-weight:600}.noun-characteristics ul{margin:0;padding-left:20px}.noun-characteristics li{margin:8px 0;line-height:1.5;color:#4b5563}.example-pairs{display:grid;gap:12px}.example-pair{align-items:center;border:1px solid #e5e7eb}.singular,.plural{font-weight:600;color:#1f2937}.categories-grid{display:grid;gap:12px}.category{display:flex;gap:12px;padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.category-name{font-weight:600;color:#374151;min-width:100px}.examples{color:#4b5563;font-style:italic}.dual-nouns{margin-top:20px}.dual-noun-category{margin-bottom:25px}.dual-noun-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em;padding:8px 12px;background:#f0f9ff;border-radius:6px;border-left:4px solid #0ea5e9}.dual-examples{display:grid;gap:15px}.dual-example{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.uncountable,.countable{padding:12px;border-radius:6px}.uncountable{background:#f0fdf4;border:1px solid #bbf7d0}.countable{background:#eff6ff;border:1px solid #bfdbfe}.meaning{display:block;font-weight:600;margin-bottom:16px!important}.plural-item .meaning{text-align:center}.mistake-category{margin-bottom:25px}.mistake-item{gap:15px;border:1px solid #fecaca}.measurement-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:15px}.measurement{display:flex;flex-direction:column;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.phrase{font-weight:600;color:#1f2937;margin-bottom:4px}.plural-rules-expanded{margin-top:20px}.rules-category{margin-bottom:35px}.rules-category h4{margin-bottom:20px;color:#1f2937;font-size:1.3em;font-weight:700;padding-bottom:12px;border-bottom:3px solid #e5e7eb}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.rule-detailed{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000a}.rule-detailed h5{margin-bottom:15px;color:#374151;font-size:1.1em;font-weight:600}.examples-detailed{display:grid;gap:8px}.example-group{display:flex;align-items:center;gap:10px}.example-group:last-child{border-bottom:none}.singular,.plural{font-weight:600;min-width:0}.note{color:#6b7280;font-size:.8em;font-style:italic;margin-left:auto}.plural-only-expanded{margin-top:20px}.plural-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:25px}.plural-category{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.plural-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.plural-items{display:grid;gap:12px}.plural-item{display:flex;flex-direction:column;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.noun{font-weight:700;margin-bottom:4px}.plural-item .noun{text-align:center}.pair-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:15px}.pair-example{display:flex;flex-direction:column;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.exercise-item .options{display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap}.exercise-item .option{padding:10px 20px;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;min-width:80px;text-align:center}.exercise-item .option:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px)}.exercise-item .option.correct{border-color:#10b981;background:#ecfdf5;color:#047857;box-shadow:0 2px 4px #10b98133}@media (max-width: 768px){.noun-details{grid-template-columns:1fr;gap:15px}.dual-example{grid-template-columns:1fr;gap:10px}.rules-grid,.plural-categories{grid-template-columns:1fr}.example-group{flex-wrap:wrap}.mistake-item{flex-wrap:wrap;gap:8px}.exercise-item .options{gap:8px}.exercise-item .option{padding:8px 16px;min-width:60px;font-size:.9em}}.card h3{font-size:1.5rem!important;color:#1f2937;margin-bottom:15px;font-weight:700;line-height:1.3}.card h4{font-size:1.3rem!important;color:#374151;margin:25px 0!important;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.muted{color:#6b7280;font-size:1.05rem;line-height:1.6;margin-bottom:20px}.advanced-possessive{margin-top:20px}.advanced-cases{display:grid;gap:25px}.advanced-case{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid white}.advanced-case h5{margin-bottom:15px;color:#1f2937;font-size:1.1em;font-weight:600}.comparison-table-expanded .correct{background:#ecfdf5;color:#047857;font-weight:600}.comparison-table-expanded .incorrect{background:#fef2f2;color:#dc2626;font-weight:600}.possessive-special{margin:20px 0}.special-case{background:#f0f9ff;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #0ea5e9}.special-case h6{margin-bottom:10px;color:#0369a1;font-size:1em}@media (max-width: 768px){.advanced-cases{grid-template-columns:1fr;gap:15px}.advanced-case{padding:15px}.special-case{padding:12px}}.double-possessive{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:15px;margin:15px 0}.double-possessive h5{color:#92400e;margin-bottom:10px}.verb-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.verb-type{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.verb-type h4{margin-bottom:15px;color:#1f2937;font-size:1.2em}.verb-type ul{margin:15px 0;padding-left:20px}.verb-type li{margin:8px 0;line-height:1.5}.dual-verbs{display:grid;gap:20px;margin-top:20px}.dual-verb{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.dual-verb h5{margin-bottom:15px;color:#dc2626;font-size:1.1em;font-weight:700}.auxiliary-verbs-grid{display:grid;gap:25px;margin-top:20px}.aux-verb{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #8b5cf6}.verb-uses{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.verb-use{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.verb-use h5{margin-bottom:10px;color:#374151;font-size:1em}.modal-verbs-grid{display:grid;gap:25px;margin-top:20px}.modal-verb{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #10b981}.modal-uses{display:grid;gap:15px;margin-top:15px}.modal-use{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.modal-use h5{margin-bottom:10px;color:#374151;font-size:1em}.modal-comparisons{display:grid;gap:20px;margin-top:20px}.modal-comparison{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.modal-comparison h5{margin-bottom:15px;color:#dc2626;font-size:1.1em}.comparison-table{margin-top:20px;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.comparison-table th{background:#4f46e5;color:#fff;padding:16px 12px;text-align:left;font-weight:600}.comparison-table td{padding:14px 12px;border-bottom:1px solid #f1f5f9}.comparison-table tr:nth-child(2n){background:#fafafa}@media (max-width: 768px){.verb-types-grid,.verb-uses{grid-template-columns:1fr}.auxiliary-verbs-grid,.modal-verbs-grid{gap:15px}.verb-type,.aux-verb,.modal-verb{padding:20px}}.semi-modal-grid{display:grid;gap:25px;margin-top:20px}.semi-modal-category{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #f59e0b}.usage-contrast{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.contrast-examples{margin-top:20px}.contrast-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.contrast-item{padding:15px;border-radius:8px}.contrast-item.correct{background:#ecfdf5;border:1px solid #10b981}.contrast-item.incorrect{background:#fef2f2;border:1px solid #ef4444}.special-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:15px;margin:15px 0}.special-note h5{color:#92400e;margin-bottom:10px}@media (max-width: 768px){.usage-contrast,.contrast-pair{grid-template-columns:1fr}.semi-modal-category{padding:20px}}.comparison-rules{display:grid;gap:25px;margin-top:20px}.comparison-rule{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.degree-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:15px}.degree{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.degree h5{margin-bottom:10px;color:#374151;font-size:1em}.irregular-adjectives{display:grid;gap:20px;margin-top:20px}.irregular-group{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.irregular-item{display:flex;align-items:center;gap:15px;padding:12px;margin:10px 0;background:#f0f9ff;border-radius:6px;border-left:4px solid #0ea5e9}.positive,.comparative,.superlative{font-weight:600;padding:4px 8px;border-radius:4px}.positive{background:#dbeafe;color:#1e40af}.comparative{background:#fef3c7;color:#92400e}.superlative{background:#dcfce7;color:#166534}.footnote{font-size:.9em;color:#6b7280;font-style:italic;margin-top:8px}.adjective-order{margin-top:20px}.order-list{display:grid;gap:12px;margin-top:15px}.order-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:transform .2s ease}.order-item:hover{transform:translate(5px);border-color:#3b82f6}.order-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#4f46e5;color:#fff;font-weight:700;font-size:.9em}.order-category{font-weight:600;color:#1f2937;min-width:150px}.order-examples{color:#6b7280;font-size:.9em}.adjective-examples{display:grid;gap:20px;margin-top:20px}.adjective-example{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.9em}.breakdown span{padding:4px 8px;background:#f3f4f6;border-radius:4px;color:#6b7280}.tip-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:20px;margin-top:20px}@media (max-width: 768px){.degree-examples{grid-template-columns:1fr}.order-item{flex-direction:column;align-items:flex-start;gap:8px}.order-category{min-width:auto}.breakdown{flex-direction:column}.irregular-item{flex-direction:column;gap:8px;text-align:center}}.adverb-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.adverb-type{padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #8b5cf6}.adverb-type h4{margin-bottom:15px;color:#1f2937;font-size:1.2em}.adverb-type ul{margin:15px 0;padding-left:20px}.adverb-type li{margin:8px 0;line-height:1.5}.example-sentence{margin-top:15px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;font-style:italic}.adverb-formation{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.formation-rule{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.warning-box{background:#fef3f2;border:1px solid #fecaca;border-radius:8px;padding:20px;margin-top:20px}.warning-box h5{color:#dc2626;margin-bottom:10px}.adverb-positions{display:grid;gap:25px;margin-top:20px}.position-rule{padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #10b981}.position-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}.position-example{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.position-label{display:inline-block;margin-top:8px;padding:4px 8px;background:#e0f2fe;color:#0369a1;border-radius:4px;font-size:.8em;font-weight:600}.adverb-order{margin-top:20px}.order-sequence{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;font-weight:600}.order-step{padding:10px 15px;background:#fff;border-radius:8px;border:2px solid #0ea5e9}.order-examples{display:grid;gap:15px}@media (max-width: 768px){.adverb-types-grid,.adverb-formation,.position-examples{grid-template-columns:1fr}.order-sequence{flex-direction:column;gap:10px}.adverb-type,.position-rule{padding:15px}}.pronoun-table{margin-top:20px;overflow-x:auto}.pronoun-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;font-size:.9em}.pronoun-table th{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:16px 12px;text-align:center;font-weight:600;border:none}.pronoun-table td{padding:14px 12px;border-bottom:1px solid #f1f5f9;text-align:center;vertical-align:middle}.pronoun-table tr:nth-child(2n){background:#fafafa}.pronoun-table tr:hover{background:#f0f9ff}.pronoun-usage{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.usage-type h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.demonstrative-pronouns{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:20px}.demonstrative-group{padding:20px;background:#f8fafc;border-radius:12px}.demonstrative-group h4{margin-bottom:15px;color:#1f2937;text-align:center;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.demonstrative-item{margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.demonstrative-item:last-child{margin-bottom:0}.demonstrative-item h5{margin-bottom:10px;color:#dc2626;font-size:1em}.relative-pronouns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.relative-pronoun{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.relative-pronoun h4{margin-bottom:10px;color:#dc2626;font-size:1.2em;font-weight:700}.pronoun-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:20px;margin:15px 0}.pronoun-highlight h5{color:#92400e;margin-bottom:10px}@media (max-width: 768px){.pronoun-usage,.demonstrative-pronouns{grid-template-columns:1fr}.relative-pronouns{grid-template-columns:repeat(2,1fr)}.pronoun-table{font-size:.8em}.pronoun-table th,.pronoun-table td{padding:10px 8px}}@media (max-width: 480px){.relative-pronouns{grid-template-columns:1fr}}.pronoun-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.pronoun-comparison-item{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.pronoun-comparison-item h4{margin-bottom:15px;color:#374151;font-size:1.1em}.pronoun-highlight-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:20px;margin:15px 0}.pronoun-highlight-box h5{color:#0369a1;margin-bottom:10px}.special-pronoun-case{background:#fef7cd;border:1px solid #fde047;border-radius:8px;padding:15px;margin:10px 0}.special-pronoun-case h6{color:#92400e;margin-bottom:8px;font-size:.9em}.usage-pattern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.pattern-item{padding:15px;background:#f8fafc;border-radius:6px;border-left:4px solid #3b82f6}@media (max-width: 768px){.pronoun-comparison,.usage-pattern{grid-template-columns:1fr}}.pronoun-detail-table{margin:20px 0;overflow-x:auto}.pronoun-detail-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.pronoun-detail-table th{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:14px 12px;text-align:left;font-weight:600;border:none}.pronoun-detail-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.pronoun-detail-table tr:nth-child(2n){background:#fafafa}.basic-conjunctions{display:grid;gap:25px;margin-top:20px}.conjunction-group{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.conjunction-group h4{margin-bottom:15px;color:#1f2937;font-size:1.2em}.conjunction-examples{display:grid;gap:10px}.conjunction-examples p{padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;margin:5px 0}.conjunction-comparisons{display:grid;gap:20px;margin-top:20px}.conjunction-comparison{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.conjunction-comparison h5{margin-bottom:15px;color:#374151;font-size:1.1em}.correlative-conjunctions{display:grid;gap:25px;margin-top:20px}.correlative-pair{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #8b5cf6}.correlative-pair h4{margin-bottom:15px;color:#1f2937;font-size:1.2em;text-align:center}.pair-examples{display:grid;gap:12px}.pair-examples p{padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;text-align:center}.subordinating-conjunctions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.subordinating-group{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.subordinating-group h5{margin-bottom:15px;color:#374151;font-size:1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.conjunction-usage-pattern{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:20px;margin:15px 0}.conjunction-pair-highlight{background:#fef7cd;border:1px solid #fde047;border-radius:8px;padding:15px;margin:10px 0}.conjunction-pair-highlight h6{color:#92400e;margin-bottom:8px;font-size:.9em}@media (max-width: 768px){.subordinating-conjunctions{grid-template-columns:1fr}.conjunction-group,.correlative-pair{padding:20px}.conjunction-comparisons{gap:15px}}.special-conjunction-case{background:#fce7f3;border:1px solid #fbcfe8;border-radius:8px;padding:15px;margin:10px 0}.special-conjunction-case h6{color:#be185d;margin-bottom:8px;font-size:.9em}.conjunction-table-special{margin:20px 0;overflow-x:auto}.conjunction-table-special table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.conjunction-table-special th{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:14px 12px;text-align:left;font-weight:600;border:none}.conjunction-table-special td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.fractions-decimals-detailed{margin-top:20px}.decimals-expanded{margin-bottom:30px}.decimals-category{margin-bottom:25px}.decimals-category h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.decimals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.decimal-item-detailed{padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000a}.decimal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:15px}.decimal-value{font-size:1.2em;font-weight:700;color:#dc2626;min-width:80px}.decimal-usage{color:#6b7280;font-size:.9em;font-style:italic;padding-top:8px;border-top:1px solid #f3f4f6}.large-numbers-detailed{margin-top:20px}.number-scales{margin-bottom:30px}.scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.scale-item{padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.scale-example{color:#6b7280;font-size:.85em;font-style:italic}.measurement-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.measurement-category{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.measurement-category h5{margin-bottom:12px;color:#374151;font-size:1em;text-align:center;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.measurement-list{display:flex;flex-direction:column;gap:10px}.measurement-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.measurement-spoken{color:#1f2937;font-weight:500}@media (max-width: 768px){.decimals-grid{grid-template-columns:1fr}.scale-grid{grid-template-columns:repeat(2,1fr)}.measurement-categories{grid-template-columns:1fr}.decimal-header{flex-direction:column;gap:8px}.decimal-value{min-width:auto}.measurement-item{flex-direction:column;gap:4px;text-align:center}.measurement-value{min-width:auto}}@media (max-width: 480px){.scale-grid{grid-template-columns:1fr}}.numerals-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.numerals-type{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.numerals-type h4{margin-bottom:15px;color:#1f2937;font-size:1.2em;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.numerals-list-detailed{margin-top:15px}.numeral-category{margin-bottom:20px}.numeral-category h5{margin-bottom:12px;color:#374151;font-size:1em;font-weight:600}.numeral-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.numeral-item-detailed{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.numeral-item-detailed .number{font-weight:700;font-size:.9em;margin-bottom:4px}.numeral-item-detailed .word{font-size:.85em;color:#374151;font-weight:500}.exception-list{display:flex;flex-direction:column;gap:8px}.exception-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.exception-item .base,.exception-item .ordinal{font-weight:600;min-width:80px}.exception-item .arrow{color:#6b7280;font-weight:600}.exception-item .note{color:#6b7280;font-size:.8em;font-style:italic;margin-left:auto}.numerals-usage-detailed{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.usage-category{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.usage-category h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.usage-group{margin-bottom:15px}.usage-group h6{margin-bottom:8px;font-size:.95em;font-weight:600}.example-item p{margin:6px 0;padding:8px 12px;background:#fff;border-radius:6px;border-left:3px solid #3b82f6;font-size:.9em;line-height:1.4}.special-cases-detailed{display:flex;flex-direction:column;gap:25px;margin-top:20px}.special-case-expanded{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.special-case-expanded h5{margin-bottom:15px;color:#374151;font-size:1.1em}.language-version,.usage-type{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.language-version h6,.usage-type h6{margin-bottom:10px;color:#dc2626;font-size:.95em;font-weight:600}.dates-comparison-detailed{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.date-format-expanded{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.format-details{display:grid;gap:15px}.format-rule ul{margin:10px 0;padding-left:20px}.format-rule li{margin:6px 0;color:#4b5563}.date-examples-detailed{display:flex;flex-direction:column;gap:10px}.example-group-detailed{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.written{font-weight:600;color:#dc2626;min-width:120px}.spoken{color:#374151;font-weight:500}.time-formats-detailed{display:grid;gap:25px;margin-top:20px}.time-format-detailed{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.time-examples-detailed{display:grid;gap:20px}.time-category{margin-bottom:15px}.time-category h5{margin-bottom:12px;color:#374151;font-size:1em}.time-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.time-item-detailed{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.digital{font-weight:600;min-width:60px}.fractions-decimals-detailed{display:grid;gap:30px;margin-top:20px}.fractions-expanded,.decimals-expanded{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.fractions-grid-detailed,.decimals-grid-detailed{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fraction-category-detailed,.decimal-category-detailed{margin-bottom:20px}.fraction-category-detailed h5,.decimal-category-detailed h5{margin-bottom:15px;color:#374151;font-size:1em}.fraction-examples-detailed,.decimal-examples-detailed{display:grid;gap:12px}.fraction-item-detailed,.decimal-item-detailed{padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.fraction-header,.decimal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:15px}.fraction-value,.decimal-value{font-size:1.1em;font-weight:700;color:#dc2626;min-width:60px}.fraction-spoken,.decimal-spoken{font-weight:600;color:#1f2937;flex:1}.fraction-usage,.decimal-usage{color:#6b7280;font-size:.85em;font-style:italic;padding-top:6px;border-top:1px solid #f3f4f6}.large-numbers-detailed{display:grid;gap:30px;margin-top:20px}.number-scales-detailed,.measurements-detailed{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.scale-grid-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-top:15px}.scale-item-detailed{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.scale-number{font-size:1.1em;font-weight:700;margin-bottom:8px}.scale-word{font-weight:600;color:#1f2937;margin-bottom:6px}.scale-example{color:#6b7280;font-size:.8em;font-style:italic}.measurement-categories-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.measurement-category-detailed{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.measurement-category-detailed h5{margin-bottom:12px;color:#374151;font-size:1em;text-align:center;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.measurement-list-detailed{display:flex;flex-direction:column;gap:8px}.measurement-item-detailed{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f8fafc;border-radius:6px}.measurement-value{font-weight:600;color:#dc2626;min-width:50px}.practice-exercise-detailed{margin-top:20px}.exercise-items-detailed{display:grid;gap:20px}.exercise-item-detailed{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.special-item .example{margin-top:0}.exercise-item-detailed p{margin-bottom:15px;font-weight:600;color:#1f2937;font-size:1.1em}.options-detailed{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.option{padding:12px 15px;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.option.correct{border-color:#10b981;background:#ecfdf5;color:#047857;box-shadow:0 2px 4px #10b98133}.explanation-detailed{color:#6b7280;font-size:.9em;font-style:italic;margin-top:8px;padding:8px 12px;background:#fff;border-radius:6px;border-left:3px solid #0ea5e9}@media (max-width: 1024px){.numerals-comparison,.dates-comparison-detailed,.language-comparison,.usage-comparison,.numerals-usage-detailed{grid-template-columns:1fr}}@media (max-width: 768px){.fractions-grid-detailed,.decimals-grid-detailed{grid-template-columns:1fr}.numeral-items-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.time-items-grid{grid-template-columns:1fr}.scale-grid-detailed{grid-template-columns:repeat(2,1fr)}.measurement-categories-detailed{grid-template-columns:1fr}.fraction-header,.decimal-header{flex-direction:column;gap:8px}.fraction-value,.decimal-value{min-width:auto}}@media (max-width: 480px){.scale-grid-detailed{grid-template-columns:1fr}.numeral-items-grid{grid-template-columns:repeat(3,1fr)}.options-detailed{gap:8px}.option{padding:10px 12px;font-size:.9em}}.period-category-detailed{margin-bottom:20px}.period-list-detailed{display:flex;flex-direction:column;gap:8px}.period-item-detailed{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.period-item-detailed .example{margin:0}.time-range{min-width:20px;font-weight:700}.period-name{min-width:200px;font-weight:500}h6{font-size:.95rem}.grammar-tip.warning{background-color:#fff8e6;border-left:4px solid #ffc107;padding:15px;margin:15px 0;border-radius:4px}.special-number-cases-detailed{display:flex;flex-direction:column;gap:20px}.special-case-detailed{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.special-case-detailed h6{margin:0 0 12px;font-size:1.1em;color:#333}.special-examples{display:flex;flex-direction:column;gap:8px}.special-item{display:flex;align-items:flex-start;gap:15px;padding:8px 0;border-bottom:1px solid #f0f0f0}.special-item:last-child{border-bottom:none}.context{min-width:150px;font-weight:500;color:#555;font-size:.9em}.example{flex:1;word-break:break-word;line-height:1.4}.prepositions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.preposition-group{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007bff}.preposition-uses{display:flex;flex-direction:column;gap:15px;margin-top:15px}.preposition-use{padding:12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.preposition-use h5{margin:0 0 8px;color:#333;font-size:.95em}.preposition-use p{margin:0;color:#666;font-style:italic}.time-prepositions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:20px 0}.time-preposition{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.time-examples{display:flex;flex-direction:column;gap:10px;margin-top:15px}.time-example-item{display:flex;align-items:flex-start;gap:15px;padding:8px 0;border-bottom:1px solid #f0f0f0}.time-example-item:last-child{border-bottom:none}.period{min-width:100px;font-weight:500;color:#555;font-size:.9em}.movement-prepositions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:20px 0}.movement-group{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #28a745}.movement-examples{display:flex;flex-direction:column;gap:12px;margin-top:15px}.movement-example{display:flex;flex-direction:column;gap:5px;padding:10px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.sentence{font-style:italic;color:#333}.translation{color:#666;font-size:.9em}.additional-prepositions{display:flex;flex-direction:column;gap:20px}.preposition-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preposition-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.preposition-examples{display:flex;flex-direction:column;gap:8px;margin-top:10px}.preposition-comparisons{display:flex;flex-direction:column;gap:20px}.comparison{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.comparison-details{display:flex;flex-direction:column;gap:15px;margin-top:15px}.comparison-item{display:flex;align-items:flex-start;gap:15px;padding:10px;background:#f8f9fa;border-radius:6px}.preposition{font-weight:700}.usage{min-width:150px;color:#555}.common-mistakes{display:flex;flex-direction:column;gap:20px}.mistake-group{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.mistake-examples{display:flex;flex-direction:column;gap:10px;margin-top:15px}.mistake-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px}.practice-exercises{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.exercise{background:#f8f9fa;padding:20px;border-radius:8px}.exercise-items{display:flex;flex-direction:column;gap:12px;margin-top:15px}.exercise-item{display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.problem{font-weight:500;color:#333}.solution{color:#28a745;font-weight:700}.construction-formula{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin:20px 0;text-align:center;font-weight:600;font-size:1.1em}.construction-formula span{padding:8px 12px;margin:0 5px;border-radius:6px;background:#fff3}.subject{background:#4f46e5}.verb{background:#7c3aed}.object{background:#a855f7}.participle{background:#c084fc}.construction-examples{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.tense-examples{display:grid;gap:20px}.tense-group{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.tense-group h5{margin-bottom:12px;color:#1f2937;font-size:1.1em}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.comparison-case{padding:20px;background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000000a}.comparison-case h5{margin-bottom:15px;color:#374151;font-size:1.1em;text-align:center;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.expression-group:nth-child(3){border-left:4px solid #1bcf1b}.real-life-examples{display:grid;gap:25px}.example-category{margin-bottom:20px}.example-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em;padding:8px 12px;background:#f0f9ff;border-radius:6px}.meaning-nuances{display:grid;gap:25px}.nuance-case{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.nuance-case h5{margin-bottom:15px;color:#374151;text-align:center;font-size:1.05em}.phrasal-verbs{margin-top:20px}.phrasal-group{padding:20px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.special-situations{display:grid;gap:25px}.situation-case{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #10b981}.situation-case h5{margin-bottom:15px;color:#374151}@media (max-width: 768px){.construction-examples,.comparison{grid-template-columns:1fr}.construction-formula{font-size:.9em;padding:15px}}.exercise-item p{margin-bottom:15px;font-weight:600;color:#1f2937;font-size:1.1em}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.option{display:flex;align-items:center;padding:12px 15px;background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.option:hover{border-color:#3b82f6;background:#eff6ff}.option input[type=radio]{margin-right:12px;transform:scale(1.2)}.option.selected{border-color:#3b82f6;background:#eff6ff}.option.correct-answer{border-color:#10b981;background:#ecfdf5;color:#047857}.option.wrong-answer{border-color:#ef4444;background:#fef2f2;color:#dc2626}.exercise-feedback{margin-top:10px;padding:12px;border-radius:8px;animation:fadeIn .3s ease}.exercise-feedback.show{display:block!important}.explanation.correct{color:#047857;font-weight:600;padding:8px 12px;background:#ecfdf5;border-radius:6px;border-left:4px solid #10b981}.explanation.incorrect{color:#dc2626;font-weight:600;padding:8px 12px;background:#fef2f2;border-radius:6px;border-left:4px solid #ef4444}.exercise-actions{padding-top:20px;border-top:2px solid #e5e7eb}.btn{border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1em}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.exercise-result{margin-left:auto;font-weight:600;font-size:1.1em}.result-success{color:#059669}.result-failure{color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.exercise-actions{flex-direction:column;align-items:stretch}.exercise-result{margin-left:0;text-align:center}.options{gap:8px}.option{padding:10px 12px}}.question-structure{margin:20px 0}.direct-indirect{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:start;margin-bottom:25px}.question-type{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.question-type h5{margin-bottom:15px;color:#374151;text-align:center;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.5em;padding:1rem 0}.structure-rules{margin-top:20px}.rules-list{display:grid;gap:15px}.rule-item strong{display:block;margin-bottom:8px;color:#1f2937}.introductory-phrases{display:grid;grid-template-columns:1fr 1fr;gap:25px}.phrase-group{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.phrase-group h5{margin-bottom:15px;color:#374151;text-align:center}.phrase-group ul{margin:0;padding-left:0}.phrase-group li{margin:10px 0;padding:8px 12px;background:#fff;border-radius:6px;border-left:3px solid #3b82f6}.transformation-examples{display:grid;gap:30px}.transformation-category{margin-bottom:25px}.transformation-category h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.transformation{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:8px}.original,.transformed{padding:15px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.original{border-left:4px solid #ef4444}.transformed{border-left:4px solid #10b981}.usage-context{display:grid;grid-template-columns:1fr 1fr;gap:25px}.context-case{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.context-case h5{margin-bottom:12px;color:#374151}.context-case p{margin-bottom:15px;color:#6b7280}@media (max-width: 768px){.direct-indirect{grid-template-columns:1fr;gap:15px}.introductory-phrases,.transformation,.usage-context{grid-template-columns:1fr}.arrow{transform:rotate(90deg);margin:10px 0}}.wish-constructions{display:grid;gap:25px}.wish-type{padding:25px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.wish-type h5{margin-bottom:15px;color:#1f2937;font-size:1.2em;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.wish-type p strong{color:#dc2626;display:block;margin-bottom:10px}.other-constructions{display:grid;gap:25px}.construction{padding:20px;background:#f0f9ff;border-radius:8px;border:1px solid #e5e7eb}.construction h5{margin-bottom:15px;color:#374151;font-size:1.1em}.practical-uses{display:grid;grid-template-columns:1fr 1fr;gap:25px}.use-case{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.use-case h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.wish-type:nth-child(1){border-left-color:#ef4444}.wish-type:nth-child(2){border-left-color:#f59e0b}.wish-type:nth-child(3){border-left-color:#10b981}.wish-type:nth-child(1) h5{color:#dc2626}.wish-type:nth-child(2) h5{color:#d97706}.wish-type:nth-child(3) h5{color:#059669}.construction:nth-child(1){background:#fef7cd;border-color:#fde047}.construction:nth-child(2){background:#dcfce7;border-color:#bbf7d0}.construction:nth-child(3){background:#e0e7ff;border-color:#c7d2fe}.comparison-examples{margin-top:15px}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case{padding:15px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.case .title{display:block;font-weight:700;color:#374151;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.case p:last-child{margin-top:10px;padding:8px;background:#f8fafc;border-radius:4px;font-size:.9em}@media (max-width: 768px){.practical-uses,.comparison-pair{grid-template-columns:1fr}.wish-type{padding:20px}.construction{padding:15px}}.cleft-structure{margin:20px 0}.original{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:20px;text-align:center}.original h5{margin-bottom:10px;color:#374151}.cleft-forms{display:grid;gap:20px}.cleft-form{padding:18px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;box-shadow:0 2px 4px #0000000a}.cleft-form h6{margin-bottom:12px;color:#1f2937;font-size:1em;font-weight:600}.cleft-form .translation{color:#6b7280;font-style:italic;margin:8px 0;padding-left:15px;border-left:3px solid #d1d5db}.cleft-form .explanation{color:#059669;font-size:.9em;font-weight:500;margin-top:8px;padding:6px 10px;background:#ecfdf5;border-radius:4px}.other-clefts{display:grid;gap:25px}.cleft-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6}.cleft-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em}.cleft-usage{display:grid;gap:20px}.usage-case{padding:20px;border-radius:8px;border:1px solid #e5e7eb}.cleft-category:nth-child(1){border-left-color:#ef4444}.cleft-category:nth-child(2){border-left-color:#f59e0b}.cleft-category:nth-child(3){border-left-color:#10b981}.cleft-category:nth-child(1) h5{color:#dc2626}.cleft-category:nth-child(2) h5{color:#d97706}.cleft-category:nth-child(3) h5{color:#059669}.usage-case:nth-child(1){background:#fef7cd;border-color:#fde047}.usage-case:nth-child(2){background:#dcfce7;border-color:#bbf7d0}.usage-case:nth-child(3){background:#e0e7ff;border-color:#c7d2fe}.usage-case:nth-child(4){background:#f3e8ff;border-color:#e9d5ff}.usage-case:nth-child(5){background:#fce7f3;border-color:#fbcfe8}@media (max-width: 768px){.cleft-forms{gap:15px}.cleft-form{padding:15px}.construction-breakdown{flex-direction:column;align-items:flex-start}.other-clefts{gap:20px}.cleft-category,.usage-case{padding:15px}}.participle-type{margin-bottom:25px}.participle-examples{display:grid;gap:20px;margin-top:15px}.example h5{margin-bottom:10px;color:#374151;font-weight:600}.construction-type h5{margin:15px 0 20px;color:#374151;font-weight:600;font-size:1.1rem}.perfect-participle{margin-top:20px}.perfect-examples{display:grid;gap:25px;margin-top:15px}.example-group{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.example-group h5{margin-bottom:15px;color:#374151;font-size:1.1em}.additional-participle-types{display:grid;gap:25px}.participle-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6}.participle-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em}.usage-rules{display:grid;gap:25px}.example-pair{grid-template-columns:1fr 1fr;margin-top:15px}.correct,.incorrect,.original,.improved{padding:15px;border-radius:6px}.correct{background:#ecfdf5;border:1px solid #10b981}.original{background:#f3f4f6;border:1px solid #d1d5db}.improved{background:#e0f2fe;border:1px solid #0ea5e9}.example:nth-child(1){border-left-color:#ef4444}.example:nth-child(2){border-left-color:#f59e0b}.example:nth-child(3){border-left-color:#10b981}.example:nth-child(4){border-left-color:#3b82f6}.example:nth-child(1) h5{color:#dc2626}.example:nth-child(2) h5{color:#d97706}.example:nth-child(3) h5{color:#059669}.example:nth-child(4) h5{color:#2563eb}.participle-category:nth-child(1){border-left-color:#ef4444}.participle-category:nth-child(2){border-left-color:#f59e0b}.participle-category:nth-child(3){border-left-color:#10b981}.participle-category:nth-child(1) h5{color:#dc2626}.participle-category:nth-child(2) h5{color:#d97706}.participle-category:nth-child(3) h5{color:#059669}@media (max-width: 768px){.participle-examples{gap:15px}.example{padding:15px}.example-pair{grid-template-columns:1fr}.additional-participle-types{gap:20px}.participle-category{padding:15px}.construction-breakdown{flex-direction:column;align-items:flex-start}}.inversion-type{margin-bottom:25px}.inversion-examples{display:grid;gap:25px;margin-top:15px}.example-group h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.example{border:1px solid #e5e7eb;margin-bottom:8px}.example:last-child{margin-bottom:0}.example .translation{color:#6b7280;font-style:italic;margin:8px 0;padding-left:15px;border-left:3px solid #d1d5db}.example .explanation{color:#059669;font-size:.85em;font-weight:500;margin-top:8px;padding:6px 10px;background:#ecfdf5;border-radius:4px}.other-inversions{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inversion-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6}.inversion-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em}.inversion-rules{display:grid;gap:25px}.rule{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.rule h5{margin-bottom:12px;color:#374151;font-size:1.1em}.normal,.inverted{padding:15px;border-radius:6px}.normal{background:#f3f4f6;border:1px solid #d1d5db}.inverted{background:#e0f2fe;border:1px solid #0ea5e9}.construction-breakdown{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-family:Courier New,monospace}.construction-breakdown .operator{padding:4px 8px;background:#dbeafe;border-radius:4px;font-weight:600;color:#1e40af}.construction-breakdown .subject{padding:4px 8px;background:#dcfce7;border-radius:4px;font-weight:600;color:#166534}.example-group:nth-child(1){border-left:4px solid #ef4444}.example-group:nth-child(2){border-left:4px solid #f59e0b}.example-group:nth-child(3){border-left:4px solid #10b981}.example-group:nth-child(1) h5{color:#dc2626}.example-group:nth-child(2) h5{color:#d97706}.example-group:nth-child(3) h5{color:#059669}.inversion-category:nth-child(1){border-left-color:#ef4444}.inversion-category:nth-child(2){border-left-color:#f59e0b}.inversion-category:nth-child(3){border-left-color:#10b981}.inversion-category:nth-child(4){border-left-color:#3b82f6}.inversion-category:nth-child(1) h5{color:#dc2626}.inversion-category:nth-child(2) h5{color:#d97706}.inversion-category:nth-child(3) h5{color:#059669}.inversion-category:nth-child(4) h5{color:#2563eb}.rule:nth-child(1){border-left:4px solid #ef4444}.rule:nth-child(2){border-left:4px solid #f59e0b}.rule:nth-child(3){border-left:4px solid #10b981}.rule:nth-child(4){border-left:4px solid #3b82f6}.rule:nth-child(1) h5{color:#dc2626}.rule:nth-child(2) h5{color:#d97706}.rule:nth-child(3) h5{color:#059669}.rule:nth-child(4) h5{color:#2563eb}@media (max-width: 768px){.other-inversions,.example-pair{grid-template-columns:1fr}.inversion-examples{gap:20px}.example-group{padding:15px}.example{padding:12px}.inversion-category{padding:15px}.construction-breakdown{flex-direction:column;align-items:flex-start}}.expressions-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.expression-group{padding:25px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.expression-group h4{margin-bottom:20px;color:#1f2937;font-size:1.3em;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.expression-detail{display:grid;gap:20px}.usage{padding:18px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.usage h5{margin-bottom:12px;color:#374151;font-size:1.1em;font-weight:600}.preference-expressions{display:grid;grid-template-columns:1fr 1fr;gap:25px}.expression{padding:25px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.expression h5{margin-bottom:15px;color:#1f2937;font-size:1.2em}.used-to-expressions,.additional-expressions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.expression-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6}.expression-category h5{margin-bottom:15px;color:#1f2937;font-size:1.1em}.expression-group:nth-child(1){border-left:4px solid #ef4444}.expression-group:nth-child(2){border-left:4px solid #f59e0b}.expression-group:nth-child(1) h4{color:#dc2626}.expression-group:nth-child(2) h4{color:#d97706}.expression:nth-child(1){border-left:4px solid #10b981}.expression:nth-child(2){border-left:4px solid #3b82f6}.expression:nth-child(1) h5{color:#059669}.expression:nth-child(2) h5{color:#2563eb}.used-to-expressions .expression:nth-child(1){border-left:4px solid #ef4444}.used-to-expressions .expression:nth-child(2){border-left:4px solid #f59e0b}.used-to-expressions .expression:nth-child(3){border-left:4px solid #10b981}.used-to-expressions .expression:nth-child(1) h5{color:#dc2626}.used-to-expressions .expression:nth-child(2) h5{color:#d97706}.used-to-expressions .expression:nth-child(3) h5{color:#059669}.expression-category:nth-child(1){border-left-color:#ef4444}.expression-category:nth-child(2){border-left-color:#f59e0b}.expression-category:nth-child(3){border-left-color:#10b981}.expression-category:nth-child(1) h5{color:#dc2626}.expression-category:nth-child(2) h5{color:#d97706}.expression-category:nth-child(3) h5{color:#059669}.usage:nth-child(1){border-left:4px solid #ef4444}.usage:nth-child(2){border-left:4px solid #f59e0b}.usage:nth-child(3){border-left:4px solid #10b981}.usage:nth-child(1) h5{color:#dc2626}.usage:nth-child(2) h5{color:#d97706}.usage:nth-child(3) h5{color:#059669}.construction-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-family:Courier New,monospace}.construction-breakdown .part{padding:4px 8px;background:#f3f4f6;border-radius:4px}.construction-breakdown .highlighted{padding:4px 8px;background:#fef3c7;border-radius:4px;font-weight:600;color:#92400e}@media (max-width: 1024px){.used-to-expressions,.additional-expressions{grid-template-columns:1fr}}@media (max-width: 768px){.expressions-grid,.preference-expressions{grid-template-columns:1fr}.expression-group,.expression{padding:20px}.expression-category,.usage{padding:15px}}.introductory-verbs-detailed{display:grid;gap:20px}.verb-category{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.verb-category h5{margin-bottom:15px;color:#374151;font-size:1.1em;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.verb-list{display:grid;gap:12px}.verb-item{padding:12px;background:#f8fafc;border-radius:6px;border-left:4px solid #3b82f6}.verb-item strong{display:block;margin-bottom:5px;color:#1e40af}.pronoun-changes-detailed{display:grid;gap:25px}.pronoun-table table{width:100%;border-collapse:collapse;margin:15px 0;font-size:.9em}.pronoun-table th{background:#4f46e5;color:#fff;padding:12px 8px;text-align:left;font-weight:600}.pronoun-table td{padding:10px 8px;border-bottom:1px solid #e5e7eb}.time-changes-detailed,.place-changes-detailed{display:grid;gap:25px}.changes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.time-expressions .example-group,.tense-grid .example-group,.special-usage .example-group,.conditional-usage .example-group{border:0}.change-item-detailed{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.original,.changed{font-weight:600;padding:4px 8px;border-radius:4px}.original{background:#fef2f2;color:#dc2626}.changed{background:#ecfdf5;color:#059669}.contextual-examples{display:grid;gap:25px}.context-scenario{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.dialogue{display:grid;gap:15px}.direct-speech,.reported-speech{padding:15px;border-radius:6px}.direct-speech{background:#f0f9ff;border:1px solid #bae6fd}.reported-speech{background:#f0fdf4;border:1px solid #bbf7d0}.advanced-tips{display:grid;gap:20px}.tip-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6}.summary-table-detailed table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9em}.summary-table-detailed th{background:#059669;color:#fff;padding:14px 10px;text-align:left;font-weight:600}.summary-table-detailed td{padding:12px 10px;border-bottom:1px solid #e5e7eb}.grammar-tip.success{background:#ecfdf5;border:1px solid #10b981}.grammar-tip.success h5{color:#059669}@media (max-width: 768px){.changes-grid{grid-template-columns:1fr}.change-item-detailed{flex-direction:column;align-items:flex-start;gap:8px}.example{margin-left:0}.pronoun-table{font-size:.8em}}.time-change-section{font-family:Segoe UI,system-ui;max-width:800px;margin:20px auto;padding:20px}.time-change-section h3{color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px;margin-bottom:25px}.time-change-section h4{color:#34495e;margin-bottom:15px;font-size:1.1em}.time-change-block{margin-bottom:10px}.comparison-table{display:table;width:100%;border-collapse:collapse;margin-bottom:15px;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.row{display:table-row}.row.header{font-weight:700;background:#e9ecef}.cell{display:table-cell;padding:12px 15px;border-bottom:1px solid #dee2e6;text-align:center;vertical-align:middle}.row:last-child .cell{border-bottom:none}.cell:first-child{text-align:left;width:40%}.cell:last-child{text-align:left;width:40%}.cell:nth-child(2){width:20%;color:#e74c3c;font-weight:700}.example strong{color:#2c3e50}.divider{height:2px;background:linear-gradient(90deg,transparent 0%,#3498db 50%,transparent 100%);margin:30px 0}.backshift-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.backshift-column h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2em}.tense-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-row.example{background:#f8f9fa;font-size:.9em;color:#6c757d}.table-row.example .table-cell{border-bottom:1px solid #e9ecef}.time-changes-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.time-column h5{color:#495057;margin-bottom:1rem;font-size:1.1em}.time-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.examples-section{margin-top:1rem}.complete-example{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.speech-comparison{display:flex;align-items:flex-start;gap:1rem}.speech-type{flex:1}.speech-type h5{color:#495057;margin-bottom:.5rem}.speech-content{padding:1rem;background:#fff;border-radius:6px;border:1px solid #dee2e6;font-style:italic}.exceptions-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.exception-column h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2em}.exception-table{display:flex;flex-direction:column;gap:1.5rem}.exception-case{padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #e74c3c}.exception-case h5{color:#495057;margin-bottom:.5rem}.example-box{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #dee2e6}.example-row{margin-bottom:.5rem}.explanation{font-size:.9em;color:#6c757d;font-style:italic;margin-top:.5rem}@media (max-width: 768px){.backshift-section,.time-changes-section,.exceptions-section{grid-template-columns:1fr;gap:1.5rem}.speech-comparison{flex-direction:column}.arrow{transform:rotate(90deg);padding:.5rem;text-align:center}}.questions-section,.commands-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.question-column,.command-column{display:flex;flex-direction:column;gap:1rem}.question-column h4,.command-column h4{color:#2c3e50;margin-bottom:.5rem;font-size:1.2em}.question-table,.command-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-cell:first-child{width:40%;text-align:left}.table-cell:nth-child(2){width:20%;text-align:center;font-weight:700}.table-cell:last-child{width:40%;text-align:left}.rule-box{padding:1rem;background:#e8f4fc;border-radius:6px;border-left:4px solid #3498db;font-size:.95em}.verbs-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.verbs-column h5{color:#495057;margin-bottom:1rem;font-size:1.1em}.verbs-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.verbs-table .table-cell:first-child{width:30%;font-weight:700}.verbs-table .table-cell:last-child{width:70%}@media (max-width: 768px){.questions-section,.commands-section,.verbs-section{grid-template-columns:1fr;gap:1.5rem}.table-cell{padding:10px 12px;font-size:.9em}}em{font-style:italic;font-weight:500}.rule-box strong{color:#2c3e50}.modals-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.modal-column h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2em}.modal-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.special-modals{display:flex;flex-direction:column;gap:1.5rem}.special-case{padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #e74c3c}.special-case h5{color:#495057;margin-bottom:1rem;font-size:1.1em}.usage-type:last-child{margin-bottom:0}.usage-type strong{display:block;color:#2c3e50;margin-bottom:.5rem;font-size:.95em}.example-box{padding:1rem;background:#fff;border-radius:6px;border:1px solid #dee2e6;margin-bottom:.5rem}.example-box:last-child{margin-bottom:0}.example-row{margin-bottom:.25rem}.example-row:last-child{margin-bottom:0}.perfect-modals-section{margin-top:1rem}.perfect-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.perfect-table .table-row.header .table-cell:first-child{width:25%}.perfect-table .table-row.header .table-cell:nth-child(2){width:30%}.perfect-table .table-row.header .table-cell:nth-child(3){width:10%}.perfect-table .table-row.header .table-cell:last-child{width:35%}.perfect-table .table-cell:first-child{font-weight:700;color:#2c3e50}@media (max-width: 768px){.modals-section{grid-template-columns:1fr;gap:1.5rem}.perfect-table .table-row.header .table-cell:first-child,.perfect-table .table-row.header .table-cell:nth-child(2),.perfect-table .table-row.header .table-cell:nth-child(3),.perfect-table .table-row.header .table-cell:last-child{width:auto}.table-cell{padding:10px 12px;font-size:.9em}.special-case{padding:1rem}}.exceptions-section,.other-exceptions-section,.changes-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.exception-column h4,.exception-column h5,.change-column h5{color:#2c3e50;margin-bottom:1rem;font-size:1.2em}.exception-table,.change-table{display:table;width:100%;border-collapse:collapse;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-row{display:table-row}.table-row.header{font-weight:700;background:#e9ecef}.table-cell{display:table-cell;padding:12px 15px;border-bottom:1px solid #dee2e6;vertical-align:middle}.table-row:last-child .table-cell{border-bottom:none}.table-cell:first-child{text-align:left}.table-cell:nth-child(2){text-align:left}.table-cell:nth-child(3){text-align:center;font-weight:700}.table-cell:last-child{text-align:left}.table-row.explanation{background:#fff3cd;font-size:.85em}.table-row.explanation .table-cell{color:#856404;border-bottom:1px solid #ffeaa7}.rule-box{padding:1rem;background:#e8f4fc;border-radius:6px;border-left:4px solid #3498db;font-size:.95em;margin-top:1rem}.exception-table .table-row.header .table-cell:first-child{width:20%}.exception-table .table-row.header .table-cell:nth-child(2){width:35%}.exception-table .table-row.header .table-cell:nth-child(3){width:10%}.exception-table .table-row.header .table-cell:last-child{width:35%}.change-table .table-row.header .table-cell:first-child,.change-table .table-row.header .table-cell:nth-child(2),.change-table .table-row.header .table-cell:last-child{width:33.33%}.change-table .table-cell:first-child,.change-table .table-cell:last-child{font-weight:700;color:#2c3e50}@media (max-width: 768px){.exceptions-section,.other-exceptions-section,.changes-section{grid-template-columns:1fr;gap:1.5rem}.exception-table .table-row.header .table-cell:first-child,.exception-table .table-row.header .table-cell:nth-child(2),.exception-table .table-row.header .table-cell:nth-child(3),.exception-table .table-row.header .table-cell:last-child,.change-table .table-row.header .table-cell:first-child,.change-table .table-row.header .table-cell:nth-child(2),.change-table .table-row.header .table-cell:last-child{width:auto}.table-cell{padding:10px 12px;font-size:.9em}}.construction-formula-detailed{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px;margin:20px 0;text-align:center}.formula-breakdown{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:1.1em;font-weight:600}.formula-breakdown .part{padding:10px 15px;border-radius:8px;margin:5px}.formula-breakdown .subject{background:#4f46e5}.formula-breakdown .verb{background:#7c3aed}.formula-breakdown .participle{background:#a855f7}.formula-breakdown .optional{background:#c084fc}.formula-breakdown .operator{color:#fbbf24}.rules-list-detailed{display:grid;gap:25px;margin-top:20px}.rule-item-expanded{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.example-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.active-voice,.passive-voice{padding:15px;border-radius:6px;text-align:center}.active-voice{background:#f0f9ff;border:1px solid #bae6fd}.passive-voice{background:#f0fdf4;border:1px solid #bbf7d0}.omission-cases{display:grid;gap:12px}.case{padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.tense-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.tense-structure{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.structure-examples{display:grid;gap:10px;margin-top:15px}.example-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8fafc;border-radius:6px}.example-item .label{font-weight:600;color:#374151}.example-item .form{color:#dc2626;font-weight:600}.usage-context{padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.context-list{display:grid;gap:12px;margin-top:15px}.context-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:6px}.context-item .icon{font-size:1.2em}.practical-examples-grid{display:grid;gap:25px}.example-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #8b5cf6}.example-category h5{margin-bottom:15px;color:#374151;font-size:1.1em}.transformation-guide{display:grid;gap:25px}.transformation-step{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.example-transformation{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:15px}.active,.passive{padding:15px;border-radius:6px;text-align:center}.menu a{display:inline-block;padding:.5rem .7rem;border-radius:10px;color:var(--ink);font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1.5px solid transparent}.menu a:hover{background:#01216914;color:var(--uk-blue);border:1.5px solid rgba(1,33,105,.15);transform:translateY(-1px);transition:all .3s ease}.menu a.active{background:linear-gradient(135deg,#0121691a,#c8102e0d);border:1.5px solid transparent;background-clip:padding-box;color:var(--uk-blue);font-weight:630;position:relative;border-radius:10px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.menu a.active:before{content:"";position:absolute;inset:-1.5px;border-radius:11px;padding:1.5px;background:linear-gradient(135deg,var(--uk-blue),var(--uk-red));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.menu a.active:hover{background:linear-gradient(135deg,#01216926,#c8102e14);transform:translateY(-2px);box-shadow:0 6px 20px #0121692e;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.menu a.active:hover:before{background:linear-gradient(135deg,var(--uk-blue),#b90f29);box-shadow:0 4px 15px #01216940;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.passive{background:#dcfce7;border:1px solid #86efac}.tense-matching{display:grid;gap:10px;margin-top:15px}.match-item{display:flex;align-items:center;gap:15px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.participle-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:15px}.verb-set{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;text-align:center;justify-content:center}.base,.participle{font-weight:600;padding:4px 8px;border-radius:4px}.base{background:#dbeafe;color:#1e40af}.participle{background:#fef3c7;color:#92400e}.tense-summary-detailed table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9em}.tense-summary-detailed th{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:16px 12px;text-align:left;font-weight:600}.tense-summary-detailed td{padding:14px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.tense-summary-detailed tr:nth-child(2n){background:#f0fdf4}@media (max-width: 768px){.formula-breakdown{flex-direction:column;gap:8px}.example-comparison,.tense-details,.example-transformation{grid-template-columns:1fr}.tense-summary-detailed{font-size:.8em}}.comparison-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:15px}.comparison-item{padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:12px}.comparison-item h6{margin:0 0 8px;color:#374151;font-size:1.1em;font-weight:600;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.comparison-item p{margin:4px 0;line-height:1.5}.comparison-item .example{background:#f8fafc;padding:12px 16px;border-radius:8px;border-left:4px solid #3b82f6;font-weight:500;color:#1f2937;margin-top:8px}.comparison-item .explanation{color:#6b7280;font-size:.9em;font-style:italic;padding:8px 12px;background:#f0f9ff;border-radius:6px;border-left:3px solid #0ea5e9}.comparison-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.comparison-grid-2col .comparison-item{display:flex;flex-direction:column;gap:12px}.comparison-item.continuous{border-left:4px solid #3b82f6}.comparison-item.imperative{border-left:4px solid #ef4444}.omission-cases{display:grid;grid-template-columns:1fr;gap:16px;margin-top:15px}.case{padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.case strong{color:#374151;font-size:1em}.case p{margin:4px 0;line-height:1.5}.case .explanation{color:#6b7280;font-size:.85em;font-style:italic;padding-top:6px;border-top:1px solid #f3f4f6}@media (max-width: 768px){.comparison-grid-2col{grid-template-columns:1fr;gap:15px}.comparison-item{padding:16px;gap:10px}.case{padding:14px}}.rule-item-expanded h5{color:#1f2937;font-size:1.2em;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.rules-list-detailed{display:grid;gap:25px;margin:20px 0}.rule-item-expanded{padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #8b5cf6}.limitation-cases{display:grid;gap:15px;margin-top:15px}.limitation{padding:15px;background:#fef2f2;border-radius:6px;border-left:4px solid #ef4444}.comparison-scenario{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.continuous-example,.simple-example{padding:15px;border-radius:6px;text-align:center}.continuous-example{background:#f0f9ff;border:1px solid #bae6fd}.meaning{color:#6b7280;font-size:.9em;font-style:italic;margin-top:8px}.missing-tenses-detailed{display:grid;gap:30px}.missing-tense-expanded{padding:25px;background:#fef2f2;border-radius:8px;border-left:4px solid #ef4444}.tense-explanation{display:grid;gap:15px}.problem{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:6px;font-weight:600;color:#dc2626}.incorrect-example{padding:12px;background:#fecaca;border-radius:6px;border-left:4px solid #ef4444}.incorrect-example .label{font-size:.8em;color:#b91c1c;font-weight:600;margin-top:5px}.solutions{margin-top:15px}.solution-item{padding:10px;background:#fff;border-radius:6px;margin-bottom:10px;border-left:4px solid #10b981}.solution-item:last-child{margin-bottom:0}.not-available{background:#fef2f2;color:#dc2626;text-align:center;font-weight:600;padding:20px}.not-available .icon{display:block;font-size:1.5em;margin-bottom:8px}.construction-formula-detailed .continuous{background:#f59e0b}@media (max-width: 768px){.comparison-grid,.contrast-examples{grid-template-columns:1fr}.missing-tenses-detailed{gap:20px}.missing-tense-expanded{padding:20px}}.time-relationships{display:grid;gap:15px;margin-top:15px}.relationship{padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;border-left:4px solid #3b82f6}.meaning-comparison{display:grid;gap:25px}.contrast-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.perfect-example,.simple-example{padding:15px;border-radius:6px;text-align:center}.perfect-example{background:#f0f9ff;border:1px solid #bae6fd}.simple-example{background:#f0fdf4;border:1px solid #bbf7d0}.time-context{color:#6b7280;font-size:.85em;font-style:italic;margin-top:8px;padding:4px 8px;background:#ffffffb3;border-radius:4px}.construction-formula-detailed .perfect{background:#10b981}.context-item:nth-child(1) .icon{color:#10b981}.context-item:nth-child(2) .icon{color:#f59e0b}.context-item:nth-child(3) .icon{color:#3b82f6}.context-item:nth-child(4) .icon{color:#8b5cf6}.example-category:nth-child(1){border-left-color:#3b82f6}.example-category:nth-child(3){border-left-color:#f59e0b}.example-category:nth-child(1) h5{color:#2563eb}.tense-summary-detailed tr:nth-child(1){background:#f0f9ff}.tense-summary-detailed tr:nth-child(3){background:#fef3c7}.exercise-feedback .explanation{color:#059669;font-weight:600;padding:8px 12px;background:#ecfdf5;border-radius:6px;border-left:4px solid #10b981}@media (max-width: 768px){.contrast-examples{grid-template-columns:1fr}.time-relationships{gap:12px}.relationship{padding:10px}}.practical-tips-detailed{display:grid;gap:25px}.tip-category{padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.tip-list{display:grid;gap:15px}.tip-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.tip-item .icon{font-size:1.5em;min-width:40px;text-align:center}.tip-content strong{display:block;margin-bottom:8px;color:#374151;font-size:1.05em}.checklist{display:grid;gap:12px}.check-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.check-item input[type=checkbox]{transform:scale(1.2)}.correct-example{padding:12px;background:#ecfdf5;border-radius:6px;border-left:4px solid #10b981}.correct-example .label{font-size:.8em;color:#047857;font-weight:600;margin-top:5px}.partial{background:#fef3c7;color:#92400e;font-weight:600;text-align:center;padding:4px 8px;border-radius:4px}.exercise-item .option.correct-answer{border-color:#10b981;background:#ecfdf5;color:#047857}@media (max-width: 768px){.tip-item{flex-direction:column;align-items:flex-start;gap:8px}.tip-item .icon{align-self:flex-start}.check-item{padding:10px}}.construction-formula-detailed .condition{background:#ef4444}.construction-formula-detailed .result{background:#10b981}.construction-formula-detailed .operator{color:#fbbf24;font-weight:700}.zero-example{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:15px;text-align:center}.first-example{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:15px;text-align:center}.zero-example h6{color:#0369a1;margin-bottom:10px}.first-example h6{color:#059669;margin-bottom:10px}.context-item:nth-child(1) .icon{color:#dc2626}.context-item:nth-child(2) .icon{color:#059669}.context-item:nth-child(4) .icon{color:#7c3aed}.context-item:nth-child(5) .icon{color:#db2777}.example-category:nth-child(1){border-left-color:#dc2626}.example-category:nth-child(2){border-left-color:#059669}.example-category:nth-child(3){border-left-color:#d97706}.example-category:nth-child(1) h5{color:#dc2626}.example-category:nth-child(2) h5{color:#059669}.example-category:nth-child(3) h5{color:#d97706}.tense-summary-detailed tr:nth-child(1){background:#fef2f2}.tense-summary-detailed tr:nth-child(2){background:#f0fdf4}.tense-summary-detailed tr:nth-child(4){background:#f0f9ff}.tense-summary-detailed tr:nth-child(5){background:#faf5ff}.language-comparison,.usage-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.language-version h6,.usage-type h6{margin-bottom:10px;color:#374151;font-size:.95em;font-weight:600}@media (max-width: 768px){.language-comparison,.usage-comparison,.contrast-examples{grid-template-columns:1fr}.zero-example,.first-example{margin-bottom:15px}}.construction-formula-detailed .result{background:#db2777}.construction-formula-detailed .alternative{background:#c026d3}.context-item:nth-child(1) .icon{color:#db2777}.context-item:nth-child(5) .icon{color:#d97706}.context-item:nth-child(2) .icon{color:#7c3aed}.context-item:nth-child(3) .icon{color:#dc2626}.context-item:nth-child(4) .icon{color:#3b82f6}.context-item:nth-child(5) .icon{color:#8b5cf6}.example-category:nth-child(1){border-left-color:#db2777}.example-category:nth-child(1) h5{color:#db2777}.example-category:nth-child(2){border-left-color:#7c3aed}.example-category:nth-child(3){border-left-color:#dc2626}.example-category:nth-child(2) h5{color:#7c3aed}.example-category:nth-child(3) h5{color:#dc2626}.tense-summary-detailed tr:nth-child(1){background:#fdf2f8}.tense-summary-detailed tr:nth-child(3){background:#fef2f2}.tense-summary-detailed tr:nth-child(5){background:#fffbeb}.tense-summary-detailed tr:nth-child(2){background:#faf5ff}.tense-summary-detailed tr:nth-child(3){background:#f0f9ff}.tense-summary-detailed tr:nth-child(4){background:#fef2f2}.tense-summary-detailed tr:nth-child(5){background:#fef7cd}.tense-summary-detailed tr:nth-child(6){background:#f3f4f6}.construction-formula-detailed .condition{background:#7c3aed}.construction-formula-detailed .result{background:#a855f7}.construction-formula-detailed .alternative{background:#c084fc}.context-item:nth-child(2) .icon{color:#a855f7}.context-item:nth-child(3) .icon{color:#c084fc}.context-item:nth-child(4) .icon{color:#d946ef}.context-item:nth-child(5) .icon{color:#ec4899}.context-item:nth-child(1) .icon{color:#7c3aed}.context-item:nth-child(2) .icon{color:#dc2626}.context-item:nth-child(3) .icon{color:#d97706}.context-item:nth-child(4) .icon{color:#059669}.context-item:nth-child(5) .icon{color:#3b82f6}.example-category:nth-child(2){border-left-color:#a855f7}.example-category:nth-child(3){border-left-color:#c084fc}.example-category:nth-child(2) h5{color:#a855f7}.example-category:nth-child(3) h5{color:#c084fc}.example-category:nth-child(1){border-left-color:#7c3aed}.example-category:nth-child(2){border-left-color:#dc2626}.example-category:nth-child(1) h5{color:#7c3aed}.example-category:nth-child(2) h5{color:#dc2626}.second-example{background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;padding:15px;text-align:center}.second-example h6{color:#7c3aed;margin-bottom:10px}.tense-summary-detailed tr:nth-child(2){background:#fdf4ff}.tense-summary-detailed tr:nth-child(3){background:#fef7ff}.tense-summary-detailed tr:nth-child(4){background:#fdf2f8}.tense-summary-detailed tr:nth-child(1){background:#faf5ff}.tense-summary-detailed tr:nth-child(2){background:#fef2f2}.tense-summary-detailed tr:nth-child(3){background:#fffbeb}.tense-summary-detailed tr:nth-child(4){background:#f0fdf4}.tense-summary-detailed tr:nth-child(5){background:#f0f9ff}.construction-formula-detailed .alternative{background:#34d399}.context-item:nth-child(1) .icon{color:#059669}.context-item:nth-child(2) .icon{color:#10b981}.context-item:nth-child(3) .icon{color:#34d399}.context-item:nth-child(4) .icon{color:#65a30d}.context-item:nth-child(5) .icon{color:#84cc16}.example-category:nth-child(1){border-left-color:#059669}.example-category:nth-child(2){border-left-color:#10b981}.example-category:nth-child(3){border-left-color:#34d399}.example-category:nth-child(1) h5{color:#059669}.example-category:nth-child(2) h5{color:#10b981}.example-category:nth-child(3) h5{color:#34d399}.third-example{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:15px;text-align:center}.third-example h6{color:#059669;margin-bottom:10px}.tense-summary-detailed tr:nth-child(1){background:#f0fdf4}.tense-summary-detailed tr:nth-child(2){background:#ecfdf5}.tense-summary-detailed tr:nth-child(3){background:#dcfce7}.tense-summary-detailed tr:nth-child(4){background:#d1fae5}.tense-summary-detailed tr:nth-child(5){background:#bbf7d0}.construction-formula-detailed .condition{position:relative}.exercise-item .option.correct{border-color:#10b981;background:#ecfdf5;color:#047857}.exercise-feedback .explanation{color:#059669;font-weight:600;padding:8px 12px;background:#ecfdf5;border-radius:6px;border-left:4px solid #10b981;margin-top:10px}@media (max-width: 768px){.construction-formula-detailed .condition:after{top:-5px;right:-5px;width:16px;height:16px;font-size:10px}}.time-comparisons .expression,.time-comparisons .example{padding:6px!important;border-left:0}.time-comparisons{display:flex;flex-direction:column;gap:10px}.comparison{align-items:center;text-align:center}.comparison h5{font-size:1.2em}.change-item-detailed .original{margin:0!important}.usage-context h5{display:flex;justify-content:center;align-items:center;font-size:1.05em}.common-mistakes-detailed{margin-top:20px}.mistake-category h5{margin-bottom:15px;font-size:1.1em}.mistake-list{display:flex;flex-direction:column;gap:10px}.polish{font-weight:600;color:#374151;min-width:120px;flex:1 0 120px}.incorrect{text-decoration:line-through;flex:1 0 150px;border:1px solid #ef4444;min-width:100px}.correct{flex:1 0 150px}.example{font-style:italic;margin-top:8px;border-top:1px solid #fecaca;text-align:left}@media (max-width: 768px){.mistake-item{gap:8px;padding:10px 12px}.polish,.incorrect,.correct{flex:1 0 100%;min-width:auto;text-align:left}.arrow{display:none}.incorrect:after{content:" →";color:#6b7280;font-weight:600;margin-left:8px}.example{margin-top:6px;padding-top:6px;font-size:.85em}}@media (max-width: 480px){.mistake-item{padding:8px 10px}.polish{font-size:.95em}.incorrect,.correct{font-size:.9em}}.score-badge{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:80px}.score-badge__main{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.score-badge__percent{font-size:1rem;font-weight:700;line-height:1}.score-badge__label{font-size:.75rem;color:#6b7280;line-height:1}.score-badge__progress{width:100%;height:6px;background-color:#f3f4f6;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.score-badge__progress-fill{height:100%;border-radius:3px;transition:all .3s ease;box-shadow:0 1px 2px #0000001a}.topic-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.topic-card__title{margin:0;flex:1;font-size:1.1rem;line-height:1.3}.topic-card:has(.score-badge){border-left:4px solid;border-left-color:inherit;background:linear-gradient(135deg,#fff,#f8fafc);position:relative;overflow:hidden}.topic-card:has(.score-badge):before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.topic-card:has(.score-badge):hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.exercise__result-saved{font-size:.875rem;color:#059669;font-weight:500;margin-top:4px}.topic-card{transition:all .3s ease}.score-badge__progress-fill{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.topic-card__header{flex-direction:column;align-items:flex-start;gap:12px}.score-badge{align-items:flex-start;width:100%}.score-badge__main{align-items:flex-start}.score-badge__progress{width:100%}.topic-card__title{font-size:1rem}}.topic-card:not(:has(.score-badge)) .topic-card__header{margin-bottom:12px}.example-pair .original{padding:16px!important;margin:0!important}.grammar-tip .special-date-cases{display:grid;gap:25px;margin-top:20px}.grammar-tip .special-case-detailed{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.grammar-tip .special-case-detailed h6{margin-bottom:15px;color:#374151;font-size:1.1em;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:8px}.grammar-tip .year-examples{display:grid;gap:12px}.grammar-tip .year-item{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.grammar-tip .year-item:hover{border-color:#3b82f6;background:#f0f9ff;transform:translate(4px)}.grammar-tip .year{font-weight:700;min-width:80px;font-size:1.1em;font-family:Courier New,monospace}.grammar-tip .pronunciation{color:#374151;font-weight:500;flex:1}.grammar-tip .century-examples{display:grid;gap:12px}.grammar-tip .century-item{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.grammar-tip .century-item:hover{border-color:#10b981;background:#f0fdf4;transform:translate(4px)}.grammar-tip .century,.grammar-tip .decade{font-weight:600;min-width:120px;font-size:1em}.grammar-tip .century-item .pronunciation{color:#374151;font-weight:500;flex:1}@media (max-width: 768px){.grammar-tip .special-date-cases{gap:20px}.grammar-tip .special-case-detailed{padding:16px}.grammar-tip .year-item,.grammar-tip .century-item{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.grammar-tip .year,.grammar-tip .century,.grammar-tip .decade{min-width:auto;font-size:1em}.grammar-tip .pronunciation{width:100%;padding-left:12px;border-left:3px solid #e5e7eb}}.grammar-tip .special-case-detailed h6:before{font-size:1.2em}.grammar-tip .special-case-detailed:nth-child(1){border-left:4px solid #3b82f6}.grammar-tip .special-case-detailed:nth-child(2){border-left:4px solid #10b981}.grammar-tip .special-case-detailed:nth-child(1) h6{color:#2563eb}.grammar-tip .special-case-detailed:nth-child(2) h6{color:#059669}.mistake-category{margin-top:25px;background:#0f172a;padding:24px;border-radius:16px;border:1px solid #1e293b;box-shadow:0 2px 10px #0000004d}.mistake-category h5{color:#f87171;font-weight:700;font-size:1.2em;margin-bottom:18px;display:flex;align-items:center;gap:8px;border-bottom:2px solid #334155;padding-bottom:6px}.mistake-category .mistake-list-detailed{display:grid;gap:16px}.mistake-category .mistake-item-detailed{background:#1e293b;border-radius:12px;padding:16px 20px;display:grid;gap:8px;position:relative;border:1px solid #334155;transition:transform .2s ease,box-shadow .2s ease}.mistake-category .mistake-item-detailed:hover{transform:translate(4px);box-shadow:0 0 10px #3b82f64d}.mistake-category .polish{color:#e2e8f0;font-weight:500}.mistake-category .incorrect{background:#7f1d1d;color:#fee2e2;padding:6px 10px;border-radius:6px;display:inline-block;font-weight:500}.mistake-category .arrow{color:#94a3b8;font-weight:700;margin:0 8px}.mistake-category .correct{background:#022c22;color:#a7f3d0;padding:6px 10px;border-radius:6px;display:inline-block;font-weight:500}.mistake-category .reason{color:#94a3b8;font-size:.9em;margin-top:6px;border-left:3px solid #475569;padding-left:10px}@media (max-width: 768px){.mistake-category{padding:16px}.mistake-category .mistake-item-detailed{padding:14px}.mistake-category .incorrect,.mistake-category .correct{display:block;margin-top:4px}}.grammar-usage h4{margin:16px 0 .4rem!important}p.translation,p.explanation{border-left:4px solid #3b82f6}.tense-category h5{font-size:1.05em}.pronunciation-grid{display:grid;gap:2rem;margin-top:1.5rem}.pronunciation-group{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.pronunciation-group h4{margin-bottom:1rem;color:#374151;font-size:1.2em;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.pronunciation-group p{padding:.75rem;background:#f9fafb;border-radius:6px;border-left:4px solid #3b82f6;margin:.75rem 0}.pronunciation-group strong{color:#1e40af;font-weight:600}.pronunciation-group em{color:#dc2626;font-style:normal;font-weight:600}.pronunciation-tip{margin-top:1rem;padding:1rem;background:#f0f9ff;border-radius:8px;border-left:4px solid #0ea5e9;font-size:.95em}.pronunciation-tip strong{color:#0369a1}@media (max-width: 768px){.pronunciation-group{padding:1rem}.pronunciation-group p{padding:.5rem}}.homophones-grid{display:grid;gap:2rem;margin-top:1.5rem}.homophone-group{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.homophone-group h4{margin-bottom:1rem;color:#374151;font-size:1.2em;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.homophone-pairs{display:flex;flex-direction:column;gap:1rem}.homophone-pair{display:grid;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.homophone-item{padding:.75rem;background:#f9fafb;border-radius:6px;border-left:4px solid #3b82f6}.homophone-item strong{color:#1e40af;font-weight:600}.homophone-examples{display:grid;gap:1rem}.example p:first-child{margin-bottom:.5rem;font-weight:500}.example em{color:#dc2626;font-style:normal;font-weight:600}@media (max-width: 768px){.homophone-group{padding:1rem}.homophone-pair{padding:.75rem}.homophone-item{padding:.5rem}.example{padding:1rem}}.practice-exercise{--border: 1px solid rgba(0,0,0,.08);--radius: 14px;--surface: #ffffff;--surface-alt: #fafbff;--shadow: 0 8px 24px rgba(0, 0, 0, .06);--primary: #4f46e5;--primary-600: #4f46e5;--primary-700: #4338ca;--success: #16a34a;--danger: #dc2626;--muted: #6b7280;background:linear-gradient(180deg,var(--surface),var(--surface-alt));border:var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.practice-exercise .exercise-question h5{margin:0 0 12px;font-size:1.05rem;color:#111827}.exercise-item{background:#fff;border:1px solid rgba(99,102,241,.12);border-radius:12px;padding:14px 14px 6px;margin-bottom:14px;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.exercise-item:hover{border-color:#6366f147;box-shadow:0 4px 14px #4f46e514}.options{display:grid;gap:10px;margin:10px 0 8px}.option{display:flex;align-items:flex-start;gap:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease}.option:hover{background:#f3f4f6;border-color:#d1d5db}.option input[type=radio]{margin-top:3px}.option.selected{background:#eef2ff;border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e526}.option.correct-answer{background:#ecfdf5;border-color:#16a34a}.option.wrong-answer{background:#fef2f2;border-color:#dc2626}.exercise-feedback{display:none;margin:6px 2px 8px}.exercise-feedback .explanation{display:inline-block;padding:6px 10px;border-radius:8px;font-size:.92rem;color:#374151;background:#f3f4f6}.exercise-feedback .explanation.correct{background:#ecfdf5;color:#065f46;border:1px solid #10b981}.exercise-feedback .explanation.incorrect{background:#fef2f2;color:#7f1d1d;border:1px solid #ef4444}.exercise-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.exercise-result{margin-left:auto;font-weight:600}.exercise-result .result-success{color:#065f46}.exercise-result .result-failure{color:#7f1d1d}.btn.btn-primary.check-answers{background:var(--primary-600);border:1px solid var(--primary-700);color:#fff;padding:10px 14px;border-radius:10px;transition:transform .1s ease,box-shadow .16s ease,background .16s ease}.btn.btn-primary.check-answers:disabled{background:#c7cffc;border-color:#b0b8f7;cursor:not-allowed;opacity:.8}.btn.btn-primary.check-answers:not(:disabled):hover{background:var(--primary-700);box-shadow:0 6px 16px #4338ca33;transform:translateY(-1px)}.btn.btn-secondary.reset-exercise{background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;padding:10px 14px;border-radius:10px;transition:background .16s ease,border-color .16s ease}.btn.btn-secondary.reset-exercise:hover{background:#e5e7eb;border-color:#d1d5db}.exercise-item>p{margin:0 0 8px;color:#111827;font-weight:500}.vocab-table{width:100%;border-collapse:collapse;font-size:.95rem}.vocab-table th,.vocab-table td{border:1px solid rgba(0,0,0,.08);padding:10px 12px;text-align:left;background:#fff}.vocab-table thead th{background:#f3f4f6;font-weight:700}.vocab-table tbody tr:nth-child(2n) td{background:#fafafa}.vocab-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid rgba(0,0,0,.08);font-size:.95rem}.video-filters{display:flex;gap:2rem;align-items:end;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{font-weight:600;color:#333;font-size:.9rem}.filter-select{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-stats{font-size:1rem;color:#666;margin-left:auto;align-self:center}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.video-card__link{text-decoration:none;color:inherit;display:block;height:100%}.video-card__thumbnail{position:relative;height:200px;overflow:hidden}.video-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card__image{transform:scale(1.05)}.video-card__duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.video-card__overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-card__overlay{opacity:1}.video-card__play-icon{color:#fff;font-size:3rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.video-card__content{padding:1.5rem}.video-card__level{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;margin-bottom:1rem}.video-card__title{font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__channel{color:#666;font-size:.9rem;margin-bottom:1rem;font-weight:500}.video-card__meta{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:1rem}.video-card__category{font-size:.85rem;color:#666;padding-top:1rem;border-top:1px solid #e9ecef}.no-results{text-align:center;padding:3rem;color:#666}.no-results h3{margin-bottom:1rem;color:#333}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.tip-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #007bff}.tip-card h4{color:#333;margin-bottom:.5rem;font-size:1.1rem}.tip-card p{color:#666;line-height:1.5;margin:0}@media (max-width: 768px){.video-filters{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{min-width:auto}.filter-stats{margin-left:0;text-align:center}.videos-grid{grid-template-columns:1fr;gap:1.5rem}.tips-grid{grid-template-columns:1fr}}@media (max-width: 480px){.video-card__content{padding:1rem}.video-card__title{font-size:1rem}}.site-filters{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e9ecef}.filter-search:focus,.filter-select:focus{outline:none;border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a}.filter-search{width:100%}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin:2rem 0}.site-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.site-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.site-card__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f3f4}.site-card__meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.site-card__level{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.site-card__price{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#f8f9fa;color:#495057;border:1px solid #e9ecef}.site-card__language{padding:.25rem .5rem;border-radius:20px;font-size:.75rem;background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.site-card__title{font-size:1.25rem;font-weight:700;color:#212529;margin:0;line-height:1.4}.site-card__content{padding:1rem 1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.site-card__description{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}.site-card__features{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #4dabf7}.site-card__features h4{margin:0 0 .5rem;font-size:.9rem;color:#495057;font-weight:600}.site-card__features ul{margin:0;padding-left:1rem}.site-card__features li{color:#6c757d;font-size:.9rem;margin-bottom:.25rem;line-height:1.4}.site-card__rating{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-top:1px solid #f1f3f4}.site-card__stars{color:#ffc107;font-size:1.1rem;letter-spacing:1px}.site-card__rating-text{color:#6c757d;font-size:.9rem;font-weight:600}.site-card__footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.btn--small{padding:.5rem 1rem;font-size:.9rem;width:100%;text-align:center;justify-content:center}.recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.recommendation-category{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.recommendation-category h3{margin:0 0 1rem;color:#212529;font-size:1.1rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid #4dabf7}.recommendation-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #40c057;font-size:.95rem;color:#495057}.recommendation-item strong{color:#212529}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.tip-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;transition:transform .3s ease}.tip-card:hover{transform:translateY(-2px)}.tip-card h4{margin:0 0 1rem;color:#212529;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.tip-card p{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}.no-results{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;border:2px dashed #dee2e6;margin:2rem 0}.no-results h3{color:#6c757d;margin:0 0 1rem;font-size:1.5rem}.no-results p{color:#868e96;font-size:1.1rem;margin:0}@media (max-width: 768px){.filter-row,.sites-grid{grid-template-columns:1fr;gap:1rem}.recommendations,.tips-grid{grid-template-columns:1fr}.site-card__header{padding:1rem 1rem .75rem}.site-card__content,.site-card__footer{padding:.75rem 1rem}}@media (max-width: 480px){.site-filters{padding:1rem}.site-card__meta{flex-direction:column;align-items:flex-start}.site-card__title{font-size:1.1rem}}.site-card{animation:fadeIn .5s ease forwards}.site-card:nth-child(odd){animation-delay:.1s}.site-card:nth-child(2n){animation-delay:.2s}@media (prefers-reduced-motion: reduce){.site-card{animation:none}.site-card:hover,.tip-card:hover{transform:none}}@media (prefers-color-scheme: dark){.site-filters{background:#2d3748;border-color:#4a5568}.filter-search,.filter-select{background:#4a5568;border-color:#718096;color:#e2e8f0}.filter-stats{background:#4a5568;color:#e2e8f0;border-color:#718096}.site-card{background:#4a5568;border-color:#718096}.site-card__header{border-bottom-color:#718096}.site-card__title{color:#f7fafc}.site-card__description{color:#cbd5e0}.site-card__features{background:#2d3748;border-left-color:#4dabf7}.site-card__features h4{color:#e2e8f0}.site-card__features li{color:#cbd5e0}.site-card__footer{background:#2d3748;border-top-color:#718096}.site-card__price{background:#2d3748;color:#e2e8f0;border-color:#718096}.recommendation-category{background:#4a5568;border-color:#718096}.recommendation-category h3{color:#f7fafc}.recommendation-item{background:#2d3748;color:#cbd5e0}.recommendation-item strong{color:#f7fafc}.tip-card{background:#4a5568;border-color:#718096}.tip-card h4{color:#f7fafc}.tip-card p{color:#cbd5e0}.no-results{background:#4a5568;border-color:#718096}.no-results h3{color:#e2e8f0}.no-results p{color:#cbd5e0}}.site-card__features li:last-child{margin-bottom:0}.filter-group label{-webkit-user-select:none;user-select:none}.btn--small{display:inline-flex;align-items:center;gap:.5rem}.sites-grid.loading{opacity:.6;pointer-events:none}.filter-search:focus-visible,.filter-select:focus-visible,.btn--small:focus-visible{outline:2px solid #4dabf7;outline-offset:2px}.site-card__link:focus-visible{outline:2px solid #4dabf7;outline-offset:-2px;border-radius:8px}.server-filters{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e9ecef}.filter-search:focus,.filter-select:focus{outline:none;border-color:#7289da;box-shadow:0 0 0 3px #7289da1a}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin:2rem 0}.server-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.server-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#7289da}.server-card__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#7289da,#5b6eae);color:#fff}.server-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.server-card__language{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.server-card__activity{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.server-card__title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.4}.server-card__focus{font-size:.9rem;color:#ffffffe6;display:flex;align-items:center;gap:.5rem}.server-card__content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:1.25rem}.server-card__description{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}.server-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin:0 -.5rem}.server-stat{display:flex;align-items:center;gap:.75rem;text-align:center;min-width:0}.server-stat__icon{font-size:1.25rem;margin-bottom:.25rem}.server-stat__info{display:flex;flex-direction:column}.server-stat__value{font-weight:700;color:#212529;font-size:1.1rem}.server-stat__label{color:#6c757d;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.server-card__features{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #7289da}.server-card__features h4{margin:0 0 .75rem;font-size:.9rem;color:#495057;font-weight:600}.feature-tag:hover{background:#7289da;color:#fff;border-color:#7289da}.server-card__rules{background:#fff3cd;padding:1rem;border-radius:8px;border:1px solid #ffeaa7}.server-card__rules h5{margin:0 0 .5rem;color:#856404;font-size:.9rem;font-weight:600}.server-card__rules ul{margin:0;padding-left:1rem}.server-card__rules li{color:#856404;font-size:.85rem;margin-bottom:.25rem;line-height:1.4}.server-card__rating{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-top:1px solid #f1f3f4}.server-card__stars{color:#ffc107;font-size:1.1rem;letter-spacing:1px}.server-card__rating-text{color:#6c757d;font-size:.9rem;font-weight:600}.server-card__footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.btn--discord{background:#7289da;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;width:100%;justify-content:center}.btn--discord:hover{background:#5b6eae;transform:translateY(-2px);box-shadow:0 4px 12px #7289da4d}.discord-icon{font-size:1.1rem}.etiquette-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.etiquette-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;transition:transform .3s ease;border-left:4px solid #7289da}.etiquette-card:hover{transform:translateY(-2px)}.etiquette-card h4{margin:0 0 1rem;color:#212529;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.etiquette-card p{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}@media (max-width: 768px){.filter-row,.servers-grid{grid-template-columns:1fr;gap:1rem}.server-card__stats{grid-template-columns:1fr;gap:.75rem}.etiquette-rules{grid-template-columns:1fr}.server-card__header{padding:1rem 1rem .75rem}.server-card__content{padding:1rem}.server-card__footer{padding:.75rem 1rem}}@media (max-width: 480px){.server-filters{padding:1rem}.server-card__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.features-list{flex-direction:column;align-items:flex-start}}.server-card{animation:fadeIn .5s ease forwards}@media (prefers-color-scheme: dark){.server-card{background:#4a5568;border-color:#718096}.server-card__content{color:#e2e8f0}.server-card__description{color:#cbd5e0}.server-card__stats{background:#2d3748;border-color:#718096}.server-stat__value{color:#f7fafc}.server-card__features{background:#2d3748;border-left-color:#7289da}.server-card__features h4{color:#e2e8f0}.feature-tag{background:#4a5568;color:#e2e8f0;border-color:#718096}.server-card__rules{background:#744210;border-color:#975a16}.server-card__rules h5,.server-card__rules li{color:#fed7aa}.server-card__footer{background:#2d3748;border-top-color:#718096}.etiquette-card{background:#4a5568;border-color:#718096}.etiquette-card h4{color:#f7fafc}.etiquette-card p{color:#cbd5e0}}.book-filters{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e9ecef}.filter-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#495057;font-size:.9rem}.filter-search,.filter-select{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.filter-search:focus,.filter-select:focus{outline:none;border-color:#f90;box-shadow:0 0 0 3px #ff99001a}.filter-stats{text-align:center;padding:.75rem;background:#fff;border-radius:8px;font-size:.95rem;color:#495057;border:1px solid #e9ecef}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin:2rem 0}.book-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#f90}.book-card__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f90,#e68900);color:#fff;text-align:center}.book-card__cover{font-size:3rem;margin-bottom:1rem}.book-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.book-card__level{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.book-card__difficulty{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.book-card__title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.4}.book-card__author{font-size:.9rem;color:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:.5rem}.book-card__content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:1.25rem}.book-card__description{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}.book-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.book-stat{display:flex;align-items:center;gap:.75rem;text-align:center}.book-stat__icon{font-size:1.5rem}.book-stat__info{display:flex;flex-direction:column}.book-stat__value{font-weight:700;color:#212529;font-size:1.1rem}.book-stat__label{color:#6c757d;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.book-card__features{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #ff9900}.book-card__features h4{margin:0 0 .75rem;font-size:.9rem;color:#495057;font-weight:600}.features-list{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.25rem .75rem;background:#fff;border:1px solid #dee2e6;border-radius:20px;font-size:.8rem;color:#495057;transition:all .3s ease}.feature-tag:hover{background:#f90;color:#fff;border-color:#f90}.book-card__tags{background:#e7f5ff;padding:1rem;border-radius:8px;border:1px solid #a5d8ff}.book-card__tags h5{margin:0 0 .5rem;color:#1864ab;font-size:.9rem;font-weight:600}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .5rem;background:#fff;border:1px solid #74c0fc;border-radius:12px;font-size:.75rem;color:#1864ab;transition:all .3s ease}.tag:hover{background:#74c0fc;color:#fff}.book-card__rating{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-top:1px solid #f1f3f4}.book-card__stars{color:#ffc107;font-size:1.1rem;letter-spacing:1px}.book-card__rating-text{color:#6c757d;font-size:.9rem;font-weight:600}.book-card__footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.btn--amazon{background:#f90;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;width:100%;justify-content:center}.btn--amazon:hover{background:#e68900;transform:translateY(-2px);box-shadow:0 4px 12px #ff99004d}.amazon-icon{font-size:1.1rem}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.method-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;transition:transform .3s ease;border-left:4px solid #ff9900}.method-card:hover{transform:translateY(-2px)}.method-card h4{margin:0 0 1rem;color:#212529;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.method-card p{color:#6c757d;line-height:1.6;margin:0;font-size:.95rem}@media (max-width: 768px){.filter-row,.books-grid{grid-template-columns:1fr;gap:1rem}.book-card__stats{grid-template-columns:1fr;gap:.75rem}.methods-grid{grid-template-columns:1fr}.book-card__header{padding:1rem 1rem .75rem}.book-card__content{padding:1rem}.book-card__footer{padding:.75rem 1rem}}@media (max-width: 480px){.book-filters{padding:1rem}.book-card__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.features-list{flex-direction:column;align-items:flex-start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.book-card{animation:fadeIn .5s ease forwards}@media (prefers-color-scheme: dark){.book-card{background:#4a5568;border-color:#718096}.book-card__content{color:#e2e8f0}.book-card__description{color:#cbd5e0}.book-card__stats{background:#2d3748;border-color:#718096}.book-stat__value{color:#f7fafc}.book-card__features{background:#2d3748;border-left-color:#f90}.book-card__features h4{color:#e2e8f0}.feature-tag{background:#4a5568;color:#e2e8f0;border-color:#718096}.book-card__tags{background:#1a365d;border-color:#2d3748}.book-card__tags h5{color:#90cdf4}.tag{background:#2d3748;color:#90cdf4;border-color:#4a5568}.book-card__footer{background:#2d3748;border-top-color:#718096}.method-card{background:#4a5568;border-color:#718096}.method-card h4{color:#f7fafc}.method-card p{color:#cbd5e0}}.writing-article{line-height:1.7;color:#2c3e50}.writing-article__header{background:linear-gradient(135deg,#8e44ad,#3498db);color:#fff;padding:3rem 0;margin-bottom:3rem}.writing-article__breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.writing-article__breadcrumb-link{color:#fffc;text-decoration:none}.writing-article__breadcrumb-link:hover{color:#fff}.writing-article__breadcrumb-separator{color:#fff9}.writing-article__breadcrumb-current{color:#fff;font-weight:500}.writing-article__title{font-size:2.5rem;margin:0 0 1rem;line-height:1.2}.writing-article__intro{font-size:1.2rem;opacity:.9;margin-bottom:1.5rem}.writing-article__meta{display:flex;gap:2rem;font-size:.9rem;opacity:.8;flex-wrap:wrap}.writing-article__content{max-width:900px;margin:0 auto}.writing-article__section{margin-bottom:4rem}.writing-article__section h2{color:#8e44ad;border-bottom:3px solid #3498db;padding-bottom:.5rem;margin-bottom:2rem;font-size:1.8rem}.writing-tip-box{background:#e8f4fd;border-left:4px solid #3498db;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.writing-tip-box h3{margin-top:0;color:#2c3e50}.writing-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.writing-point-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #9b59b6;text-align:center}.writing-point-card h4{margin-top:0;color:#2c3e50}.story-structure{display:grid;gap:2rem;margin:2rem 0}.structure-phase{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.phase-header{background:#34495e;color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem}.phase-number{background:#3498db;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.phase-header h3{margin:0;color:#fff}.phase-content{padding:1.5rem}.phase-content h4{color:#2c3e50;margin-bottom:1rem}.phase-content ul{margin:1rem 0;padding-left:1rem}.phase-content li{margin-bottom:.5rem}.phase-example{background:#f8f9fa;padding:1rem;border-radius:6px;margin-top:1rem;border-left:3px solid #27ae60;font-style:italic}.tenses-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.tense-header{background:#2c3e50;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.example-pair{display:grid;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem}.vocabulary-sections{display:grid;gap:2rem;margin:2rem 0}.vocab-category h3{color:#8e44ad;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ecf0f1}.vocab-word{font-weight:600;color:#2c3e50}.sample-story{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin:2rem 0}.story-header{background:#34495e;color:#fff;padding:1.5rem;text-align:center}.story-header h3{margin:0 0 1rem;color:#fff;font-size:1.5rem}.story-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.story-content{padding:2rem}.story-paragraph{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ecf0f1}.story-paragraph:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.story-text{font-size:1.1rem;line-height:1.8;margin-bottom:1rem;color:#2c3e50}.story-analysis{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #3498db;font-size:.9rem;color:#7f8c8d}.writing-techniques{display:grid;gap:2rem;margin:2rem 0}.technique-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #9b59b6}.technique-card h4{margin-top:0;color:#2c3e50}.technique-examples{margin:1rem 0}.example-comparison{margin-bottom:1rem}.bad-example{background:#fadbd8;padding:.75rem;border-radius:6px;margin-bottom:.5rem;border-left:3px solid #e74c3c}.good-example{background:#d5f4e6;padding:.75rem;border-radius:6px;border-left:3px solid #27ae60}.dialogue-example{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;font-style:italic}.sensory-example{display:grid;gap:.5rem}.writing-tips{display:grid;gap:2rem}.tip-section{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.tip-section h4{margin-top:0;color:#2c3e50}.tip-section ul{margin:1rem 0;padding-left:1rem}.tip-section li{margin-bottom:.5rem}.perspective-examples{display:grid;gap:1rem;margin:1rem 0}.perspective{background:#f8f9fa;padding:1rem;border-radius:6px;font-style:italic}.writing-exercises{display:grid;gap:2rem;margin:2rem 0}.exercise-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-top:4px solid #3498db}.exercise-card h4{margin-top:0;color:#2c3e50}.exercise-prompt{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;font-style:italic;text-align:center;font-weight:500}.exercise-hint{background:#fff3cd;padding:1rem;border-radius:6px;border-left:3px solid #ffc107;margin-top:1rem}.exercise-requirements{background:#e8f4fd;padding:1rem;border-radius:6px;border-left:3px solid #3498db;margin-top:1rem}.transformation-exercise{display:grid;gap:1rem;margin:1rem 0}.transformation-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:6px}.original{font-weight:500;color:#2c3e50}.hint{color:#7f8c8d;font-size:.9rem;font-style:italic}.writing-action-box{background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin:2rem 0}.writing-prompts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.prompt-card{background:#fff3;padding:1.5rem;border-radius:8px;text-align:left}.prompt-card h4{margin:0 0 1rem;color:#fff}.prompt-card p{margin:0;opacity:.9}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.btn{text-decoration:none}.btn--primary{background:#fff;color:#9b59b6}.btn--primary:hover{color:#fff;background:#db4058;transform:translateY(-2px)}.btn--secondary{background:transparent;color:#fff;border:2px solid white}.btn--secondary:hover{background:#fff;color:#9b59b6}.writing-article__footer{border-top:2px solid #ecf0f1;padding-top:2rem;margin-top:3rem}.writing-article__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.writing-tag{background:#ecf0f1;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;color:#7f8c8d}.writing-article__next{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.writing-article__next a{color:#3498db;text-decoration:none}.writing-article__next a:hover{text-decoration:underline}@media (max-width: 768px){.writing-article__title{font-size:2rem}.writing-article__meta{flex-direction:column;gap:1rem}.writing-points-grid{grid-template-columns:1fr}.phase-header{flex-direction:column;text-align:center;gap:.5rem}.tenses-guide,.vocab-grid{grid-template-columns:1fr}.story-stats{flex-direction:column;gap:1rem}.action-buttons{flex-direction:column}.writing-prompts{grid-template-columns:1fr}.transformation-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.letter-structure{display:grid;gap:2rem;margin:2rem 0}.structure-element{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.element-header{background:#34495e;color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem}.element-number{background:#3498db;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.element-header h3{margin:0;color:#fff}.element-content{padding:1.5rem}.element-content h4{color:#2c3e50;margin-bottom:1rem}.element-content ul{margin:1rem 0;padding-left:1rem}.element-content li{margin-bottom:.5rem}.element-example{background:#f8f9fa;padding:1rem;border-radius:6px;margin-top:1rem;border-left:3px solid #27ae60;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.phrases-sections{display:grid;gap:2rem;margin:2rem 0}.phrases-category h3{color:#8e44ad;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ecf0f1;margin-top:20px}h5{font-size:1.1rem}.phrases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.phrase-item{display:grid;gap:.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.phrase-item:hover{transform:translateY(-2px)}.phrase-english{font-weight:600;color:#2c3e50;font-style:italic}.phrase-polish{color:#7f8c8d;font-size:.9rem;border-left:2px solid #3498db;padding-left:.5rem}.sample-letter{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin:2rem 0}.letter-header{background:#34495e;color:#fff;padding:1.5rem;text-align:center}.letter-header h3{margin:0 0 1rem;color:#fff;font-size:1.5rem}.letter-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.letter-content{padding:2rem}.letter-address{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ecf0f1}.sender-address,.receiver-address{font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.receiver-address{text-align:right}.letter-body{font-size:1rem;line-height:1.6}.salutation{font-weight:600;margin-bottom:1.5rem}.paragraph{margin-bottom:1.5rem}.paragraph p{margin-bottom:1rem}.closing{margin-top:2rem;font-weight:600}.signature{margin-top:3rem;font-family:Courier New,monospace}.letter-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.type-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.type-header{background:#2c3e50;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.type-header h4{margin:0;color:#fff}.type-difficulty{background:#3498db;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.type-content{padding:1.5rem}.type-content p{margin-bottom:1rem;font-weight:500}.type-features h5,.type-tips h5{margin:1rem 0 .5rem;color:#2c3e50;font-size:.9rem}.type-features ul{margin:0;padding-left:1rem}.type-features li{margin-bottom:.25rem;font-size:.9rem}.type-tips p{background:#fff3cd;padding:.75rem;border-radius:6px;border-left:3px solid #ffc107;margin:0;font-size:.9rem}.mistakes-guide{display:grid;gap:2rem;margin:2rem 0}.mistake-examples{margin:1rem 0}.wrong-example{background:#fadbd8;padding:.75rem;border-radius:6px;margin-bottom:.5rem;border-left:3px solid #e74c3c}.correct-example{background:#d5f4e6;padding:.75rem;border-radius:6px;border-left:3px solid #27ae60}.mistake-card p{margin:1rem 0 0;font-weight:500}.address-exercise{margin:1rem 0}.address-elements{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.address-elements span{background:#f8f9fa;padding:.5rem 1rem;border-radius:20px;border:2px dashed #3498db;font-family:Courier New,monospace}.templates-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:2rem 0}.template-line{margin-bottom:.25rem}.writing-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.scenario-card{background:#fff3;padding:1.5rem;border-radius:8px;text-align:left}.scenario-card h4{margin:0 0 1rem;color:#fff}.scenario-card p{margin:0;opacity:.9}@media (max-width: 768px){.letter-address{grid-template-columns:1fr;gap:1rem}.receiver-address{text-align:left}.letter-types,.phrases-grid,.templates-section,.writing-scenarios{grid-template-columns:1fr}.address-elements{flex-direction:column;align-items:flex-start}}.letter-structure .structure-element{border-left:4px solid #e67e22}.element-example{background:#fef9e7;border-left:3px solid #f39c12}.comparison-table{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;margin-top:1rem}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid #ecf0f1}.comparison-table th{background:#e67e22;color:#fff;font-weight:500}.comparison-table tr:hover{background:#fef9e7}.letter-address.informal{grid-template-columns:1fr;text-align:left}.salutation.informal{color:#e67e22;font-weight:600}.closing.informal{color:#e67e22}.postscript{margin-top:2rem;padding:1rem;background:#fef9e7;border-radius:6px;border-left:3px solid #f39c12;font-style:italic}.informal-expressions{display:grid;gap:2rem;margin:2rem 0}.expressions-category h3{color:#e67e22;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #fef9e7}.expressions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.expression-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.expression-item:hover{transform:translateY(-2px)}.expression-short{font-weight:600;color:#e67e22;font-family:Courier New,monospace}.expression-full{color:#7f8c8d;font-size:.9rem}.expression-idiom{font-weight:600;color:#e67e22;font-style:italic}.expression-meaning{color:#7f8c8d;font-size:.9rem;text-align:right}.expression-digital{font-weight:600;color:#3498db;font-family:Courier New,monospace}.letter-types.informal .type-card{border-left:4px solid #e67e22}.letter-types.informal .type-header{background:#e67e22}.letter-completion{margin:1rem 0}.letter-start{background:#fef9e7;padding:1.5rem;border-radius:6px;border-left:3px solid #f39c12;font-family:Courier New,monospace;line-height:1.6;margin-bottom:1rem}.scenarios-exercise{display:grid;gap:1rem;margin:1rem 0}.writing-action-box.informal{background:linear-gradient(135deg,#e67e22,#e74c3c)}@media (max-width: 768px){.expressions-grid{grid-template-columns:1fr}.expression-item{flex-direction:column;align-items:flex-start;gap:.5rem}.expression-meaning{text-align:left}.scenarios-exercise{grid-template-columns:1fr}.comparison-table{padding:1rem;font-size:.9rem}}.informal-tag{background:#f39c12!important}.informal-highlight{color:#e67e22;font-weight:600}@keyframes informalPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.expression-item:hover,.phrase-item:hover{animation:informalPulse .3s ease}.email-structure .structure-element{border-left:4px solid #3498db;margin:20px 0}.element-example{background:#e8f4fd;border-left:3px solid #3498db}.tone-guide{display:grid;gap:2rem;margin:2rem 0}.tone-level{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.tone-header{background:#34495e;color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.tone-header h3{margin:0;color:#fff}.tone-context{background:#3498db;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.tone-content{padding:1.5rem}.tone-example{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #3498db;font-style:italic}.email-phrases .phrase-item{position:relative}.phrase-level{position:absolute;top:.5rem;right:.5rem;background:#3498db;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.email-examples{display:grid;gap:3rem;margin:2rem 0}.email-example{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.email-header{background:#34495e;color:#fff;padding:1.5rem}.email-header h3{margin:0 0 1rem;color:#fff}.email-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.email-stats .stat{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.email-content{padding:2rem}.email-meta{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-family:Courier New,monospace;font-size:.9rem}.email-body{line-height:1.6;margin-bottom:1.5rem}.email-body p{margin-bottom:1rem}.email-body ul{margin:1rem 0;padding-left:2rem}.email-body li{margin-bottom:.5rem}.email-analysis{background:#e8f4fd;padding:1.5rem;border-radius:6px;border-left:4px solid #3498db}.best-practices{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.practice-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;border-top:4px solid #3498db}.practice-icon{font-size:2.5rem;margin-bottom:1rem}.practice-card h4{margin:0 0 1rem;color:#2c3e50}.practice-card p{margin:0;color:#7f8c8d;font-size:.9rem;line-height:1.5}.email-mistakes{display:grid;gap:1.5rem;margin:2rem 0}.mistake-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #e74c3c}.mistake-card h4{margin-top:0;color:#2c3e50}.mistake-content p{margin:0 0 1rem;color:#7f8c8d}.solution{background:#d5f4e6;padding:1rem;border-radius:6px;border-left:3px solid #27ae60}.email-transformation{margin:1rem 0}.original-email{background:#fadbd8;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:3px solid #e74c3c;font-family:Courier New,monospace}.transformation-hint{background:#fff3cd;padding:1rem;border-radius:6px;border-left:3px solid #ffc107}.subject-exercise{display:grid;gap:1rem;margin:1rem 0}.scenario{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #3498db}.email-prompt{margin:1rem 0}.requirements{background:#e8f4fd;padding:1rem;border-radius:6px;margin-top:1rem;border-left:3px solid #3498db}.email-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.template-content{padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.template-line{margin-bottom:.5rem}.writing-action-box.email{background:linear-gradient(135deg,#3498db,#2980b9)}@media (max-width: 768px){.do-dont{grid-template-columns:1fr;gap:1rem}.tone-header{flex-direction:column;align-items:flex-start;gap:.5rem}.email-stats{flex-direction:column;gap:.5rem}.best-practices,.email-templates{grid-template-columns:1fr}.phrase-level{position:static;display:inline-block;margin-top:.5rem}}@keyframes emailSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-example{animation:emailSlide .5s ease}.practice-card:hover{transform:translateY(-5px);transition:transform .3s ease}.review-structure .structure-element{margin:20px 0;border-left:4px solid #9b59b6}.review-vocabulary{display:grid;gap:2rem;margin:2rem 0}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vocab-translation{color:#7f8c8d;font-size:.9rem}.rating-systems{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.rating-system{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.rating-system h3{color:#9b59b6;margin-top:0;text-align:center}.rating-scale{display:grid;gap:1rem;margin-top:1rem}.rating-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px}.stars,.score{font-weight:600;color:#9b59b6;min-width:80px}.rating-desc{color:#7f8c8d;font-size:.9rem}.recommendation-scale{display:grid;gap:.75rem;margin-top:1rem}.recommendation-item{padding:1rem;border-radius:6px;display:grid;gap:.25rem}.recommendation-item.positive{background:#d5f4e6;border-left:4px solid #27ae60}.recommendation-item.neutral{background:#fff3cd;border-left:4px solid #f39c12}.recommendation-item.negative{background:#fadbd8;border-left:4px solid #e74c3c}.rec-label{font-weight:600;color:#2c3e50}.rec-desc{font-size:.9rem;color:#7f8c8d}.review-examples{display:grid;gap:3rem;margin:2rem 0}.review-example{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.review-header{background:#34495e;color:#fff;padding:1.5rem}.review-header h3{margin:0 0 1rem;color:#fff}.review-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.rating,.genre,.length{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.review-content{padding:2rem}.review-title h4{margin:0 0 1.5rem;color:#2c3e50;font-size:1.3rem;line-height:1.4}.review-body{line-height:1.6}.review-paragraph{margin-bottom:1.5rem}.review-paragraph p{margin-bottom:1rem}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}.pros h5,.cons h5{margin:0 0 1rem;color:#2c3e50}.pros ul,.cons ul{margin:0;padding-left:1rem}.pros li,.cons li{margin-bottom:.5rem;font-size:.9rem}.pros{color:#27ae60}.cons{color:#e74c3c}.review-conclusion{background:#e8f4fd;padding:1.5rem;border-radius:6px;border-left:4px solid #3498db;margin-top:1.5rem}.review-conclusion p{margin:0;font-weight:500}.review-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.review-scenarios{display:grid;gap:1rem;margin:1rem 0}.scenario{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #9b59b6}.structure-reminder{background:#fff3cd;padding:1rem;border-radius:6px;border-left:3px solid #f39c12;margin-top:1rem;font-size:.9rem}.writing-action-box.review{background:linear-gradient(135deg,#9b59b6,#8e44ad)}@media (max-width: 768px){.vocab-grid,.rating-systems{grid-template-columns:1fr}.pros-cons{grid-template-columns:1fr;gap:1rem}.review-tips{grid-template-columns:1fr}.review-meta{flex-direction:column;gap:.5rem}.rating-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes reviewGlow{0%{box-shadow:0 4px 6px #9b59b61a}50%{box-shadow:0 6px 12px #9b59b633}to{box-shadow:0 4px 6px #9b59b61a}}.review-example:hover{animation:reviewGlow 2s ease-in-out infinite}.tip-item:hover{transform:translate(5px);transition:transform .3s ease}.report-structure .structure-element{margin:20px 0;border-left:4px solid #e67e22}.element-example{background:#fef5e7;border-left:3px solid #e67e22;font-family:Courier New,monospace;font-size:.9rem}.report-vocabulary{display:grid;gap:2rem;margin:2rem 0}.vocab-category h3{color:#e67e22;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #fef5e7}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.vocab-word{font-weight:600;color:#e67e22;font-style:italic}.vocab-translation{color:#7f8c8d;font-size:.9rem;border-left:2px solid #e67e22;padding-left:.5rem}.report-style{display:grid;gap:2rem;margin:2rem 0}.style-principle{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.principle-header{background:#34495e;color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.principle-header h3{margin:0;color:#fff}.principle-importance{background:#e67e22;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.principle-content{padding:1.5rem}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.do h4,.dont h4{margin-top:0;margin-bottom:1rem}.do ul,.dont ul{margin:0;padding-left:1rem}.do li,.dont li{margin-bottom:.5rem;font-size:.9rem}.do{color:#27ae60}.dont{color:#e74c3c}.principle-example{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #e67e22;font-style:italic}.report-examples{display:grid;gap:3rem;margin:2rem 0}.report-example{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.report-header{background:#34495e;color:#fff;padding:1.5rem}.report-header h3{margin:0 0 1rem;color:#fff}.report-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.type,.section,.audience{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.report-content{padding:2rem}.report-section h4{color:#e67e22;margin:0 0 1.5rem;border-bottom:2px solid #fef5e7;padding-bottom:.5rem}.report-body{line-height:1.6}.report-body p{margin-bottom:1rem}.report-body ol,.report-body ul{margin:1rem 0;padding-left:2rem}.report-body li{margin-bottom:.5rem}.report-analysis{background:#e8f4fd;padding:1.5rem;border-radius:6px;border-left:4px solid #3498db;margin-top:1.5rem}.data-visualization{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.viz-type{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #fef5e7}.viz-header h3{margin:0;color:#e67e22}.viz-best-for{background:#e67e22;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.viz-content p{margin:0 0 1rem;color:#7f8c8d}.viz-example{margin-top:1rem}.viz-placeholder,.table-placeholder{background:#f8f9fa;padding:2rem;border-radius:6px;text-align:center;color:#7f8c8d;border:2px dashed #e67e22;margin-bottom:1rem}.viz-caption{font-size:.9rem;color:#7f8c8d;font-style:italic}.exercise-data{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;border-left:3px solid #3498db}.original-data{background:#fadbd8;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:3px solid #e74c3c;font-family:Courier New,monospace}.report-scenarios{display:grid;gap:1rem;margin:1rem 0}.scenario{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #e67e22}.structure-requirements{background:#fff3cd;padding:1rem;border-radius:6px;margin-top:1rem;border-left:3px solid #f39c12}.report-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:2rem 0}.writing-action-box.report{background:linear-gradient(135deg,#e67e22,#d35400)}@media (max-width: 768px){.vocab-grid{grid-template-columns:1fr}.principle-header{flex-direction:column;align-items:flex-start;gap:.5rem}.do-dont{grid-template-columns:1fr;gap:1rem}.data-visualization{grid-template-columns:1fr}.viz-header{flex-direction:column;align-items:flex-start;gap:.5rem}.report-templates{grid-template-columns:1fr}.report-meta{flex-direction:column;gap:.5rem}}@keyframes reportBuild{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.report-example{animation:reportBuild .5s ease}.viz-type:hover{transform:translateY(-5px);transition:transform .3s ease;box-shadow:0 8px 15px #e67e2233}.article-structure .structure-element{border-left:4px solid #27ae60}.element-example{background:#e8f6f3;border-left:3px solid #27ae60}.writing-techniques{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.technique-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.technique-header{background:#34495e;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.technique-header h3{margin:0;color:#fff}.technique-difficulty{background:#27ae60;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.technique-content{padding:1.5rem}.technique-content p{margin-bottom:1rem;font-weight:500}.technique-examples{display:grid;gap:1rem}.example{background:#f8f9fa;padding:.6rem;border-radius:6px;border-left:3px solid #27ae60;font-size:.9rem}.article-vocabulary{display:grid;gap:2rem;margin:2rem 0}.vocab-category h3{color:#27ae60;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e8f6f3}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.vocab-item{display:grid;gap:.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.vocab-word{font-weight:600;color:#27ae60;font-style:italic}.vocab-translation{color:#7f8c8d;font-size:.9rem;border-left:2px solid #27ae60;padding-left:.5rem}.article-examples{display:grid;gap:3rem;margin:2rem 0}.article-example{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.article-header{background:#34495e;color:#fff;padding:1.5rem}.article-header h3{margin:0 0 1rem;color:#fff}.article-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.type,.length,.tone{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.article-content{padding:2rem}.article-title h4{margin:0 0 1.5rem;color:#2c3e50;font-size:1.4rem;line-height:1.3;border-bottom:2px solid #e8f6f3;padding-bottom:.5rem}.article-body{line-height:1.6}.article-paragraph{margin-bottom:1.5rem}.article-paragraph p{margin-bottom:1rem}.article-subheading h5{color:#27ae60;margin:1.5rem 0 .5rem;font-size:1.1rem}.article-conclusion{background:#e8f6f3;padding:1.5rem;border-radius:6px;border-left:4px solid #27ae60;margin-top:1.5rem}.article-conclusion p{margin:0;font-weight:500}.formatting-seo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.formatting-tips h3,.seo-tips h3,.readability-tips h3{color:#27ae60;margin-top:0;margin-bottom:1rem}.tips-grid{display:grid;gap:1rem}.tip-item{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tip-item h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.tip-item p{margin:0;color:#7f8c8d;font-size:.8rem}.seo-checklist{display:grid;gap:.75rem}.seo-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.seo-item input[type=checkbox]{accent-color:#27ae60}.seo-item label{font-size:.9rem;color:#2c3e50}.readability-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#27ae60;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:#7f8c8d}.title-exercise,.hook-exercise,.article-scenarios{display:grid;gap:1rem;margin:1rem 0}.topic,.scenario{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #27ae60}.hook-options{display:grid;gap:.75rem;margin-top:1rem}.option{background:#e8f6f3;padding:.75rem;border-radius:6px;font-size:.9rem}.writing-action-box.article{background:linear-gradient(135deg,#27ae60,#229954)}@media (max-width: 768px){.writing-techniques,.vocab-grid,.formatting-seo,.readability-stats{grid-template-columns:1fr}.article-meta{flex-direction:column;gap:.5rem}.hook-options{grid-template-columns:1fr}}@keyframes articleReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-example{animation:articleReveal .6s ease}.technique-card:hover{transform:translateY(-5px);transition:transform .3s ease;box-shadow:0 8px 15px #27ae6033}.picture-structure .structure-element{margin:20px 0;border-left:4px solid #9b59b6}.element-example{background:#f4ecf7;border-left:3px solid #9b59b6}@media (max-width: 600px){.image-placeholder{padding:0!important}}.picture-vocabulary{display:grid;gap:2rem;margin:2rem 0}.vocab-category h3{color:#9b59b6;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f4ecf7}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.vocab-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.vocab-item:hover{transform:translateY(-2px)}.vocab-word{font-weight:600;color:#9b59b6}.vocab-translation{color:#7f8c8d;font-size:.9rem;text-align:right}.grammar-tenses{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.tense-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.tense-header{background:#34495e;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.tense-header h3{margin:0;color:#fff}.tense-usage{padding:.25rem .75rem;border-radius:20px}.tense-content{padding:1.5rem}.tense-examples{margin-top:1rem}.example-pair:last-child{margin-bottom:0}.example{font-weight:500;color:#2c3e50}.translation{color:#7f8c8d;font-style:italic;font-size:.9rem}.picture-examples{display:grid;gap:3rem;margin:2rem 0}.picture-example{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.picture-header{background:#34495e;color:#fff;padding:1.5rem}.picture-header h3{margin:0 0 1rem;color:#fff}.picture-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.type,.time,.mood{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.picture-content{padding:2rem}.picture-visual{margin-bottom:2rem}.image-placeholder{background:#f8f9fa;padding:4rem 2rem;border-radius:8px;text-align:center;color:#7f8c8d;border:2px dashed #9b59b6;font-style:italic}.picture-description{line-height:1.6}.description-paragraph{margin-bottom:1.5rem}.description-paragraph p{margin-bottom:1rem}.analysis{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #3498db;font-size:.9rem;color:#7f8c8d;margin-top:1rem}.practical-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.tip-category h3{color:#9b59b6;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f4ecf7}.tip-list{display:grid;gap:1.5rem}.tip-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tip-item h4{margin:0 0 .5rem;color:#2c3e50}.tip-item p{margin:0;color:#7f8c8d;font-size:.9rem;line-height:1.5}.position-exercise,.description-exercise,.personal-picture-exercise{margin:1rem 0}.exercise-scenario,.scene-description{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:3px solid #9b59b6}.structure-guide{background:#e8f4fd;padding:1rem;border-radius:6px;border-left:3px solid #3498db;font-size:.9rem}.picture-options{display:grid;gap:.75rem;margin:1rem 0}.option{background:#f4ecf7;padding:.75rem;border-radius:6px;font-size:.9rem}.vocabulary-reminder{background:#fff3cd;padding:1rem;border-radius:6px;margin-top:1rem;border-left:3px solid #f39c12}.description-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:2rem 0}.template-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.template-card h4{background:#34495e;color:#fff;padding:1rem 1.5rem;margin:0}.template-content{padding:1.5rem}.template-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #ecf0f1}.template-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.writing-action-box.picture{background:linear-gradient(135deg,#9b59b6,#8e44ad)}@media (max-width: 768px){.vocab-grid,.grammar-tenses,.practical-tips,.description-templates{grid-template-columns:1fr}.picture-meta{flex-direction:column;gap:.5rem}.picture-options{grid-template-columns:1fr}}@keyframes pictureFocus{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.picture-example{animation:pictureFocus .5s ease}.tip-item:hover{transform:translate(5px);transition:transform .3s ease;box-shadow:0 4px 8px #9b59b633}.premium-article{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.premium-hero{background:#fffffff2;padding:4rem 0 2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-hero__title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.25rem 1rem;border-radius:20px;font-size:1.5rem;margin-left:.5rem}.premium-hero__subtitle{font-size:1.25rem;color:#6c757d;max-width:600px;margin:0 auto 2rem;line-height:1.6}.premium-hero__stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat__number{font-size:2.5rem;font-weight:800;color:#667eea}.stat__label{color:#6c757d;font-size:.9rem;margin-top:.5rem}.premium-content{padding:2rem 0}.comparison-section{background:#fff;padding:4rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a}.section-intro{text-align:center;color:#6c757d;margin-bottom:3rem;font-size:1.1rem}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-comparison{background:#f8f9fa;padding:2rem;border-radius:12px;border:2px solid #e9ecef;transition:all .3s ease}.feature-comparison:hover{border-color:#667eea;transform:translateY(-5px)}.feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon{font-size:2rem}.feature-header h3{margin:0;color:#212529;font-size:1.25rem}.feature-description{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.version{padding:1rem;border-radius:8px;text-align:center}.free-version{background:#e9ecef;border:2px solid #dee2e6}.premium-version{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid #667eea}.version-label{display:block;font-weight:700;margin-bottom:.5rem;font-size:.9rem}.version-desc{font-size:.85rem;line-height:1.4}.pricing-section{background:#fff;padding:4rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a}.plan-switcher{display:flex;justify-content:center;background:#f8f9fa;padding:.5rem;border-radius:12px;max-width:500px;margin:0 auto 3rem}.switch-btn{padding:1rem 2rem;border:none;background:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.switch-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.save-badge{background:#40c057;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto 3rem}.pricing-card{background:#fff;padding:2rem;border-radius:16px;border:3px solid #e9ecef;text-align:center;position:relative;transition:all .3s ease}.pricing-card.popular{border-color:#667eea;transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.8rem;font-weight:700}.plan-header{margin-bottom:2rem}.plan-header h3{margin:0 0 1rem;color:#212529;font-size:1.5rem}.plan-price{margin-bottom:.5rem}.price-amount{font-size:3rem;font-weight:800;color:#667eea}.price-period{font-size:1.25rem;color:#6c757d}.price-equivalent{color:#40c057;font-weight:600;margin:0}.plan-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.plan-features li{padding:.5rem 0;color:#495057}.btn--premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:700;width:100%;cursor:pointer;transition:all .3s ease}.btn--premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.price-guarantee{display:flex;align-items:center;justify-content:center;gap:1rem;background:#e7f5ff;padding:1.5rem;border-radius:12px;border:2px solid #a5d8ff;max-width:600px;margin:0 auto}.guarantee-icon{font-size:2rem}.testimonials-section{background:#fff;padding:4rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.testimonial-card{background:#f8f9fa;padding:2rem;border-radius:12px;border-left:4px solid #667eea}.testimonial-rating{color:#ffc107;font-size:1.25rem;margin-bottom:1rem}.testimonial-content{color:#495057;line-height:1.6;margin-bottom:1.5rem;font-style:italic}.testimonial-author{border-top:1px solid #dee2e6;padding-top:1rem}.testimonial-author strong{display:block;color:#212529}.testimonial-author span{color:#6c757d;font-size:.9rem}.faq-section{background:#fff;padding:4rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.faq-item{background:#f8f9fa;padding:2rem;border-radius:12px}.faq-item h4{margin:0 0 1rem;color:#212529}.faq-item p{color:#6c757d;line-height:1.6;margin:0}.final-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;border-radius:20px;text-align:center;margin-bottom:2rem}.cta-content h2{margin:0 0 1rem;font-size:2.5rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.btn--premium-large{background:gold;color:#000;border:none;padding:1.25rem 2.5rem;border-radius:12px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn--premium-large:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ffd7004d}.btn--outline{background:transparent;color:#fff;border:2px solid white;padding:1.25rem 2.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.nav__cta .btn--outline:hover{background:linear-gradient(#f8faff,#f8faff) padding-box,linear-gradient(135deg,#021a4e,#b90f29) border-box;color:#021a4e;transform:translateY(-2px);box-shadow:0 6px 20px #01216933}.nav__cta .btn--outline:active{transform:translateY(0);transition:all .2s ease}.cta-note{margin:0;font-size:1rem;opacity:.9}@media (max-width: 768px){.premium-hero__title{font-size:2.5rem}.premium-hero__stats{flex-direction:column;gap:1.5rem}.comparison-grid{grid-template-columns:1fr}.plan-switcher{flex-direction:column}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.cta-buttons{flex-direction:column;align-items:center}.price-guarantee{flex-direction:column;text-align:center}}@media (max-width: 480px){.premium-hero,.comparison-section,.pricing-section,.testimonials-section,.faq-section{padding:2rem 1rem}.feature-comparison{padding:1.5rem}.comparison-row{grid-template-columns:1fr}}.advices-article{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.advices-hero{background:#fffffff2;padding:3rem 0 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.advices-hero__title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.advices-hero__subtitle{font-size:1.2rem;color:#6c757d;text-align:center;max-width:600px;margin:0 auto 2rem;line-height:1.6}.rewards-banner{background:linear-gradient(135deg,#ffeaa7,#fab1a0);padding:1.5rem;border-radius:12px;margin-top:2rem;display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap}.reward-item{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#2d3436}.reward-icon{font-size:1.5rem}.advices-content{padding:2rem 0}.advices-tabs{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.tab-btn:hover:not(.active){background:#f8f9fa}.message-banner{background:#d4edda;color:#155724;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #c3e6cb;font-weight:600}.form-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.form-group{margin-bottom:2rem}.form-group label{display:block;font-weight:600;margin-bottom:.75rem;color:#212529}.type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.type-option{border:2px solid #e9ecef;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:1rem}.type-option:hover{border-color:#667eea;background:#f8f9ff}.type-option.selected{border-color:#667eea;background:#f0f4ff}.type-icon{font-size:1.5rem}.type-label{font-weight:600;color:#212529;margin-bottom:.25rem}.type-desc{font-size:.85rem;color:#6c757d}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.char-count{text-align:right;font-size:.8rem;color:#6c757d;margin-top:.25rem}.submit-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-list,.community-list{display:flex;flex-direction:column;gap:1.5rem}.feedback-item,.community-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.community-item{display:flex;gap:1.5rem}.vote-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upvote-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:.5rem;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.upvote-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.upvote-count{font-weight:700;color:#495057}.content-section{flex:1}.feedback-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.feedback-type{font-size:1.5rem}.feedback-header h3{margin:0;flex:1;color:#212529}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.feedback-description{color:#6c757d;line-height:1.6;margin-bottom:1rem}.feedback-meta{display:flex;gap:1.5rem;font-size:.85rem;color:#868e96}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#212529;margin-bottom:1rem}.empty-state p{color:#6c757d;margin-bottom:2rem}@media (max-width: 768px){.advices-tabs{flex-direction:column}.type-selector{grid-template-columns:1fr}.community-item{flex-direction:column;gap:1rem}.vote-section{flex-direction:row;justify-content:center}.feedback-header{flex-direction:column;align-items:flex-start;gap:.5rem}.rewards-banner{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.advices-hero__title{font-size:2rem}.form-container{padding:1.5rem}.feedback-meta{flex-direction:column;gap:.5rem}}.filters-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.filters-section h2{margin-bottom:.5rem;color:#212529}.filters-section p{color:#6c757d;margin-bottom:1.5rem}.filters-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.search-box{position:relative;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d}.filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .3s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.results-info{font-size:.9rem;color:#6c757d;font-weight:600;padding:.5rem 0;border-top:1px solid #e9ecef}@media (max-width: 768px){.filters-container,.filter-controls{flex-direction:column}.filter-select{min-width:100%}.search-box{max-width:100%}}.btn--secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn--secondary:hover{background:#5a6268}.static-page{padding:2rem 0 3rem;color:#0f172a}.static-page__hero{background:linear-gradient(90deg,var(--uk-blue, #1e3a8a),var(--uk-red, #dc2626));color:#fff;padding:3rem 1rem;border-radius:16px;max-width:1100px;margin:0 auto 24px;box-shadow:0 10px 24px #00000026}.static-page__hero h1{margin:0 0 .5rem;font-size:2rem;letter-spacing:.3px}.static-page__hero p{margin:0;opacity:.95}.static-page__content{max-width:1000px;margin:0 auto;padding:0 1rem}.static-page .card{background:#fff;border-radius:14px;padding:1.25rem 1.25rem 1rem;margin:0 0 16px;box-shadow:0 8px 18px #00000014;border:1px solid rgba(15,23,42,.06)}.static-page .card h2{margin:0 0 .5rem;font-size:1.25rem;color:#0f172a}.static-page .card p{margin:.25rem 0 .75rem;line-height:1.65;color:#334155}.static-page .list{padding-left:1.25rem;margin:.25rem 0 .75rem}.static-page .list li{margin:.25rem 0;line-height:1.6;color:#334155}.static-page .form{display:grid;gap:12px}.static-page .form-group{display:grid;gap:6px}.static-page label{font-weight:600;color:#0f172a}.static-page input[type=text],.static-page input[type=email],.static-page textarea{width:100%;border-radius:10px;border:1px solid rgba(15,23,42,.12);padding:12px 14px;outline:none;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:#0f172a}.static-page textarea{min-height:120px;resize:vertical}.static-page input:focus,.static-page textarea:focus{border-color:var(--uk-blue, #1e3a8a);box-shadow:0 0 0 4px #1e3a8a26}.static-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;border:none;cursor:pointer;font-weight:700;letter-spacing:.2px;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.static-page .btn--primary{background:linear-gradient(90deg,var(--uk-blue, #1e3a8a),var(--uk-red, #dc2626));color:#fff;box-shadow:0 8px 18px #00000026}.static-page .btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0000002e}.static-page .btn--primary:active{transform:translateY(0);box-shadow:0 6px 14px #00000024}@media (min-width: 768px){.static-page__hero{padding:3.5rem 2rem;border-radius:20px}.static-page__hero h1{font-size:2.25rem}}:root{--uk-blue: #012169;--uk-red: #C8102E;--uk-white: #ffffff;--ink: #1f2633;--muted: #5b657a;--bg: #f6f8ff;--card: #ffffff;--radius: 14px;--radius-sm: 10px;--shadow-1: 0 6px 24px rgba(1, 33, 105, .12);--shadow-2: 0 10px 30px rgba(200, 16, 46, .16)}/*!* ========== Base reset ========== *!*/.goog-te-banner-frame,.goog-te-menu-frame{font-size:16px!important}*{-webkit-text-size-adjust:none;text-size-adjust:none}/*!* Naprawa flow *!*/img,video,canvas{max-width:100%;height:auto;display:block;overflow:hidden!important}/*!* Zapobiegaj wyciekaniu treści wizualnych *!*/*{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--ink);background:radial-gradient(1200px 600px at -10% -20%,#0121690d,#01216900 60%),radial-gradient(1200px 600px at 110% -10%,#c8102e0f,#c8102e00 60%),var(--bg)}img{max-width:100%;display:block;forced-color-adjust:none;color-scheme:light only}a{color:var(--uk-blue);text-decoration:none}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden;white-space:nowrap}.container{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.btn{--btn-bg: #f0f2ff;--btn-fg: var(--uk-blue);--btn-bd: transparent;display:inline-flex;align-items:center;cursor:pointer;justify-content:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:999px;border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;transition:transform .45s ease,box-shadow .2s ease,background .4s ease,color .4s ease,border-color .2s ease;box-shadow:0 2px #0121690f}.btn:active{transform:translateY(1px)}.btn--primary{--btn-bg: linear-gradient(180deg, #d61f38 0%, var(--uk-red) 100%);--btn-fg: #fff;--btn-bd: #b90f29;box-shadow:var(--shadow-2)}.btn--outline{--btn-bg: #fff;--btn-fg: var(--uk-blue);--btn-bd: var(--uk-blue);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--uk-blue),var(--uk-red)) border-box;border:2px solid transparent}.btn--ghost{--btn-bg: rgba(1, 33, 105, .08);--btn-fg: var(--uk-blue)}h1,h2,h3,h4,h5,h6{margin:0 0 .6rem;line-height:1.2}h1{font-size:2rem;font-weight:800}h2{font-size:1.5rem;font-weight:800}h3{font-size:1.25rem;font-weight:700}h4{font-size:1.125rem;font-weight:700}h5{font-size:1rem;font-weight:600}h6{font-size:.875rem;font-weight:600}.nav{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px #01216914}.nav:before{content:"";position:absolute;inset:0;height:3px;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red))}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.2rem;position:relative}.logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;color:var(--uk-blue)}.logo__flag{display:inline-grid;place-items:center;width:34px;height:26px;border-radius:6px;background:conic-gradient(from 45deg,var(--uk-blue) 0 25%,var(--uk-white) 0 35%,var(--uk-red) 0 40%,var(--uk-white) 0 50%,var(--uk-blue) 0 75%,var(--uk-white) 0 85%,var(--uk-red) 0 90%,var(--uk-white) 0 100%);box-shadow:0 2px #0121692e;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.5px}.logo__text{font-size:1.1rem;letter-spacing:.3px}.menu{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.menu a{display:inline-block;padding:.5rem .7rem;border-radius:10px;color:var(--ink);font-weight:600}.menu a:hover{background:#01216914;color:var(--uk-blue)}.nav__cta{display:flex;align-items:center;gap:.8rem}.nav__toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(1,33,105,.18);background:linear-gradient(180deg,#fff,#f6f8ff);color:var(--uk-blue);cursor:pointer;transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease,background .2s ease}.nav__toggle:hover{border-color:#0121694d;box-shadow:0 4px 14px #01216926}.nav__toggle:active{transform:translateY(1px)}.mobile-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:8px;display:none;z-index:1100}.mobile-menu__list{list-style:none;margin:0;padding:4px;display:grid;gap:6px}.mobile-menu a{display:block;padding:.7rem .9rem;border-radius:10px;color:var(--ink);font-weight:600}.info{position:relative;padding:56px 0;margin:75px 0}.info h2{font-size:1.9rem;font-weight:800;letter-spacing:.2px;margin-bottom:.6rem;background:linear-gradient(135deg,#1f4db1,var(--uk-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info p{color:var(--muted)}.info .actions{margin-top:1rem;display:flex;gap:.8rem;flex-wrap:wrap}.info--how{background:radial-gradient(800px 400px at 10% 0%,#01216914,#01216900 60%),radial-gradient(900px 500px at 90% 10%,#c8102e14,#c8102e00 60%),linear-gradient(180deg,#fff,#f7f9ff);border-top:1px solid rgba(1,33,105,.08);border-bottom:1px solid rgba(1,33,105,.08)}.info--early{background:radial-gradient(700px 360px at 12% 0%,#01216912,#01216900 60%),radial-gradient(700px 360px at 95% 10%,#c8102e12,#c8102e00 60%),#fff;border-top:1px solid rgba(1,33,105,.08);border-bottom:1px solid rgba(1,33,105,.08)}.info ul{list-style:none;margin:1rem 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem}.info ul li{position:relative;padding-left:1.6rem}.info ul li:before{content:"✓";position:absolute;left:0;top:.1rem;width:1rem;height:1rem;color:var(--uk-blue);font-weight:900}@media (max-width: 768px){.info ul{grid-template-columns:1fr}}.btn--outline:hover,.btn--ghost:hover{color:#021a4e}.mobile-menu a:hover{background:#01216914;color:var(--uk-blue)}@media (max-width: 1000px){.nav .menu{display:none}.nav__toggle{display:inline-flex;order:2}.nav__cta{order:1;margin-left:auto}.mobile-menu.is-open{display:block}}.hero{position:relative;overflow:hidden;background:radial-gradient(800px 400px at 10% 0%,#0121691f,#01216900 60%),radial-gradient(900px 500px at 90% 10%,#c8102e1f,#c8102e00 60%),linear-gradient(180deg,#fff,#f7f9ff);padding:64px 0 40px;border-bottom:1px solid rgba(1,33,105,.08)}.hero__inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem}.hero__content .lead{margin:.8rem 0 1.4rem;color:var(--muted);font-size:1.05rem}.hero__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0}.hero__points{margin:1rem 0 0;padding-left:1.1rem;color:var(--ink);columns:2;gap:2rem}.hero__flag img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--radius);box-shadow:var(--shadow-1)}.hero__points li{margin:.25rem 0}.hero__visual{min-height:260px;position:relative}.hero__flag{position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(135deg,#0121691f,#01216905 60%),repeating-linear-gradient(45deg,#01216914 0 10px,#c8102e14 10px 20px,#ffffff14 20px 30px);border:1px solid rgba(1,33,105,.12);box-shadow:var(--shadow-1)}.sections{padding:48px 0 20px}.sections h2{font-size:1.9rem;color:var(--uk-blue)}.sections__intro{color:var(--muted);margin:.5rem 0 1.5rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{position:relative;display:block;background:var(--card);border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);padding:18px 18px 16px;min-height:150px;box-shadow:var(--shadow-1);transition:transform .3s ease,box-shadow .5s ease,border-color .5s ease;color:inherit}.tile:hover{transform:translateY(-2px);box-shadow:0 12px 36px #0121692e;border-color:#01216938}.tile__badge{position:absolute;inset:-2px -2px auto;height:6px;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.tile h3{margin-top:10px;font-size:1.2rem}.tile p{margin:.4rem 0 .9rem;color:var(--muted)}.tile__link{display:inline-block;font-weight:700;color:var(--uk-blue)}.newsletter{padding:44px 0 64px}.newsletter__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:1.6rem;background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:24px}.newsletter__text h2{color:var(--uk-blue)}.newsletter__text p{color:var(--muted)}.newsletter__form{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-content:start}.newsletter__form input[type=email]{appearance:none;border:1.5px solid rgba(1,33,105,.25);border-radius:999px;padding:.85rem 1rem;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.newsletter__form input[type=email]:focus{border-color:var(--uk-blue);box-shadow:0 0 0 4px #01216929}.newsletter__thanks{align-self:center;justify-self:end;color:#0a7a25;font-weight:700}.footer{background:linear-gradient(180deg,#fff,#f5f7ff);margin-top:20px;border-top:3px solid;border-image:linear-gradient(90deg,var(--uk-blue),var(--uk-red)) 1}.footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.4rem;padding:28px 0}.footer__col h4{margin-bottom:.6rem;color:var(--uk-blue)}.footer__col ul{list-style:none;margin:0;padding:0}.footer__col li+li{margin-top:.4rem}.footer__col a{color:var(--ink)}.footer__col a:hover{color:var(--uk-blue)}.logo--small .logo__flag{width:28px;height:22px;border-radius:5px}.logo--small .logo__text{font-size:1rem}.footer__about{color:var(--muted)}.footer__bottom{border-top:1px solid rgba(1,33,105,.12);padding:12px 0 24px;text-align:center;color:var(--muted);font-size:.95rem}@media (max-width: 1024px){.hero__inner,.newsletter__inner{grid-template-columns:1fr}}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu{gap:.4rem;flex-wrap:wrap}}@media (max-width: 560px){.grid{grid-template-columns:1fr}.nav__inner{padding-top:.9rem;row-gap:.6rem}.hero{padding:44px 0 28px}.hero__points{columns:1}.newsletter__form{grid-template-columns:1fr}}.early-access{position:relative}.early-access__header{text-align:center;margin-bottom:2.5rem}.early-access__badge{display:inline-block;background:linear-gradient(135deg,var(--uk-blue),var(--uk-red));color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1rem}.early-access__subtitle{color:var(--muted);font-size:1.1rem;margin:.5rem 0 0}.early-access__content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.early-access__stats{display:flex;gap:2rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(1,33,105,.1)}.stat{text-align:center}.stat__number{display:block;font-size:1.8rem;font-weight:800;color:var(--uk-blue);line-height:1}.stat__label{font-size:.9rem;color:var(--muted);margin-top:.25rem}.early-access__progress h4{color:var(--uk-blue);margin-bottom:1rem;font-size:1.1rem}.progress-list{display:flex;flex-direction:column;gap:1rem}.progress-item{background:#01216908;padding:1rem;border-radius:var(--radius-sm);border:1px solid rgba(1,33,105,.08)}.progress-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-item__name{font-weight:600;color:var(--ink)}.progress-item__percent{font-weight:700;color:var(--uk-blue);font-size:.9rem}.progress-bar{height:6px;background:#0121691a;border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red));border-radius:3px;transition:width .8s ease-in-out}.early-access__actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.coffee-support{padding:60px 0;background:radial-gradient(800px 400px at 10% 0%,#0121690a,#01216900 60%),radial-gradient(800px 400px at 90% 10%,#c8102e0a,#c8102e00 60%),linear-gradient(180deg,#fff,#fafbff);border-top:1px solid rgba(1,33,105,.08)}.coffee-card{background:var(--card);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-1);border:1px solid rgba(1,33,105,.12);max-width:1000px;margin:0 auto;position:relative}.coffee-content{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin-bottom:30px}.coffee-badge{display:inline-block;background:linear-gradient(135deg,var(--uk-blue),var(--uk-red));color:#fff;padding:.5rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.coffee-text h2{font-size:2rem;color:var(--uk-blue);margin-bottom:1rem;line-height:1.2}.coffee-description{color:var(--muted);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.coffee-benefits{display:flex;flex-direction:column;gap:.8rem}.benefit{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#01216908;border-radius:10px;border:1px solid rgba(1,33,105,.08);transition:all .3s ease}.benefit:hover{background:#0121690d;border-color:#0121691f;transform:translate(5px)}.benefit-icon{font-size:1.2rem;width:32px;text-align:center}.benefit span:last-child{color:var(--ink);font-weight:500}.coffee-visual{display:flex;flex-direction:column;align-items:center;gap:30px}.coffee-icon{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.coffee-cup{position:relative;width:80px;height:60px}.cup-bowl{width:70px;height:50px;background:linear-gradient(135deg,#8b4513,sienna);border-radius:0 0 15px 15px;position:relative;box-shadow:inset -3px -6px #451f004d,0 4px 12px #8b451333}.cup-bowl:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:linear-gradient(135deg,#8b4513,sienna);border-radius:15px 15px 0 0;box-shadow:inset 0 -3px #451f0033}.cup-handle{position:absolute;right:-12px;top:10px;width:20px;height:30px;border:6px solid #8B4513;border-left:none;border-radius:0 12px 12px 0}.coffee-heart{position:absolute;top:-10px;right:-5px;font-size:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.btn--coffee{background:linear-gradient(135deg,var(--uk-blue),var(--uk-red));color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-weight:600;font-size:1rem;box-shadow:var(--shadow-2);transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.8rem;min-width:200px;justify-content:center}.btn--coffee:hover{transform:translateY(-2px);box-shadow:0 8px 25px #01216940;color:#fff}.btn--coffee:active{transform:translateY(0)}.btn-icon{font-size:1.2rem}.coffee-footer{border-top:1px solid rgba(1,33,105,.1);padding-top:20px;text-align:center}.coffee-note{color:var(--muted);margin:0;font-size:.95rem}@media (max-width: 768px){.coffee-support{padding:40px 0}.coffee-card{padding:30px 20px}.coffee-content{grid-template-columns:1fr;gap:30px;text-align:center}.coffee-text h2{font-size:1.7rem}.benefit{justify-content:center;max-width:280px;margin:0 auto}.btn--coffee{min-width:180px;padding:.9rem 1.5rem}}@media (max-width: 480px){.coffee-benefits{gap:.6rem}.benefit{padding:.6rem;max-width:100%}.coffee-text h2{font-size:1.5rem}.coffee-icon{width:100px;height:100px}.coffee-cup{transform:scale(.9)}}@media (max-width: 768px){.early-access__content{grid-template-columns:1fr;gap:2rem}.early-access__stats{justify-content:center;gap:1.5rem}.early-access__actions{flex-direction:column;align-items:center}.early-access__actions .btn{min-width:250px}}@media (max-width: 480px){.early-access__stats{flex-direction:column;gap:1rem}.stat__number{font-size:1.5rem}}footer li a{transition:all .3s ease;text-decoration:none;color:#fff}footer li a:hover{color:#60a5fa;transform:translateY(-1px)}footer li a{position:relative;transition:all .3s ease;text-decoration:none;color:#fff}footer li a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#60a5fa;transition:width .3s ease}footer li a:hover:after{width:100%}.why{padding:80px 0 60px;background:linear-gradient(180deg,#fff,#fbfdff);border-bottom:1px solid rgba(1,33,105,.06);margin:100px 0}.why__intro{text-align:center;max-width:920px;margin:0 auto 48px}.why__intro h2{font-size:2.2rem;font-weight:800;color:var(--uk-blue);margin-bottom:1rem;background:linear-gradient(135deg,var(--uk-blue),var(--uk-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.why__lead{color:var(--muted);font-size:1.15rem;line-height:1.6;margin:1rem 0 1.5rem}.why__cta{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;align-items:stretch}.why__card{background:var(--card);border:1px solid rgba(1,33,105,.08);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-1);transition:all .3s ease;display:flex;flex-direction:column;min-height:220px;position:relative;overflow:hidden}.why__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--uk-blue),var(--uk-red))}.why__card:focus,.why__card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #01216926;border-color:#01216926;outline:none}.why__icon{width:56px;height:56px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#01216914,#c8102e0f);color:var(--uk-blue);font-size:24px;margin-bottom:6px;flex-shrink:0;transition:all .3s ease}.why__card:hover .why__icon{background:linear-gradient(135deg,#0121691f,#c8102e1a);transform:scale(1.05)}.why__title{margin:0 0 12px;font-size:1.25rem;font-weight:800;color:var(--ink);line-height:1.3}.why__desc{margin:0;color:var(--muted);font-size:1rem;line-height:1.5;flex-grow:1}.why__extra{margin-top:40px;max-width:920px;margin-left:auto;margin-right:auto;display:flex;gap:3rem;align-items:flex-start;padding:30px;background:#01216905;border-radius:var(--radius);border:1px solid rgba(1,33,105,.06)}.why__extra h4{margin:0;color:var(--uk-blue);font-size:1.2rem;font-weight:700;min-width:200px}.why__extra ul{margin:0;padding-left:0;color:var(--muted);display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 2rem;flex-grow:1}.why__extra ul li{margin:.5rem 0;padding-left:1.5rem;position:relative}.why__extra ul li:before{content:"•";color:var(--uk-blue);font-weight:700;position:absolute;left:.5rem}@media (max-width: 1024px){.why__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.why__extra{gap:2rem;flex-direction:column;text-align:left}.why__extra h4{min-width:auto}.why__extra ul{grid-template-columns:1fr}}@media (max-width: 768px){.why{padding:60px 0 40px}.why__intro{margin-bottom:32px}.why__intro h2{font-size:1.8rem}.why__lead{font-size:1.05rem}.why__grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.why__card{padding:24px 20px;min-height:auto}.why__cta{flex-direction:column;align-items:center}.why__cta .btn{min-width:250px}}@media (max-width: 560px){.why{padding:50px 0 30px}.why__intro{padding:0 1rem;margin-bottom:28px}.why__intro h2{font-size:1.6rem}.why__lead{font-size:1rem}.why__card{padding:20px 18px}.why__icon{width:48px;height:48px;font-size:20px}.why__title{font-size:1.15rem}.why__desc{font-size:.95rem}.why__extra{padding:20px;margin:30px 1rem 0}}.auth-wrap .container{display:grid;place-items:center}.auth-card{width:min(560px,100%);background:#fff;border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:24px 22px}.auth-card h2{color:var(--uk-blue);text-align:center}.auth-form{display:grid;gap:.8rem;margin-top:.6rem}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{appearance:none;border:1.5px solid rgba(1,33,105,.25);border-radius:14px;padding:.9rem 1rem;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.auth-form input:focus{border-color:var(--uk-blue);box-shadow:0 0 0 3px #01216926}.auth-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.2rem}.auth-links{text-align:center;margin-top:.9rem}.auth-alert{background:#fff3f3;color:#8a1021;border:1px solid #f0c4c9;padding:.7rem .9rem;border-radius:12px;margin:.4rem 0 .8rem}.auth-success{background:#f3fff6;color:#0f6b3a;border:1px solid #bfe7cf;padding:.7rem .9rem;border-radius:12px;margin-top:.8rem;text-align:center}.topic-layout{padding:44px 0 36px}.topic-header h2{font-size:1.9rem;color:var(--uk-blue)}.topic-header .muted,.muted{color:var(--muted)}.subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}.subnav__item{display:block;border:1.5px solid rgba(1,33,105,.14);border-radius:var(--radius-sm);background:#fff;padding:12px 14px;box-shadow:var(--shadow-1);color:inherit;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;text-align:center;font-weight:700}.subnav__item:hover{transform:translateY(-1px);box-shadow:0 10px 28px #01216929;border-color:#0121693d}.subnav__item--active{border-color:var(--uk-blue);background:linear-gradient(180deg,#f4f7ff,#fff);outline:2px solid rgba(1,33,105,.08)}.subnav__title{display:inline-block}.topic-content{display:grid;gap:14px}.card{background:var(--card);border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-1)}.card h3,.card h4{margin:0 0 .4rem}.card p{margin:.2rem 0 .6rem}.list{margin:.2rem 0 .2rem 1.1rem}.list li{margin:.22rem 0}.alphabet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.alphabet-cell{border:1px solid rgba(1,33,105,.12);border-radius:10px;padding:8px 10px;background:#fff;display:flex;justify-content:space-between;gap:8px;box-shadow:0 2px 10px #0121690f}.alphabet-cell strong{font-weight:800}.alphabet-cell span{color:var(--muted)}.exercise{display:grid;gap:14px}.exercise__q{background:#fff;border:1px solid rgba(1,33,105,.12);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-1)}.exercise__q.is-correct{border-color:#10985059}.exercise__q.is-wrong{border-color:#c8102e59}.exercise__qhead{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.badge{color:#1e3a8a}.exercise__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option{appearance:none;border:1.5px solid rgba(1,33,105,.2);border-radius:12px;padding:.75rem .8rem;background:#fff;text-align:center;cursor:pointer;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;font-weight:700;color:var(--ink)}.option:hover{transform:translateY(-1px);border-color:#01216959;box-shadow:0 8px 22px #01216924}.option--selected{background:#01216912;border-color:var(--uk-blue)}.option--correct{background:#1098501a;border-color:#1098508c}.option--wrong{background:#c8102e14;border-color:#c8102e8c}.exercise__actions{display:flex;align-items:center;gap:.8rem;margin-top:.2rem}.exercise__result{font-weight:700;color:var(--uk-blue)}@media (max-width: 860px){.subnav{grid-template-columns:1fr}.alphabet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exercise__options{grid-template-columns:1fr}}