:root{--matrix-amber: #ffb000;--matrix-glow: #ffcc00;--matrix-dark: #1a1000;--matrix-bg: #0d0800;--glass-bg-light: rgba(245, 245, 220, .15);--glass-bg-frosted: rgba(225, 215, 190, .9);--glass-border-light: rgba(245, 245, 220, .3);--text-on-light: #1a1000;font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--matrix-amber);background-color:var(--matrix-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;border:2px solid var(--matrix-dark)}h1,h2{color:var(--matrix-glow);text-shadow:0 0 12px var(--matrix-amber);text-transform:uppercase;letter-spacing:3px}button{border-radius:2px;border:1px solid var(--matrix-amber);padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:transparent;color:var(--matrix-amber);cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase}button:hover{background-color:var(--matrix-amber);color:var(--matrix-bg);box-shadow:0 0 20px var(--matrix-glow)}a{color:var(--matrix-glow);text-decoration:none;border-bottom:1px dashed var(--matrix-glow)}a:hover{color:#fff;text-shadow:0 0 8px var(--matrix-glow);border-bottom:1px solid #fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em;margin-top:1.5rem;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg-base);-webkit-backdrop-filter:blur(0px);transition:all .4s ease-in-out;position:relative;z-index:1}.card{padding:2.5em;margin-top:1.5rem;border:1px solid var(--glass-border-light);border-radius:12px;background:var(--glass-bg-light);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:all .5s cubic-bezier(.4,0,.2,1);color:var(--matrix-amber)}.card:hover{background:var(--glass-bg-frosted);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--text-on-light);border:1px solid #fff;transform:translateY(-8px);box-shadow:0 15px 35px #00000080}.card:hover h2,.card:hover h3,.card:hover strong,.card:hover .header-icon,.card:hover .social-link,.card:hover .icon-link{color:var(--text-on-light)!important}.card:hover .social-link{border-color:var(--text-on-light);color:var(--text-on-light)}@keyframes logo-pulse{0%{filter:drop-shadow(0 0 2px var(--matrix-amber)) sepia(1) saturate(5) hue-rotate(-15deg)}50%{filter:drop-shadow(0 0 15px var(--matrix-glow)) sepia(1) saturate(5) hue-rotate(-15deg)}to{filter:drop-shadow(0 0 2px var(--matrix-amber)) sepia(1) saturate(5) hue-rotate(-15deg)}}.logo{height:6em;padding:1.5em;animation:logo-pulse 3s infinite ease-in-out}.read-the-docs{color:var(--matrix-amber);opacity:.7;font-size:.9em}.link-grid{display:flex;justify-content:center;gap:2.5rem;margin-top:1.5rem}.icon-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--matrix-amber);transition:all .3s ease}.icon-link span{font-size:.7rem;letter-spacing:1px;font-weight:700}.icon-link:hover{color:var(--matrix-glow);filter:drop-shadow(0 0 8px var(--matrix-glow));transform:translateY(-2px)}