:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.trademark-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.trademark-wrapper{position:relative;width:220px;height:220px;cursor:pointer;transition:transform .4s cubic-bezier(.22,1,.36,1)}.trademark-wrapper.hovered{transform:scale(1.06)}.trademark-svg{width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(139,92,246,.3));transition:filter .4s ease}.trademark-wrapper.hovered .trademark-svg{filter:drop-shadow(0 0 28px rgba(139,92,246,.5))}.ring-outer{transform-origin:100px 100px;animation:spin 30s linear infinite}.ring-inner{transform-origin:100px 100px;animation:spin-reverse 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.shield{transition:opacity .3s ease}.trademark-wrapper.hovered .shield{opacity:.9}.dot{animation:float 3s ease-in-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:1s}.dot-3{animation-delay:2s}@keyframes float{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-4px);opacity:.7}}.trademark-label{display:flex;align-items:baseline;gap:.5rem;opacity:0;transform:translateY(8px);animation:fadeUp .8s .3s ease forwards}.tm-symbol{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tm-word{font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:#ffffff80;font-weight:500}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}