/* Shared homepage/login radar. Sizes adapt; geometry, labels and timing are identical. */
.unified-radar{--red:#ad1c3d;--radar-surface:#f0e9eb;--radar-label-bg:#fff;--radar-label-ink:#252328;--radar-label-line:#e3dddf;height:285px;position:relative;perspective:700px;display:grid;place-items:center;margin:8px -12px;isolation:isolate}
:root[data-theme=dark] .unified-radar{--red:#f07894;--radar-surface:#201a24;--radar-label-bg:#1c1c22;--radar-label-ink:#f2eef0;--radar-label-line:#353139}
.unified-radar .radar-disc{width:265px;height:265px;border:1px solid color-mix(in srgb,var(--red) 35%,transparent);border-radius:50%;position:relative;transform:rotateX(46deg) rotateZ(-15deg);background:repeating-radial-gradient(circle,transparent 0 31px,color-mix(in srgb,var(--red) 18%,transparent) 32px,transparent 33px);box-shadow:0 17px 0 -1px var(--radar-surface),0 18px 0 color-mix(in srgb,var(--red) 22%,transparent),0 30px 40px -18px color-mix(in srgb,var(--red) 25%,transparent);overflow:hidden}
.unified-radar .radar-sweep{position:absolute;inset:0;background:conic-gradient(transparent 0deg 270deg,color-mix(in srgb,var(--red) 5%,transparent) 270deg,color-mix(in srgb,var(--red) 35%,transparent) 359deg,var(--red) 360deg);animation:rm-shared-sweep 7s linear infinite}
.unified-radar .radar-axis{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,color-mix(in srgb,var(--red) 28%,transparent) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,color-mix(in srgb,var(--red) 28%,transparent) 50%,transparent 50.3%)}
.unified-radar .radar-center{position:absolute;left:46%;top:40%;font-size:26px;color:var(--red);font-weight:500}
.unified-radar .radar-point{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 14%,transparent);animation:rm-shared-pulse 7s infinite}.unified-radar .point-one{left:73%;top:32%;animation-delay:-2s}.unified-radar .point-two{left:28%;top:41%;animation-delay:-5s}.unified-radar .point-three{left:57%;top:76%}
.unified-radar .radar-orbit{position:absolute;width:340px;height:235px;border:1px dashed color-mix(in srgb,var(--red) 17%,transparent);border-radius:50%;transform:rotate(-12deg)}.unified-radar .orbit-two{width:380px;height:270px;opacity:.55}
.unified-radar .radar-label{position:absolute;z-index:2;padding:7px 10px;border:1px solid var(--radar-label-line);border-radius:6px;background:var(--radar-label-bg);font:10px/1.5 "PingFang SC","Microsoft YaHei",sans-serif;color:var(--radar-label-ink);box-shadow:0 5px 15px #00000005;white-space:nowrap;animation:rm-label-float 4s ease-in-out infinite,rm-label-glow 7s linear infinite;translate:none}
.unified-radar .label-one{left:3%;right:auto;top:17%;bottom:auto;animation-delay:-5.25s}.unified-radar .label-two{right:3%;left:auto;top:17%;bottom:auto;animation-delay:0s}.unified-radar .label-three{left:3%;right:auto;bottom:14%;top:auto;animation-delay:-3.5s}.unified-radar .label-four{right:3%;left:auto;bottom:14%;top:auto;animation-delay:-1.75s}
.radar-art .unified-radar{height:300px;margin:0 16px}.radar-art .unified-radar .radar-disc{width:265px;height:265px}.radar-art .unified-radar .radar-orbit{width:330px}.radar-art .unified-radar .orbit-two{width:360px}
.motion-paused .unified-radar *,.motion-hidden .unified-radar *{animation-play-state:paused!important}
@keyframes rm-shared-sweep{to{transform:rotate(360deg)}}
@keyframes rm-shared-pulse{0%,100%{opacity:.35}40%,65%{opacity:1;box-shadow:0 0 0 8px color-mix(in srgb,var(--red) 9%,transparent)}}
@keyframes rm-label-glow{0%,25%,100%{border-color:var(--radar-label-line);box-shadow:0 5px 15px #00000005}10%{border-color:color-mix(in srgb,var(--red) 60%,var(--radar-label-line));box-shadow:0 0 14px color-mix(in srgb,var(--red) 10%,transparent)}}
@media(max-width:950px){.radar-art .unified-radar{margin:0 12px}.radar-art .unified-radar .radar-disc{width:230px;height:230px}.radar-art .unified-radar .radar-orbit{width:275px}.radar-art .unified-radar .orbit-two{width:300px}.unified-radar .radar-label{font-size:9px;padding:6px 8px}}
@media(max-width:700px){.hero-showcase .unified-radar .radar-label{font-size:8px;padding:5px 7px}.unified-radar .label-one,.unified-radar .label-three{left:1%}.unified-radar .label-two,.unified-radar .label-four{right:1%}}
@media(prefers-reduced-motion:reduce){.unified-radar *{animation:none!important}.unified-radar .radar-sweep{transform:rotate(35deg)}}
.hero-showcase .unified-radar .radar-disc{width:275px;height:275px}.hero-showcase .unified-radar .radar-orbit{width:330px}.hero-showcase .unified-radar .orbit-two{width:350px}
@media(min-width:1500px) and (min-height:900px){.hero-showcase .unified-radar .radar-disc{width:300px;height:300px}.hero-showcase .unified-radar .radar-orbit{width:360px}.hero-showcase .unified-radar .orbit-two{width:380px}}
@media(max-width:950px){.hero-showcase .unified-radar .radar-disc{width:230px;height:230px}.hero-showcase .unified-radar .radar-orbit{width:270px}.hero-showcase .unified-radar .orbit-two{width:290px}}
@media(max-width:700px){.hero-showcase .unified-radar .radar-disc{width:156px;height:156px}.hero-showcase .unified-radar .radar-orbit{width:190px}.hero-showcase .unified-radar .orbit-two{width:205px}}

/* Same readable floating labels on homepage and login. */
@keyframes rm-label-float{0%,100%{transform:translate3d(0,4px,0)}50%{transform:translate3d(0,-6px,0)}}
.signal-stage[data-paused="true"] .unified-radar *{animation-play-state:paused!important}
@media(max-width:700px){@keyframes rm-label-float{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-4px,0)}}}

.icon-arrow-up-right{position:relative;display:inline-block;width:1em;height:1em;flex:none}
.icon-arrow-up-right::before,.icon-arrow-up-right::after{content:"";position:absolute}
.icon-arrow-up-right::before{width:.82em;height:1.5px;top:calc(50% - .75px);left:.09em;background:currentColor;transform:rotate(-45deg)}
.icon-arrow-up-right::after{width:.44em;height:.44em;top:.12em;right:.12em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}