@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Directive+Four:wght@700&display=swap";:root{--color-bg: #000000;--color-bg-light: #1a1a1a;--color-fg: #ffffff;--color-fg-light: #e0e0e0;--color-accent: #00d4ff;--color-accent-dark: #00a8cc;--color-accent-light: #5ce1ff;--color-card: #0a0a0a;--color-shadow: 0 2px 16px rgba(0, 212, 255, .1);--color-border: #00d4ff;--color-tag-bg: #1a1a1a;--color-tag-hover: #00d4ff;--color-nav-bg: #1a1a1a;--color-nav-link: #ffffff;--color-nav-link-bg: #2a2624;--color-nav-link-hover: #ffffff;--color-nav-link-active-bg: #2a2624;--color-nav-link-active: #ffffff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--color-fg);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-fg);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/assets/octa-site_bg.png);background-size:cover;background-position:center;background-attachment:fixed;opacity:.5;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/assets/20251026_054317.jpg);background-size:cover;background-position:center;background-attachment:fixed;opacity:.3;mix-blend-mode:screen;pointer-events:none;z-index:0}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;width:100%;margin:0 auto;padding:3rem 2rem;text-align:center;position:relative;z-index:1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.post-image{max-width:100%;height:auto;display:block;margin:1.5em auto;border-radius:12px;box-shadow:0 2px 16px var(--color-shadow)}@media (max-width: 600px){.post-image{max-width:95vw;margin:1em auto}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hq-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:3em;background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2.5em 2em 2em;border:1px solid rgba(0,212,255,.2);box-shadow:0 8px 32px #00000080,0 0 60px #00d4ff1a}.hero-logo{margin-bottom:1.5em}.logo-text{font-family:Orbitron,Neuropol,Montserrat,Arial,sans-serif;font-size:3.5em;font-weight:700;letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#00d4ff26,#0a0a0acc);border-radius:16px;padding:.4em .8em;box-shadow:0 4px 24px #00d4ff33,inset 0 1px #ffffff1a;display:inline-block;text-shadow:0 2px 10px rgba(0,212,255,.4),0 0 20px rgba(0,212,255,.3),0 0 40px rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3)}.main-nav{display:flex;flex-direction:column;align-items:center;width:100%}.nav-links{display:flex;gap:2.5em;justify-content:center;width:100%}.nav-link-wrapper{display:flex;flex-direction:column;align-items:center;gap:.4em}.nav-link{font-family:Directive Four,Arial,sans-serif;color:var(--color-nav-link);background:#2a262499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:1.1em;font-weight:500;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:.6em 1.2em;border-radius:8px;transition:all .3s ease;position:relative;z-index:1;box-shadow:0 4px 12px #0006;border:1px solid rgba(60,55,52,.4)}.nav-link.disabled{opacity:.4;color:#888;cursor:not-allowed;pointer-events:none}.coming-soon{font-size:.7em;color:#888;font-style:italic;text-transform:lowercase;letter-spacing:.05em}.nav-link.active,.nav-link:hover{background:#2a2624cc;color:#fff;box-shadow:0 6px 20px #00d4ff4d,0 0 30px #00d4ff26;transform:translateY(-2px);border-color:#00d4ff66}.nav-link.disabled.active,.nav-link.disabled:hover{background:#2a262499;color:#888;box-shadow:0 4px 12px #0006;transform:none}.tag-filters{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin:1.5em 0 2em;padding:1.5em;background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(0,212,255,.2);box-shadow:0 8px 32px #00000080}.tag-checkbox{display:flex;align-items:center;background:#1a1a1a99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-fg);border-radius:20px;padding:.5em 1.2em;font-size:1em;cursor:pointer;transition:all .3s ease;border:1px solid rgba(60,60,60,.4)}.tag-checkbox input[type=checkbox]{margin-right:.5em;accent-color:var(--color-accent)}.tag-checkbox:hover{background:#00d4ff33;color:#fff;box-shadow:0 4px 16px #00d4ff4d;transform:translateY(-2px);border-color:#00d4ff80}.clear-filters{margin-left:1.5em;padding:.5em 1.4em;border-radius:20px;border:1px solid rgba(0,212,255,.3);background:#00d4ff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d4ff33}.clear-filters:hover{background:#00d4ff40;box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px);border-color:#00d4ff99}.draft-post{opacity:.5;filter:grayscale(.7);border:2px dashed var(--color-accent);position:relative}.draft-label{position:absolute;top:.5em;right:.5em;background:var(--color-accent);color:var(--color-bg);font-size:.85em;font-weight:700;padding:.2em .7em;border-radius:8px;z-index:2;pointer-events:none}.toggle-drafts{background:#00d4ff33;color:#fff;border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:.4em 1.2em;font-size:1em;font-weight:600;cursor:pointer;margin-left:1em;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toggle-drafts:hover{background:#00d4ff4d;box-shadow:0 4px 16px #00d4ff66}.about-page,.network-page{background:#0a0a0a99;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:3em 2.5em;border:1px solid rgba(0,212,255,.2);box-shadow:0 8px 32px #00000080,0 0 60px #00d4ff1a;max-width:900px;margin:0 auto}.about-page h2,.network-page h2{color:var(--color-accent);font-size:2.5em;margin-bottom:.8em;text-shadow:0 2px 10px rgba(0,212,255,.5),0 0 20px rgba(0,212,255,.3)}.about-content,.network-content{text-align:left;line-height:1.8;font-size:1.1em;color:var(--color-fg)}.blog-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2em;margin-top:2em}.blog-post{background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:2em;border:1px solid rgba(0,212,255,.2);box-shadow:0 8px 32px #00000080;transition:all .3s ease;text-align:left}.blog-post:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0009,0 0 40px #00d4ff33;border-color:#00d4ff66}.blog-post h2{color:var(--color-accent);font-size:1.8em;margin-bottom:.5em;text-shadow:0 1px 8px rgba(0,212,255,.3)}.tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em}.tag{background:#00d4ff26;color:var(--color-accent-light);padding:.3em .8em;border-radius:12px;font-size:.85em;border:1px solid rgba(0,212,255,.3)}@media (max-width: 700px){.logo-text{font-size:2.2em;padding:.4em .7em}.nav-links{gap:1.2em}.tag-filters{gap:.5em;font-size:.95em;padding:1em}.clear-filters{margin-left:.5em;font-size:.95em;padding:.4em .9em}.about-page,.network-page{padding:2em 1.5em}.blog-wall{grid-template-columns:1fr;gap:1.5em}}@media (max-width: 500px){.hq-hero{margin-bottom:1.5em;padding:1.5em 1em}.logo-text{font-size:1.8em;padding:.3em .5em}.main-nav{margin-bottom:0}.nav-links{gap:.8em;flex-wrap:wrap}.nav-link{font-size:.95em;padding:.5em .9em}.tag-filters{margin:1em 0 1.2em}.about-page,.network-page{padding:1.5em 1em}.blog-post{padding:1.5em}}