:root{--bg-app:#000;--bg-card:#0a0a0f80;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-lava:linear-gradient(135deg, #2563eb, #7c3aed);--glass-border:#ffffff08;--glass-blur:50px;--glass-highlight:#ffffff05;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-float:0 40px 100px -20px #000c, 0 0 40px #8b5cf61a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;font-family:var(--font-body);background:var(--bg-app);color:#fff;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-viewport{isolation:isolate;background-color:#000;min-height:100vh;position:relative}.lava-glow{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.lava-blob{filter:blur(120px);opacity:.3;border-radius:50%;width:60vw;height:60vw;animation:25s ease-in-out infinite alternate move-blob;position:absolute}.blob-1{background:#1e3a8a;top:-10%;left:-10%}.blob-2{background:#1e1b4b;animation-delay:-5s;bottom:-10%;right:-10%}.blob-3{background:#312e81;animation-delay:-10s;top:30%;right:20%}@keyframes move-blob{0%{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(10vw,5vh)rotate(120deg)scale(1.2)}66%{transform:translate(-5vw,15vh)rotate(240deg)scale(.8)}to{transform:translate(0)rotate(360deg)scale(1)}}.magnetic-btn{transition:transform .3s cubic-bezier(.23,1,.32,1)}.magnetic-btn:hover{transform:scale(1.05)}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px)skewY(2deg)}to{opacity:1;transform:translateY(0)skewY(0)}}.reveal{animation:1s cubic-bezier(.16,1,.3,1) both reveal-up}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app{min-height:100vh;padding:0 5%;overflow-x:hidden}.nav-bar{justify-content:space-between;align-items:center;padding:2.5rem 0;display:flex}.brand{font-family:var(--font-display);letter-spacing:-2px;align-items:center;gap:12px;font-size:1.8rem;font-weight:900;display:flex}.brand-dot{background:var(--accent-lava);width:12px;height:12px;box-shadow:0 0 15px var(--accent-primary);border-radius:50%}.sys-time{font-family:var(--font-mono);opacity:.4;letter-spacing:2px;font-size:.8rem}.hero{max-width:1200px;padding:10vh 0 5vh}.hero-display{font-family:var(--font-display);letter-spacing:-6px;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(3.5rem,12vw,8rem);font-weight:900;line-height:.85}.hero-display span{background:var(--accent-lava);-webkit-text-fill-color:transparent;opacity:.8;-webkit-background-clip:text;display:block}.hero-sub{color:#fff6;max-width:500px;margin-bottom:3rem;font-size:1.25rem;line-height:1.4}.search-switch{border:1px solid var(--glass-border);background:#ffffff08;border-radius:20px;gap:4px;margin-bottom:2rem;padding:6px;display:inline-flex}.switch-btn{color:#fff6;font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;border-radius:14px;padding:8px 24px;font-size:.8rem;font-weight:700;transition:all .3s}.switch-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 0 20px #3b82f64d}.switch-btn:hover:not(.active){color:#fff;background:#ffffff0d}.search-orb{max-width:800px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);background:#ffffff08;border-radius:40px;gap:16px;padding:16px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex}.search-orb:focus-within{border-color:var(--accent-primary);transform:scale(1.05)translateY(-8px);box-shadow:0 50px 100px #00000080}.search-input{color:#fff;font-family:var(--font-display);background:0 0;border:none;outline:none;flex:1;padding-left:24px;font-size:2rem;font-weight:600}.search-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:30px;place-items:center;width:80px;height:80px;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid}.search-btn:hover{background:var(--accent-primary);color:#fff;transform:rotate(90deg)}.search-btn svg{width:32px;height:32px}.results-container{padding:10vh 0 20vh}.results-header{justify-content:space-between;align-items:baseline;margin-bottom:6rem;display:flex}.results-count{font-family:var(--font-display);letter-spacing:-5px;opacity:.2;font-size:6rem;font-weight:900}.record-grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.next-card{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);background:#05050ab3;border-radius:40px;padding:2.5rem;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.next-card:hover{box-shadow:var(--shadow-float);border-color:#fff3;transform:translateY(-20px)scale(1.02)}.next-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#8b5cf61a,#0000 70%);width:200%;height:200%;transition:all .8s;position:absolute;top:-50%;left:-50%}.next-card:hover:before{opacity:1}.card-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-primary);letter-spacing:4px;margin-bottom:1.5rem;font-size:.7rem;display:block}.card-name{font-family:var(--font-display);letter-spacing:-2px;overflow-wrap:break-word;word-break:break-word;margin-bottom:2rem;font-size:2.5rem;font-weight:900;line-height:.9}.card-details{flex-direction:column;gap:1.5rem;display:flex}.detail-node{border-bottom:1px solid #ffffff0d;padding-bottom:1rem}.node-tag{opacity:.3;text-transform:uppercase;margin-bottom:4px;font-size:.65rem}.node-val{color:#fffc;overflow-wrap:break-word;word-break:break-word;font-size:1rem;font-weight:600}.node-val.highlight{font-family:var(--font-mono);color:var(--accent-secondary)}.badge-float{background:#ffffff0d;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.7rem;font-weight:900;display:grid;position:absolute;top:3rem;right:3rem}.footer{text-align:center;padding:8rem 0}.social-nav{justify-content:center;gap:3rem;display:flex}.nav-link{font-family:var(--font-display);color:#ffffff1a;font-size:1.5rem;font-weight:900;text-decoration:none;transition:all .3s}.nav-link:hover{color:#fff;transform:scale(1.2)rotate(-5deg)}.loading-orbit{flex-direction:column;align-items:center;gap:2rem;padding:10vh 0;display:flex}.orbit-circle{border:2px solid #ffffff0d;border-radius:50%;width:100px;height:100px;animation:4s linear infinite rotate;position:relative}.orbit-dot{background:var(--accent-primary);width:12px;height:12px;box-shadow:0 0 20px var(--accent-primary);border-radius:50%;position:absolute;top:-6px;left:50%}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=1200px){.record-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-display{letter-spacing:-2px;font-size:clamp(2.2rem,10vw,3rem)}.hero-sub{margin-bottom:2.5rem;padding-right:20px;font-size:.9rem}.record-grid{grid-template-columns:1fr;gap:1.5rem}.search-orb{border-radius:40px;gap:10px;max-width:100%;padding:8px 12px}.search-input{padding-left:10px;font-size:1rem}.search-btn{border-radius:18px;width:50px;height:50px}.search-btn svg{width:20px;height:20px}.search-switch{border-radius:15px;padding:4px}.switch-btn{padding:6px 16px;font-size:.65rem}.next-card{border-radius:24px;padding:1.5rem}.card-name{font-size:1.6rem}.badge-float{width:28px;height:28px;font-size:.55rem;top:1.5rem;right:1.5rem}.results-count{letter-spacing:-2px;font-size:3rem}.results-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.results-header .sys-time{font-size:.6rem}}