:root { --grad-a:#ff79c6; --grad-b:#8be9fd; --grad-c:#c084fc; }
.umss-hero { background: radial-gradient(1200px circle at 20% 10%, rgba(255,255,255,0.08), transparent 40%), linear-gradient(135deg,#0f1226 0%,#1a1538 50%,#0f1226 100%); color:#e7e7f7; padding:3rem 1.25rem; text-align:center; }
.umss-title { font-size: clamp(2rem, 6vw, 4rem); font-weight: 800; background: linear-gradient(90deg,var(--grad-a),var(--grad-b),var(--grad-c)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.umss-sub { opacity:.85; margin-top:.5rem }
.umss-grid { display:grid; gap:1rem; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); margin:2rem 0; }
.umss-card { background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius: 16px; padding:1rem; }
.umss-cta { display:inline-block; padding:.75rem 1.25rem; border-radius:9999px; border:1px solid transparent; background-image: linear-gradient(90deg,var(--grad-a),var(--grad-b)); color:#0b0b12; font-weight:700; margin:.5rem; }
canvas { background: rgba(0,0,0,.05); border-radius: 12px; padding:.5rem; }