.cm{background:radial-gradient(90% 60% at 50% 0,#0b1a4b 0%,#050b22 45%,#03050f 80%);min-height:100vh}.cm-gl{pointer-events:none;opacity:.85;z-index:0;height:560px;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.cm .nx-header{position:fixed}.cm-wrap{z-index:2;max-width:1180px;margin:0 auto;padding:150px 24px 96px;position:relative}.cm-head{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:56px;animation:.9s cubic-bezier(.2,.7,.2,1) both nx-rise;display:flex}.cm-head h1{font-size:clamp(36px,5.2vw,66px)}.cm-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cm-card{--i:0;text-align:left;font:inherit;color:inherit;cursor:pointer;isolation:isolate;animation:nx-rise .9s cubic-bezier(.2, .7, .2, 1) calc(.15s + var(--i) * 70ms) both;background:#0d0f16;border:1px solid #bed2ff24;border-radius:20px;flex-direction:column;padding:0;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.cm-card:hover,.cm-card:focus-visible{border-color:color-mix(in srgb, var(--c1) 70%, transparent);box-shadow:0 34px 70px -34px var(--c1);transform:translateY(-6px)}.cm-art{--c1:#4c86ff;--c2:#1f5fd8;aspect-ratio:16/9.4;background:radial-gradient(70% 60% at 14% 0%, #ffffff17, transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--c2) 22%, #05060c) 0%, color-mix(in srgb, var(--c2) 72%, #05060c) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.cm-art:before{content:"";z-index:0;background:radial-gradient(85% 80% at 24% 108%, var(--c1) 0%, color-mix(in srgb, var(--c1) 62%, transparent) 30%, transparent 72%), radial-gradient(55% 55% at 92% 100%, color-mix(in srgb, var(--c1) 75%, transparent) 0%, transparent 72%), radial-gradient(40% 35% at 70% 8%, color-mix(in srgb, var(--c1) 30%, transparent) 0%, transparent 70%);animation:11s ease-in-out infinite alternate cm-drift;position:absolute;inset:-25% -20%}.cm-art:after{content:"";z-index:1;pointer-events:none;opacity:.85;background:linear-gradient(118deg,#0000 32%,#ffffff21 47%,#0000 60%) 100% 0/200% 100%;transition:background-position .9s;position:absolute;inset:0}.cm-card:hover .cm-art:after,.cm-card:focus-visible .cm-art:after{background-position:0 0}.cm-art-logo{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060c75;border:1px solid #ffffff24;border-radius:18px;place-items:center;max-width:90%;padding:12px 18px;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:grid;position:relative;box-shadow:0 14px 40px -12px #0009}.cm-art-logo .nx-logo{margin-left:0}.cm-card:hover .cm-art-logo{transform:translateY(-4px)scale(1.05)}.cm-label{background:#0d0f16;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px 18px;display:flex}.cm-label b{letter-spacing:-.015em;font-size:20px;font-weight:700}@keyframes cm-drift{0%{transform:translate(-4%,3%)scale(1)}to{transform:translate(5%,-3%)scale(1.1)}}@media (max-width:1100px){.cm-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.cm-wrap{padding-top:120px}}@media (max-width:560px){.cm-grid{grid-template-columns:1fr}}