.opl-wrap{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;background:transparent}.opl-inner,.opl-wrap{display:flex;align-items:center;justify-content:center}.opl-inner{position:relative;flex-direction:column;gap:14px;pointer-events:none}.opl-glow{position:absolute;z-index:0;width:320px;height:320px;border-radius:50%;filter:blur(22px);background:radial-gradient(circle at 40% 35%,rgba(12,192,223,.28),rgba(12,192,223,.08) 40%,transparent 65%);mix-blend-mode:screen;transform:translateY(-6px)}.opl-svg{z-index:5;width:220px;height:220px;display:block;will-change:transform,opacity}.opl-dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,#0CC0DF,#6FEAF0);box-shadow:0 8px 20px rgba(12,192,223,.18),0 2px 6px rgba(0,0,0,.08);z-index:8;transform-origin:center}.opl-label{font-size:13px;font-weight:600;color:rgba(24,24,27,.9);z-index:8;user-select:none;font-family:inherit}@media (max-width:480px){.opl-svg{width:160px;height:160px}.opl-glow{width:200px;height:200px;filter:blur(18px);transform:translateY(-4px)}.opl-dot{width:12px;height:12px}.opl-label{font-size:12px}}@media (prefers-color-scheme:dark){.opl-label{color:rgba(255,255,255,.92)}.opl-glow{background:radial-gradient(circle at 40% 35%,rgba(12,192,223,.22),rgba(12,192,223,.06) 40%,transparent 65%);filter:blur(26px)}}