*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}h1,h2,p{margin:0}:root{--co-navy:#070f1e;--co-navy-mid:#0d1b2a;--co-navy-card:#0d1b2abf;--co-teal:#00c9a7;--co-teal-dim:#00c9a72e;--co-teal-glow:#00c9a773;--co-orange:#ff6b35;--co-white:#f0f6ff;--co-muted:#f0f6ff8c;--co-border:#00c9a733}@keyframes spin-cw{to{transform:rotate(360deg)}}@keyframes spin-ccw{to{transform:rotate(-360deg)}}@keyframes pulse-bar{0%,to{opacity:.75;width:25%}50%{opacity:1;width:82%}}@keyframes bounce-dot{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.08)}}@keyframes hex-pulse{0%,to{opacity:.9;filter:drop-shadow(0 0 10px var(--co-teal-glow))}50%{opacity:1;filter:drop-shadow(0 0 22px var(--co-teal-glow))}}.uc-container{background:radial-gradient(ellipse at 20% 30%, #082033 0%, var(--co-navy) 60%), linear-gradient(160deg, #0a1a2e 0%, var(--co-navy) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px 20px 80px;display:flex;position:relative;overflow:hidden}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#00c9a72e 0%,#0000 70%);width:420px;height:420px;animation:8s ease-in-out infinite orb-float;top:-100px;right:-80px}.orb-2{background:radial-gradient(circle,#ff6b351f 0%,#0000 70%);width:320px;height:320px;animation:11s ease-in-out infinite reverse orb-float;bottom:-60px;left:-60px}.uc-card{background:var(--co-navy-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--co-border);text-align:center;width:100%;max-width:500px;box-shadow:0 24px 64px #00000080, 0 0 0 1px var(--co-border);z-index:1;border-radius:28px;padding:52px 48px 44px;animation:.9s cubic-bezier(.22,1,.36,1) both fade-up;position:relative}@media (width<=520px){.uc-card{padding:40px 24px 36px}}.logo-wrap{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;position:relative}.logo-hex{fill:none;width:100%;height:100%;stroke:var(--co-teal);stroke-width:3px;animation:3s ease-in-out infinite hex-pulse;position:absolute;inset:0}.logo-initials{color:var(--co-teal);letter-spacing:1px;z-index:1;font-size:1.35rem;font-weight:800;position:relative}.brand-name{letter-spacing:-.3px;margin-bottom:6px;font-size:1.75rem;font-weight:700}.brand-can{color:var(--co-white)}.brand-opti{color:var(--co-teal)}.brand-inc{color:var(--co-muted);font-size:1.1rem;font-weight:400}.brand-tagline{letter-spacing:2.5px;text-transform:uppercase;color:var(--co-teal);opacity:.75;margin:0;font-size:.82rem;font-weight:500}.divider{background:linear-gradient(90deg, transparent, var(--co-teal), transparent);border-radius:2px;width:48px;height:2px;margin:28px auto}.gear-wrap{width:110px;height:110px;margin:0 auto 28px;position:relative}.gear{fill:var(--co-teal);filter:drop-shadow(0 0 7px var(--co-teal-glow));position:absolute}.gear-big{width:74px;height:74px;animation:5s linear infinite spin-cw;top:0;left:0}.gear-sm{width:46px;height:46px;fill:var(--co-orange);filter:drop-shadow(0 0 6px #ff6b3580);animation:3.5s linear infinite spin-ccw;bottom:0;right:0}.uc-title{color:var(--co-white);letter-spacing:-.4px;margin:0 0 12px;font-size:2rem;font-weight:700}@media (width<=480px){.uc-title{font-size:1.6rem}}.uc-sub{color:var(--co-muted);margin:0 0 32px;font-size:.97rem;line-height:1.65}.uc-bar{background:#ffffff14;border-radius:99px;height:5px;margin-bottom:28px;overflow:hidden}.uc-fill{background:linear-gradient(90deg, var(--co-teal), #56e0c8, var(--co-orange));border-radius:99px;height:100%;animation:2.6s ease-in-out infinite pulse-bar}.uc-dots{justify-content:center;gap:10px;display:flex}.dot{background:var(--co-teal);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite bounce-dot;display:inline-block}.uc-footer{text-align:center;color:#f0f6ff4d;letter-spacing:.5px;font-size:.78rem;position:absolute;bottom:24px;left:0;right:0}
