.ach-page{min-height:calc(100vh - 80px);padding:36px 18px 110px;background:radial-gradient(880px 440px at 15% 0%,rgba(76,201,255,.07),transparent 65%)}.ach-wrap{width:min(1140px,100%);margin:0 auto}.ach-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.ach-kicker{display:inline-flex;align-items:center;gap:8px;color:#4cc9ff;font:800 11px/1 var(--font-body);letter-spacing:.14em}.ach-dot{width:7px;height:7px;border-radius:50%;background:#4cc9ff;box-shadow:0 0 10px #4cc9ff}.ach-head h1{margin:10px 0 8px;font:700 clamp(30px,4.5vw,48px) / 1.04 var(--font-display);letter-spacing:-.04em;color:#f5f8fb}.ach-head p{margin:0;max-width:640px;color:#93a8b8;font:500 14.5px/1.65 var(--font-body)}.ach-filters{display:flex;gap:6px;flex-wrap:wrap}.ach-pill{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#0f1a26d9;color:#90a6b7;font:700 12.5px/1 var(--font-body);cursor:pointer;transition:color .16s ease,border-color .16s ease}.ach-pill.active{color:#04131c;border-color:#6ed8ff;background:linear-gradient(135deg,#9fe6ff,#4cc9ff);font-weight:800}.ach-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#0f1a26d9;margin-bottom:14px;font:600 13.5px/1.3 var(--font-body);color:#9ab0c1}.ach-summary-bar strong{color:#f5f8fb}.ach-summary-bar a{color:#4cc9ff;font-weight:700;text-decoration:none}.ach-skel-grid,.ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ach-skel-card{height:195px;border-radius:20px}.ach-card{padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,#0f1a26f5,#081018f5);box-shadow:0 20px 50px #00000040;display:grid;gap:16px;transition:transform .18s ease,border-color .18s ease}.ach-card:hover{transform:translateY(-2px);border-color:#4cc9ff4d}.ach-card.is-unlocked{border-color:#47d16c52}.ach-card-top{display:flex;gap:14px;align-items:flex-start}.ach-icon-box{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:#4cc9ff1a;border:1px solid rgba(76,201,255,.22);color:#4cc9ff;font-size:20px}.ach-card.is-unlocked .ach-icon-box{background:#47d16c1f;border-color:#47d16c4d}.ach-title-box{flex:1;min-width:0}.ach-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ach-row h2{margin:0;font:700 19px/1.2 var(--font-display);color:#f5f8fb}.ach-state{padding:4px 9px;border-radius:999px;background:#ffffff0d;color:#8ea4b5;font:700 11px/1 var(--font-body)}.ach-state.is-done{background:#47d16c24;color:#88eba0}.ach-title-box p{margin:6px 0 0;color:#90a6b7;font:500 13.5px/1.55 var(--font-body)}.ach-progress-block{display:grid;gap:7px}.ach-progress-labels{display:flex;justify-content:space-between;font:600 12px/1.2 var(--font-body);color:#869eb0}.ach-progress-labels strong{color:#dff4ff}.ach-bar{height:8px;border-radius:999px;background:#050c12;overflow:hidden}.ach-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4cc9ff,#58e0a6);transition:width .5s cubic-bezier(.22,1,.36,1)}.ach-rewards{display:flex;gap:8px;flex-wrap:wrap}.ach-rewards span{padding:5px 10px;border-radius:999px;font:800 11.5px/1 var(--font-body)}.rw-xp{background:#4cc9ff1f;border:1px solid rgba(76,201,255,.28);color:#8ee0ff}.rw-tk{background:#47d16c1f;border:1px solid rgba(71,209,108,.28);color:#88eba0}.ach-empty-card{padding:36px;border-radius:24px;border:1px solid rgba(76,201,255,.18);background:radial-gradient(circle at 0% 0%,rgba(76,201,255,.09),transparent 55%),linear-gradient(155deg,#0f1a26f5,#081018f5);box-shadow:0 24px 65px #0000004d}.ach-empty-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#4cc9ff1a;border:1px solid rgba(76,201,255,.24);color:#4cc9ff;font:800 11px/1 var(--font-body);letter-spacing:.1em}.ach-empty-card h2{margin:14px 0 8px;font:700 clamp(24px,3.5vw,34px) / 1.12 var(--font-display);color:#f5f8fb}.ach-empty-card>p{margin:0 0 22px;max-width:680px;color:#93a8b8;font:500 14.5px/1.65 var(--font-body)}.ach-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.ach-examples-grid article{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:#071018ad}.ex-ico{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;background:#4cc9ff1a;font-size:17px}.ach-examples-grid strong{display:block;color:#edf5fb;font:700 14px/1.25 var(--font-display);margin-bottom:4px}.ach-examples-grid small{display:block;color:#88a0b2;font:500 12.5px/1.45 var(--font-body)}.ach-empty-actions{display:flex;gap:10px;flex-wrap:wrap}.ach-btn-primary,.ach-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;font:700 13px/1 var(--font-body);text-decoration:none}.ach-btn-primary{border:1px solid #6ed8ff;background:linear-gradient(135deg,#9fe6ff,#4cc9ff);color:#04131c;font-weight:800}.ach-btn-secondary{border:1px solid rgba(255,255,255,.12);background:#101e2c;color:#e3eef6}@media(max-width:860px){.ach-grid,.ach-skel-grid,.ach-examples-grid{grid-template-columns:1fr}}@media(max-width:560px){.ach-page{padding:20px 12px 106px}.ach-empty-card,.ach-card{padding:20px 16px;border-radius:20px}}