:root{--cyan:#22d3ee;--violet:#a855f7}.side{background:#030914dd;backdrop-filter:blur(20px)}.main{position:relative}.top{position:sticky;top:0;z-index:8;padding:12px;background:#030812b8;border-bottom:1px solid #22d3ee18;backdrop-filter:blur(18px)}.card{background:linear-gradient(145deg,#081321dd,#07101dcc);backdrop-filter:blur(14px)}.nav button{transition:.2s}.nav button:hover{transform:translateX(4px)}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px}.learn-card{padding:17px;border:1px solid #1c465f;border-radius:16px;background:linear-gradient(145deg,#071725dd,#100c20bb);cursor:pointer;transition:.25s}.learn-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 16px 45px #22d3ee12}.learn-card small{color:#67e8f9;font:700 10px ui-monospace}.topic{display:inline-block;padding:4px 7px;margin:3px;border-radius:7px;background:#0d2536;font-size:10px}.flow{display:flex;gap:8px;align-items:center;overflow:auto;padding:25px 4px}.flow-node{min-width:170px;padding:18px;border:1px solid #155e75;border-radius:15px;text-align:center;background:#071724cc;transition:.25s}.flow-node:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 30px #22d3ee22}.flow-arrow{font-size:25px;color:#67e8f9;animation:flowPulse 1.7s infinite}@keyframes flowPulse{50%{opacity:.25;transform:translateX(4px)}}.docs{transition:.2s}.docs:hover{border-color:#67e8f9;background:#22d3ee08}.knowledge-search{width:min(600px,100%)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}