.gate{background:radial-gradient(#5784990d,#0000 65%);place-items:center;min-height:400px;display:grid;position:relative}.gate__orbit{border:1px solid #84b6c229;border-radius:50%;width:330px;height:330px;animation:38s linear infinite gate-orbit-a;position:absolute;transform:rotateX(45deg)rotate(25deg)}.gate__orbit--second{border-color:#84b6c21f;width:270px;height:370px;animation:52s linear infinite gate-orbit-b;transform:rotateY(50deg)rotate(-35deg)}@keyframes gate-orbit-a{0%{transform:rotateX(45deg)rotate(25deg)}to{transform:rotateX(45deg)rotate(385deg)}}@keyframes gate-orbit-b{0%{transform:rotateY(50deg)rotate(-35deg)}to{transform:rotateY(50deg)rotate(-395deg)}}.gate__track{width:min(360px,88%);height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gate__rail{background:linear-gradient(90deg,#8ecdb300 0%,#8ecdb338 22% 78%,#8ecdb300 100%);position:absolute;inset:0}.gate__work{background:#8ecdb3;border-radius:999px;width:9px;height:9px;margin-top:-4.5px;animation:8s cubic-bezier(.4,0,.2,1) infinite gate-work;position:absolute;top:50%;left:0;box-shadow:0 0 14px #8ecdb3d9}@keyframes gate-work{0%{opacity:0;left:0%;transform:scale(.7)}6%{opacity:1;transform:scale(1)}28%{opacity:1;left:34%;transform:scale(1)}40%{left:34%;transform:scale(1.35)}52%{left:34%;transform:scale(1.35)}78%{opacity:1;left:100%;transform:scale(1)}84%,to{opacity:0;left:100%;transform:scale(.7)}}.gate__card{color:#a3ccd8;z-index:1;background:linear-gradient(130deg,#89c4df1a,#34596d05);border:1px solid #96c5d43d;border-radius:26px;place-items:center;width:140px;height:160px;animation:8s ease-in-out infinite gate-card;display:grid;position:relative;transform:rotate(-7deg);box-shadow:0 0 60px #90c1d012}@keyframes gate-card{0%,24%{border-color:#96c5d43d;box-shadow:0 0 60px #90c1d012}34%,52%{border-color:#8ecdb38c;box-shadow:0 0 74px #8ecdb338}70%,to{border-color:#96c5d43d;box-shadow:0 0 60px #90c1d012}}.gate__stamp{opacity:0;border:2px solid #8ecdb3;border-radius:999px;width:18px;height:18px;animation:8s ease-out infinite gate-stamp;position:absolute;top:16px;right:16px;transform:scale(.4)}.gate__stamp:after{content:"";background:#8ecdb3;border-radius:999px;position:absolute;inset:3px}@keyframes gate-stamp{0%,38%{opacity:0;transform:scale(.4)}46%{opacity:1;transform:scale(1.12)}52%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1)}78%,to{opacity:0;transform:scale(1)}}.gate__tag{color:#b9d4db;font:8px var(--font-mono);letter-spacing:.1em;background:#111c24;border:1px solid #95bac433;border-radius:5px;align-items:center;gap:9px;padding:12px;display:flex;position:absolute;bottom:95px;right:35px}.gate__tag>span{background:#8ecdb3;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite gate-pip}@keyframes gate-pip{0%,30%{opacity:.35}40%,56%{opacity:1;box-shadow:0 0 8px #8ecdb3}70%,to{opacity:.35}}.gate__caption{color:#889ea7;font:8px var(--font-mono);letter-spacing:.1em;position:absolute;bottom:10px}@media (max-width:900px){.gate{min-height:320px}.gate__orbit{width:240px;height:240px}.gate__orbit--second{width:190px;height:270px}.gate__tag{bottom:60px;right:12px}}@media (prefers-reduced-motion:reduce){.gate__orbit,.gate__orbit--second,.gate__card,.gate__tag>span{animation:none}.gate__work{opacity:0;animation:none;left:100%}.gate__stamp{opacity:1;animation:none;transform:scale(1)}}