*{box-sizing:border-box}html,body{height:100%}body{margin:0;display:grid;place-items:center;overflow:hidden;color:#eaf3ff;background:#07111f;font-family:Arial,Helvetica,sans-serif}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);opacity:.28;animation:drift 12s ease-in-out infinite alternate}body:before{width:38rem;height:38rem;left:-15rem;top:-16rem;background:#1777e5}body:after{width:32rem;height:32rem;right:-14rem;bottom:-15rem;background:#18b4c9;animation-delay:-5s}main{position:relative;z-index:1;width:min(680px,88vw);text-align:center;padding:48px 24px}.orb{position:relative;width:86px;height:86px;margin:0 auto 34px}.orb i{position:absolute;inset:0;border:1px solid rgba(104,184,255,.72);border-radius:50%;animation:orbit 6s linear infinite}.orb i:nth-child(2){transform:rotate(60deg);animation-duration:8s}.orb i:nth-child(3){transform:rotate(120deg);animation-duration:10s}.orb:after{content:"";position:absolute;inset:31px;border-radius:50%;background:#2a8ff0;box-shadow:0 0 34px #2a8ff0}.status{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 15px;color:#8da5bd;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.status span{width:7px;height:7px;border-radius:50%;background:#39c58c;box-shadow:0 0 12px #39c58c;animation:pulse 1.8s ease-in-out infinite}h1{margin:0;font-size:clamp(42px,9vw,76px);font-weight:700;letter-spacing:.16em;text-indent:.16em;background:linear-gradient(100deg,#fff 20%,#7bc1ff 50%,#fff 80%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shine 5s linear infinite}.message{margin:20px auto 0;color:#b3c3d3;font-size:clamp(16px,3vw,20px);font-weight:300;letter-spacing:.025em}.line{width:min(280px,65vw);height:1px;margin:36px auto 18px;background:rgba(255,255,255,.12);overflow:hidden}.line span{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#56adff,transparent);animation:scan 2.8s ease-in-out infinite}.foot{margin:0;color:#657b91;font-size:11px;letter-spacing:.24em;text-transform:uppercase}@keyframes orbit{to{transform:rotate(360deg) rotateX(62deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes shine{to{background-position:220% center}}@keyframes scan{from{transform:translateX(-120%)}to{transform:translateX(350%)}}@keyframes drift{to{transform:translate(7vw,5vh) scale(1.08)}}@media(max-width:520px){main{padding-inline:12px}h1{font-size:clamp(34px,11vw,50px);letter-spacing:.1em;text-indent:.1em}.orb{width:72px;height:72px}.orb:after{inset:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}