.knx-guide{--knx-bg:#0a0e1a;--knx-bg2:#0f1629;--knx-card:#131d35;--knx-amber:#f59e0b;--knx-blue:#3b82f6;--knx-green:#10b981;--knx-red:#ef4444;--knx-purple:#a855f7;--knx-text:#f1f5f9;--knx-muted:#94a3b8}@keyframes knx-fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes knx-slideLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes knx-slideRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes knx-scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes knx-pulse-red{0%,to{box-shadow:0 0 #ef444480}60%{box-shadow:0 0 0 14px #ef444400}}@keyframes knx-pulse-amber{0%,to{box-shadow:0 0 #f59e0b66}60%{box-shadow:0 0 0 12px #f59e0b00}}@keyframes knx-travel{0%{stroke-dashoffset:300px;opacity:0}8%{opacity:1}92%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes knx-dash-move{to{stroke-dashoffset:-40px}}@keyframes knx-glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes knx-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.knx-guide .reveal{opacity:0}.knx-guide .reveal.vis{animation:.65s forwards knx-fadeUp}.knx-guide .rev-l.vis{animation:.65s forwards knx-slideLeft}.knx-guide .rev-r.vis{animation:.65s forwards knx-slideRight}.knx-guide .rev-s.vis{animation:.55s forwards knx-scaleIn}.knx-guide .card{background:var(--knx-card);border:1px solid #ffffff12;border-radius:16px;transition:transform .25s,border-color .25s,box-shadow .25s}.knx-guide .card:hover{border-color:#f59e0b59;transform:translateY(-3px);box-shadow:0 10px 35px #f59e0b14}.knx-guide .gradient-text{background:linear-gradient(135deg,#f59e0b,#fcd34d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.knx-guide .warn-box{background:#ef444414;border:2px solid #ef44448c;border-radius:16px;animation:2.2s infinite knx-pulse-red}.knx-guide .info-box{background:#f59e0b12;border:2px solid #f59e0b66;border-radius:16px;animation:2.8s infinite knx-pulse-amber}.knx-guide .tag{letter-spacing:.5px;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.knx-guide .tag-red{color:#ef4444;background:#ef44442e}.knx-guide .tag-amber{color:#f59e0b;background:#f59e0b2e}.knx-guide .tag-blue{color:#3b82f6;background:#3b82f62e}.knx-guide .tag-green{color:#10b981;background:#10b9812e}.knx-guide .tag-purple{color:#a855f7;background:#a855f72e}.knx-guide .section-label{letter-spacing:3px;text-transform:uppercase;color:var(--knx-amber);margin-bottom:10px;font-size:11px;font-weight:700}.knx-guide .step-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.knx-guide .animated-dash{stroke-dasharray:8 6;animation:1.2s linear infinite knx-dash-move}.knx-guide .animated-dash-blue{stroke-dasharray:8 6;animation:1.5s linear infinite knx-dash-move}.knx-guide .animated-dash-green{stroke-dasharray:8 6;animation:1.8s linear infinite knx-dash-move}.knx-guide .animated-dash-purple{stroke-dasharray:8 6;animation:1s linear infinite knx-dash-move}.knx-guide .packet{stroke-dasharray:14 286;animation:2.2s linear infinite knx-travel}.knx-guide .packet2{stroke-dasharray:14 286;animation:2.2s linear 1.1s infinite knx-travel}.knx-guide .knx-bounce{animation:1.5s infinite knx-bounce}.knx-guide ::-webkit-scrollbar{width:5px}.knx-guide ::-webkit-scrollbar-track{background:var(--knx-bg)}.knx-guide ::-webkit-scrollbar-thumb{background:#f59e0b59;border-radius:3px}@media (prefers-reduced-motion:reduce){.knx-guide .reveal,.knx-guide .rev-l,.knx-guide .rev-r,.knx-guide .rev-s{opacity:1!important;animation:none!important}.knx-guide .warn-box,.knx-guide .info-box,.knx-guide .animated-dash,.knx-guide .animated-dash-blue,.knx-guide .animated-dash-green,.knx-guide .animated-dash-purple,.knx-guide .packet,.knx-guide .packet2,.knx-guide .knx-bounce{animation:none!important}}@media (max-width:768px){.knx-guide .rg2,.knx-guide .rg3{grid-template-columns:1fr!important}.knx-guide .hero-h{font-size:2.2rem!important}.knx-guide .rg4{grid-template-columns:1fr 1fr!important}}