.era-network{position:relative;width:min(620px,100%);aspect-ratio:1.1;isolation:isolate;overflow:hidden;border:1px solid rgba(224,190,104,.12);border-radius:42px;background:radial-gradient(circle at 50% 48%,rgba(99,83,218,.22),transparent 28%),linear-gradient(145deg,#13112bbf,#05060d61);box-shadow:inset 0 1px #ffffff0a,0 40px 90px #00000047;transform:perspective(1000px) rotateY(var(--demo-ry,0deg)) rotateX(var(--demo-rx,0deg));transition:transform .2s ease-out}.network-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(126,113,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(126,113,255,.18) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle,#000,transparent 76%);mask-image:radial-gradient(circle,#000,transparent 76%);animation:grid-drift 18s linear infinite}.network-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(231,199,116,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:70%;height:70%;animation:net-spin 26s linear infinite}.orbit-b{width:92%;height:78%;border-color:#7769f62e;animation:net-spin-back 34s linear infinite}.orbit-c{width:48%;height:48%;border-style:dashed;animation:net-spin 18s linear infinite}.network-orbit:after{content:"";position:absolute;left:10%;top:16%;width:7px;height:7px;border-radius:50%;background:#f6d77f;box-shadow:0 0 20px 5px #f0c96980}.network-links{position:absolute;inset:0;width:100%;height:100%}.network-links path{fill:none;stroke:url(#eraLink);stroke-width:1.1;opacity:.28}.network-links .signal{stroke-width:2.5;opacity:.9;stroke-linecap:round;stroke-dasharray:2 210;animation:net-signal 4.6s linear infinite}.network-links .signal-2{animation-delay:-1.1s}.network-links .signal-3{animation-delay:-2.2s}.network-links .signal-4{animation-delay:-3.3s}.network-core{position:absolute;left:50%;top:50%;width:172px;height:172px;border:1px solid rgba(255,228,156,.62);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 26%,#ffe8a5 0,#d5a743 31%,#7c551e 55%,#110f1b 75%);box-shadow:0 0 0 12px #e5be5c0b,0 0 0 30px #6859e509,0 0 75px #deb14652;transform:translate(-50%,-50%);animation:net-core 4s ease-in-out infinite}.network-core span{color:#120e08;font-size:45px;font-weight:950;font-style:italic;letter-spacing:-.1em}.network-core small{position:absolute;bottom:30px;color:#140e06b8;font-size:8px;font-weight:900;letter-spacing:.2em}.network-core i{position:absolute;right:20px;top:22px;width:9px;height:9px;background:#fff1b4;transform:rotate(45deg);box-shadow:0 0 18px #ffe496}.network-core b{position:absolute;inset:-18px;border:1px solid rgba(245,211,124,.18);border-radius:50%;animation:core-ring 3s ease-out infinite}.network-node{position:absolute;display:flex;align-items:center;gap:11px;min-width:176px;padding:13px 15px;border:1px solid rgba(221,185,92,.2);border-radius:17px;background:linear-gradient(145deg,#1d193af0,#090a12eb);box-shadow:0 18px 45px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:node-float 5s ease-in-out infinite}.network-node>i{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid rgba(242,207,119,.28);border-radius:11px;color:#f4d47c;background:#d6ad5514;font-style:normal}.network-node b,.network-node small{display:block}.network-node b{color:#f6f3ec;font-size:13px}.network-node small{margin-top:3px;color:#858ca0;font-size:9px}.node-inbox{left:3%;top:10%}.node-dialog{right:3%;top:8%;animation-delay:-1.2s}.node-interest{right:2%;bottom:10%;animation-delay:-2.5s}.node-human{left:2%;bottom:8%;animation-delay:-3.7s}.network-status{position:absolute;left:50%;bottom:3%;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#0809109e;color:#777f91;font-size:9px;letter-spacing:.05em;transform:translate(-50%)}.network-status i{width:6px;height:6px;border-radius:50%;background:#65e2b1;box-shadow:0 0 12px #65e2b1;animation:status-pulse 1.6s ease-in-out infinite}@keyframes net-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes net-spin-back{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes net-signal{to{stroke-dashoffset:-425}}@keyframes net-core{50%{box-shadow:0 0 0 18px #e5be5c05,0 0 0 38px #6859e506,0 0 95px #deb1466b}}@keyframes core-ring{0%{transform:scale(.82);opacity:0}35%{opacity:1}to{transform:scale(1.28);opacity:0}}@keyframes node-float{50%{transform:translateY(-7px)}}@keyframes grid-drift{to{background-position:38px 38px}}@keyframes status-pulse{50%{opacity:.38}}@media(max-width:900px){.era-network{width:min(620px,100%);margin:18px auto 0}}@media(max-width:620px){.era-network{width:108%;margin-left:-4%;border-radius:28px}.network-core{width:126px;height:126px}.network-core span{font-size:35px}.network-core small{bottom:20px}.network-node{min-width:132px;padding:9px 10px;gap:7px}.network-node>i{flex-basis:27px;height:27px}.network-node b{font-size:10px}.network-node small{font-size:7px}.network-status{display:none}}@media(prefers-reduced-motion:reduce){.network-grid,.network-orbit,.network-links .signal,.network-core,.network-core b,.network-node,.network-status i{animation:none!important}}