.wk-page{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#eff6ff,#fff 30%);padding:40px 20px;display:flex;justify-content:center}.wk-content{max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.wk-progress{display:flex;align-items:center;gap:6px;margin-bottom:6px}.wk-step{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;background:#e2e8f0;color:#94a3b8;flex-shrink:0}.wk-step.active{background:#2d6bff;color:#fff}.wk-step.done{background:#16a34a;color:#fff}.wk-progress-line{width:60px;height:3px;background:#16a34a;border-radius:3px}.wk-progress-line.dim{background:#e2e8f0}.wk-progress-labels{display:flex;gap:60px;font-size:11px;font-weight:700;color:var(--txt-3, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:30px}.wk-progress-labels span:nth-child(2){color:#2d6bff}.wk-h1{font-size:clamp(26px,4vw,32px);font-weight:800;color:var(--navy-900, #0f172a);letter-spacing:-.02em;margin:0 0 8px}.wk-lead{font-size:15px;color:var(--txt-2, #334155);line-height:1.55;margin:0 0 28px;max-width:480px}.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;width:100%;margin-bottom:28px}.wk-tile{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:16px 10px 14px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;text-align:center}.wk-tile:hover{border-color:#93c5fd;background:#f8fafc;transform:translateY(-1px)}.wk-tile.selected{border-color:#2d6bff;background:#eff6ff;box-shadow:0 6px 20px #2563eb2e}.wk-tile-kod{font-size:26px;font-weight:800;color:var(--navy-900, #0f172a);line-height:1;letter-spacing:-.02em}.wk-tile.selected .wk-tile-kod{color:#2157d6}.wk-tile-name{font-size:12px;color:var(--txt-2, #334155);font-weight:600;line-height:1.3;margin-top:4px}.wk-tile-age{font-size:10.5px;color:var(--txt-3, #64748b);background:#f1f5f9;padding:2px 8px;border-radius:999px;margin-top:4px}.wk-tile.selected .wk-tile-age{background:#dbeafe;color:#2157d6}.wk-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:#2d6bff;color:#fff;font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.3px}.wk-btn-primary{width:100%;max-width:320px;background:#2d6bff;color:#fff;border:0;border-radius:12px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 18px #2563eb40;transition:transform .12s}.wk-btn-primary:hover:not(:disabled){background:#2157d6;transform:translateY(-1px)}.wk-btn-primary:disabled{opacity:.6;cursor:wait}.wk-skip{background:transparent;border:0;color:var(--txt-3, #64748b);font-size:13px;font-weight:600;margin-top:10px;cursor:pointer;padding:8px 12px;font-family:inherit}.wk-skip:hover{color:var(--navy-900);text-decoration:underline}@media (max-width: 600px){.wk-progress-labels{gap:30px;font-size:10px}.wk-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.wk-tile{padding:14px 6px 12px}.wk-tile-kod{font-size:22px}.wk-tile-name{font-size:11px}.wk-h1{font-size:22px}.wk-lead{font-size:14px}}