:root { --bg: #0a0f12; --card:#0f1520; --border:rgba(255,255,255,.12); }
.dream-grid { background: radial-gradient(900px 400px at 80% 20%, rgba(56,189,248,.18), transparent 70%); }
.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;color:rgba(255,255,255,.9);backdrop-filter:blur(6px);}
.link-btn{border:1px solid var(--border);background:rgba(255,255,255,.06);padding:.75rem 1.25rem;border-radius:12px;font-weight:600;}
.link-btn:hover{background:rgba(255,255,255,.1);}
.primary-btn{background:white;color:#0a0f12;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;}
.card{border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;}
.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.25);}
.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:8px}

.short-video {
  width:fit-content;
  background-color: rgb(255 255 255 / 0.05);
  border-color: rgb(255 255 255 / 0.1);
  border-width: 1px;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
} ;