.ql-sahifa{min-height:100dvh;background:var(--paper)}.ql-wrap{max-width:680px;padding-top:28px;padding-bottom:60px}.ql-bosh{display:flex;align-items:center;gap:18px;margin-bottom:24px}.ql-bosh h1{font-size:1.6rem;letter-spacing:-.01em}.ql-bosh p{color:var(--muted);font-size:.92rem}.ql-qadamlar{display:grid;gap:12px}.ql-qadam{display:flex;gap:16px;background:var(--white);border:var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px 20px;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.ql-qadam:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.ql-raqam{font-size:1.5rem;font-weight:800;color:var(--indigo-2);opacity:.35;flex-shrink:0;line-height:1.2}.ql-qadam h2{font-size:1.02rem;margin-bottom:4px}.ql-qadam p{font-size:.9rem;color:var(--slate);line-height:1.6}.ql-darajalar{margin-top:26px}.ql-darajalar h2{font-size:1.05rem;margin-bottom:10px}.ql-narvon-izoh{color:var(--muted);font-size:.84rem;font-weight:600;margin:0 0 14px}.ql-narvon{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;background:linear-gradient(180deg,#141a3c,#0c1030);border:1px solid rgba(232,206,134,.22);border-radius:var(--r-lg);padding:18px 14px}.ql-pogona{text-align:center}.ql-pogona .mascot,.ql-pogona svg{margin:0 auto}.ql-pogona-nom{font-size:.72rem;font-weight:800;color:#f2f4ff;margin-top:6px}.ql-pogona-xp{font-size:.72rem;font-weight:700;color:#e8ce86;opacity:.85}@media(max-width:480px){.ql-narvon{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;padding:14px 10px}}.ql-ustoz{margin-top:26px;background:var(--white);border:var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px 20px}.ql-ustoz h2{font-size:1.05rem;margin-bottom:6px}.ql-ustoz p{font-size:.9rem;color:var(--slate);line-height:1.6}.ql-ustoz a{font-weight:800;color:var(--indigo)}.ql-cta{margin-top:30px;text-align:center;background:linear-gradient(120deg,#eaf0ff,#e9fbf5);border:var(--hairline);border-radius:var(--r-lg);padding:24px 20px}.ql-cta p{font-weight:700;color:var(--ink);margin-bottom:14px}.ql-cta-btn{display:inline-block;background:var(--emerald);color:#04352a;font-weight:800;font-size:.98rem;border-radius:var(--r-pill);padding:13px 28px;text-decoration:none;transition:transform .15s var(--ease-spring),background .15s}.ql-cta-btn:hover{background:#00e0a8;transform:translateY(-1px)}.ql-ustoz a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:4px 0}.ql-ustoz a:focus-visible{outline:3px solid #9674c2;outline-offset:3px}