/* ============================================================
   DreamLearn — Dark Galaxy Theme (index.html)
   Inspired by curated.media's dark glass + glow-line aesthetic,
   reimagined kid-friendly: deep space navy base, colorful nebula
   glow, glass cards with rainbow glow edges, drifting starfield.
   Loaded AFTER the page's own <style> block, so these rules win.
   ============================================================ */

:root{
  --bg: #0b0f22;
  --bg2: #12172c;
  --text: #f4f6ff;
  --text2: #b7bfdd;
  --text3: #7c86ac;
  --border: rgba(255,255,255,0.10);
  --blue: #4da3ff;
  --blue-dark: #2f7de0;
  --blue-light: rgba(77,163,255,0.14);
  --indigo: #8b7bff;
  --cyan: #29e0ff;
  --gold: #ffd166;
  --pink: #ff6fb5;
  --mint: #06d6a0;
  --grape: #9d4edd;
  --shadow: 0 10px 34px rgba(0,0,0,0.35);
  --shadow-lg: 0 30px 80px rgba(0,0,0,0.5);
  --glass-bg: rgba(255,255,255,0.045);
  --glass-bg-hover: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.12);
}

/* ---------- Base canvas ---------- */
html, body{ background:var(--bg) !important; color:var(--text) !important; }

body{
  background:
    radial-gradient(ellipse 900px 600px at 15% -8%, rgba(157,78,221,0.30), transparent 60%),
    radial-gradient(ellipse 800px 600px at 88% 4%, rgba(41,224,255,0.20), transparent 55%),
    radial-gradient(ellipse 900px 700px at 50% 105%, rgba(255,111,181,0.16), transparent 60%),
    var(--bg) !important;
}

/* Drifting starfield */
.starfield{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.starfield span{ position:absolute; top:0; left:0; width:2px; height:2px; border-radius:50%; background:transparent; }
.star-layer-1{
  width:2px; height:2px; border-radius:50%;
  box-shadow: 1309px 228px rgba(255,255,255,0.37),
    563px 501px rgba(255,255,255,0.5),
    1508px 209px rgba(255,255,255,0.79),
    1827px 1116px rgba(255,255,255,0.41),
    864px 65px rgba(255,255,255,0.37),
    447px 476px rgba(255,255,255,0.68),
    54px 1149px rgba(255,255,255,0.48),
    1330px 1436px rgba(255,255,255,0.7),
    451px 919px rgba(255,255,255,0.73),
    1657px 1780px rgba(255,255,255,0.35),
    1650px 326px rgba(255,255,255,0.8),
    696px 569px rgba(255,255,255,0.45),
    1960px 1563px rgba(255,255,255,0.57),
    189px 778px rgba(255,255,255,0.41),
    1735px 704px rgba(255,255,255,0.74),
    1652px 88px rgba(255,255,255,0.82),
    1098px 255px rgba(255,255,255,0.98),
    775px 161px rgba(255,255,255,0.71),
    1698px 1287px rgba(255,255,255,0.75),
    1764px 740px rgba(255,255,255,0.73),
    1442px 142px rgba(255,255,255,0.38),
    466px 1583px rgba(255,255,255,0.54),
    163px 1751px rgba(255,255,255,0.5),
    206px 778px rgba(255,255,255,0.53),
    1301px 1708px rgba(255,255,255,0.59),
    758px 727px rgba(255,255,255,0.49),
    546px 1437px rgba(255,255,255,0.96),
    1327px 146px rgba(255,255,255,0.75),
    350px 1093px rgba(255,255,255,0.82),
    334px 946px rgba(255,255,255,0.6),
    1895px 1310px rgba(255,255,255,0.8),
    449px 1402px rgba(255,255,255,0.56),
    1573px 1589px rgba(255,255,255,0.39),
    1683px 65px rgba(255,255,255,0.87),
    821px 548px rgba(255,255,255,0.39),
    1870px 1931px rgba(255,255,255,0.72),
    1470px 644px rgba(255,255,255,0.49),
    1022px 810px rgba(255,255,255,0.93),
    1316px 939px rgba(255,255,255,0.44),
    285px 505px rgba(255,255,255,0.83),
    1103px 538px rgba(255,255,255,0.84),
    877px 1838px rgba(255,255,255,0.73),
    741px 449px rgba(255,255,255,1.0),
    283px 1043px rgba(255,255,255,0.67),
    1547px 96px rgba(255,255,255,0.91),
    313px 1285px rgba(255,255,255,0.45),
    1393px 864px rgba(255,255,255,0.74),
    788px 781px rgba(255,255,255,0.74),
    958px 1083px rgba(255,255,255,0.51),
    1133px 1762px rgba(255,255,255,0.96),
    1393px 1476px rgba(255,255,255,0.42),
    1812px 1099px rgba(255,255,255,0.84),
    1574px 1312px rgba(255,255,255,0.57),
    601px 890px rgba(255,255,255,0.45),
    6px 1953px rgba(255,255,255,0.82),
    1473px 539px rgba(255,255,255,0.98),
    1560px 365px rgba(255,255,255,0.68),
    217px 1782px rgba(255,255,255,0.76),
    1723px 1308px rgba(255,255,255,0.68),
    407px 313px rgba(255,255,255,0.59),
    330px 1104px rgba(255,255,255,0.97),
    1889px 1086px rgba(255,255,255,0.95),
    1226px 663px rgba(255,255,255,0.67),
    229px 1902px rgba(255,255,255,0.59),
    1703px 1652px rgba(255,255,255,0.55),
    118px 493px rgba(255,255,255,0.92),
    1939px 161px rgba(255,255,255,0.41),
    995px 1671px rgba(255,255,255,0.39),
    1557px 1090px rgba(255,255,255,0.85),
    262px 1351px rgba(255,255,255,0.66),
    1125px 338px rgba(255,255,255,0.52),
    1786px 1242px rgba(255,255,255,0.63),
    433px 1902px rgba(255,255,255,0.7),
    1494px 1412px rgba(255,255,255,0.48),
    638px 817px rgba(255,255,255,1.0),
    1330px 764px rgba(255,255,255,0.63),
    1059px 924px rgba(255,255,255,0.43),
    460px 131px rgba(255,255,255,0.57),
    1204px 1134px rgba(255,255,255,0.5),
    451px 14px rgba(255,255,255,0.4),
    1292px 120px rgba(255,255,255,0.5),
    1854px 64px rgba(255,255,255,0.91),
    145px 1052px rgba(255,255,255,0.5),
    1370px 994px rgba(255,255,255,0.49),
    270px 1481px rgba(255,255,255,0.96),
    1169px 1180px rgba(255,255,255,0.66),
    1606px 968px rgba(255,255,255,0.87),
    389px 193px rgba(255,255,255,0.41),
    882px 725px rgba(255,255,255,0.63),
    956px 1769px rgba(255,255,255,0.82),
    1379px 1338px rgba(255,255,255,0.99),
    201px 124px rgba(255,255,255,0.61),
    694px 1639px rgba(255,255,255,0.91),
    509px 392px rgba(255,255,255,0.47),
    918px 287px rgba(255,255,255,0.62),
    570px 947px rgba(255,255,255,0.51),
    1890px 154px rgba(255,255,255,0.64),
    1764px 1753px rgba(255,255,255,0.71),
    103px 1335px rgba(255,255,255,1.0),
    1712px 30px rgba(255,255,255,0.98),
    1897px 1543px rgba(255,255,255,0.9),
    340px 832px rgba(255,255,255,0.67),
    437px 1770px rgba(255,255,255,0.61),
    120px 337px rgba(255,255,255,0.6),
    799px 543px rgba(255,255,255,0.95),
    1607px 931px rgba(255,255,255,0.54),
    1426px 1960px rgba(255,255,255,0.82),
    1604px 1138px rgba(255,255,255,0.78),
    996px 317px rgba(255,255,255,0.47),
    445px 1983px rgba(255,255,255,0.39),
    1506px 1110px rgba(255,255,255,0.39),
    642px 117px rgba(255,255,255,0.38),
    976px 1029px rgba(255,255,255,0.95),
    1087px 322px rgba(255,255,255,0.39),
    1040px 164px rgba(255,255,255,0.9),
    140px 1218px rgba(255,255,255,0.39),
    1765px 481px rgba(255,255,255,0.61),
    1928px 1823px rgba(255,255,255,0.72),
    1185px 1217px rgba(255,255,255,0.38),
    167px 858px rgba(255,255,255,0.78);
  animation: starDrift 140s linear infinite;
  opacity:0.9;
}
.star-layer-2{
  width:2px; height:2px; border-radius:50%;
  box-shadow: 1157px 1070px rgba(255,255,255,0.56),
    534px 418px rgba(255,255,255,0.79),
    643px 488px rgba(255,255,255,0.52),
    268px 1375px rgba(255,255,255,0.77),
    936px 647px rgba(255,255,255,0.95),
    1916px 148px rgba(255,255,255,0.36),
    1272px 1153px rgba(255,255,255,1.0),
    150px 1101px rgba(255,255,255,0.49),
    543px 271px rgba(255,255,255,0.96),
    1804px 140px rgba(255,255,255,0.92),
    756px 583px rgba(255,255,255,0.45),
    1707px 1112px rgba(255,255,255,0.81),
    1252px 1652px rgba(255,255,255,0.78),
    16px 1367px rgba(255,255,255,0.88),
    613px 1908px rgba(255,255,255,0.78),
    1922px 1798px rgba(255,255,255,0.44),
    236px 1822px rgba(255,255,255,0.42),
    1133px 318px rgba(255,255,255,0.53),
    1238px 431px rgba(255,255,255,0.82),
    416px 1407px rgba(255,255,255,0.76),
    540px 1035px rgba(255,255,255,0.67),
    1854px 1859px rgba(255,255,255,0.9),
    189px 1299px rgba(255,255,255,0.63),
    566px 90px rgba(255,255,255,0.35),
    1579px 267px rgba(255,255,255,0.76),
    536px 330px rgba(255,255,255,0.83),
    1129px 1445px rgba(255,255,255,0.63),
    19px 229px rgba(255,255,255,0.4),
    1808px 1415px rgba(255,255,255,0.94),
    1117px 73px rgba(255,255,255,0.89),
    1192px 1131px rgba(255,255,255,0.45),
    261px 85px rgba(255,255,255,0.55),
    1841px 1910px rgba(255,255,255,0.87),
    1762px 81px rgba(255,255,255,0.93),
    430px 1396px rgba(255,255,255,0.51),
    210px 724px rgba(255,255,255,0.86),
    1810px 1791px rgba(255,255,255,0.61),
    1271px 1534px rgba(255,255,255,0.45),
    1904px 484px rgba(255,255,255,0.91),
    1999px 1638px rgba(255,255,255,0.88),
    1805px 844px rgba(255,255,255,0.37),
    1508px 1893px rgba(255,255,255,0.57),
    1906px 843px rgba(255,255,255,0.87),
    1769px 1505px rgba(255,255,255,0.88),
    546px 326px rgba(255,255,255,0.86),
    221px 783px rgba(255,255,255,0.92),
    1758px 963px rgba(255,255,255,0.49),
    1672px 1880px rgba(255,255,255,0.65),
    625px 1680px rgba(255,255,255,0.87),
    466px 456px rgba(255,255,255,0.37),
    395px 816px rgba(255,255,255,0.56),
    1770px 142px rgba(255,255,255,0.98),
    571px 719px rgba(255,255,255,0.77),
    818px 1391px rgba(255,255,255,0.99),
    1098px 678px rgba(255,255,255,0.96),
    236px 1796px rgba(255,255,255,0.98),
    365px 1189px rgba(255,255,255,0.98),
    543px 78px rgba(255,255,255,0.42),
    889px 707px rgba(255,255,255,0.82),
    642px 893px rgba(255,255,255,0.74),
    1047px 236px rgba(255,255,255,0.6),
    1180px 389px rgba(255,255,255,0.52),
    1451px 893px rgba(255,255,255,0.35),
    1895px 1651px rgba(255,255,255,0.7),
    1473px 1925px rgba(255,255,255,0.83),
    1373px 403px rgba(255,255,255,0.59),
    143px 1943px rgba(255,255,255,0.78),
    676px 1276px rgba(255,255,255,0.55),
    1736px 255px rgba(255,255,255,0.82),
    615px 1038px rgba(255,255,255,0.55);
  animation: starDrift 220s linear infinite reverse;
  opacity:0.7;
}
.star-layer-3{
  width:3px; height:3px; border-radius:50%;
  box-shadow: 836px 668px rgba(255,255,255,0.61),
    605px 1135px rgba(255,255,255,0.43),
    861px 1361px rgba(255,255,255,0.96),
    1387px 1532px rgba(255,255,255,0.94),
    1260px 1165px rgba(255,255,255,0.55),
    1122px 1707px rgba(255,255,255,0.35),
    587px 430px rgba(255,255,255,0.63),
    1187px 1242px rgba(255,255,255,0.78),
    952px 904px rgba(255,255,255,0.64),
    437px 1046px rgba(255,255,255,0.66),
    1845px 1965px rgba(255,255,255,0.87),
    347px 1349px rgba(255,255,255,0.41),
    1055px 1359px rgba(255,255,255,0.76),
    686px 191px rgba(255,255,255,0.88),
    1538px 481px rgba(255,255,255,0.79),
    460px 1651px rgba(255,255,255,0.48),
    50px 94px rgba(255,255,255,0.51),
    973px 1251px rgba(255,255,255,0.9),
    149px 932px rgba(255,255,255,0.62),
    1289px 1178px rgba(255,255,255,0.48),
    1426px 786px rgba(255,255,255,0.67),
    499px 302px rgba(255,255,255,0.78),
    11px 1828px rgba(255,255,255,0.84),
    1577px 1813px rgba(255,255,255,0.42),
    870px 448px rgba(255,255,255,0.46),
    1961px 1425px rgba(255,255,255,0.69),
    102px 1141px rgba(255,255,255,0.51),
    1737px 248px rgba(255,255,255,0.65),
    1641px 951px rgba(255,255,255,0.78),
    1144px 1219px rgba(255,255,255,0.56),
    1546px 1825px rgba(255,255,255,0.64),
    1669px 1473px rgba(255,255,255,0.93),
    873px 1701px rgba(255,255,255,0.94),
    913px 1837px rgba(255,255,255,0.45),
    1764px 972px rgba(255,255,255,0.64),
    1539px 506px rgba(255,255,255,0.9),
    567px 1568px rgba(255,255,255,0.86),
    992px 1283px rgba(255,255,255,0.51),
    900px 158px rgba(255,255,255,0.81),
    480px 556px rgba(255,255,255,0.57);
  animation: starTwinkle 4s ease-in-out infinite alternate, starDrift 300s linear infinite;
  opacity:0.85;
}
@keyframes starDrift{
  from{ transform:translateY(0); }
  to{ transform:translateY(-1200px); }
}
@keyframes starTwinkle{
  from{ opacity:0.35; }
  to{ opacity:1; }
}
@media (prefers-reduced-motion: reduce){
  .star-layer-1, .star-layer-2, .star-layer-3{ animation:none; }
}

/* ---------- Loader ---------- */
#loader{ background:var(--bg) !important; }
#loader::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 50% 40%, rgba(139,123,255,0.25), transparent 60%);
}
.loader-bar{ background:rgba(255,255,255,0.08) !important; }
.loader-fill{ background:linear-gradient(90deg, var(--pink), var(--indigo), var(--cyan)) !important; }
.loader-status{
  margin-top:14px; font-size:0.8rem; color:var(--text3);
  font-family:'Plus Jakarta Sans',sans-serif; letter-spacing:0.02em;
  min-height:1.2em; transition:opacity 0.2s ease;
}

/* ---------- Header ---------- */
.header.scrolled{
  background:rgba(11,15,34,0.72) !important;
  box-shadow:0 1px 40px rgba(0,0,0,0.4) !important;
  border-bottom:1px solid var(--glass-border);
}
.logo{
  background:linear-gradient(135deg, var(--pink), var(--indigo) 55%, var(--cyan)) !important;
  -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 0 18px rgba(139,123,255,0.35));
}
.logo-icon{ background:linear-gradient(135deg, var(--pink), var(--indigo)) !important; box-shadow:0 0 24px rgba(139,123,255,0.5) !important; }
.nav-links a{ color:var(--text2) !important; }
.nav-links a:hover, .nav-links a.active{ color:var(--cyan) !important; background:rgba(41,224,255,0.10) !important; }
.btn-outline{ background:var(--glass-bg) !important; border-color:var(--glass-border) !important; color:var(--text) !important; backdrop-filter:blur(14px); }
.btn-outline:hover{ background:var(--glass-bg-hover) !important; border-color:var(--cyan) !important; color:var(--cyan) !important; }
.btn-primary, .btn-hero{
  background:linear-gradient(135deg, var(--pink), var(--grape) 55%, var(--indigo)) !important;
  box-shadow:0 10px 34px rgba(157,78,221,0.45) !important;
}
.btn-primary:hover, .btn-hero:hover{ box-shadow:0 16px 44px rgba(157,78,221,0.6) !important; }
.btn-hero-outline{ background:var(--glass-bg) !important; border:1px solid var(--glass-border) !important; color:var(--text) !important; }
.mobile-toggle{ background:var(--glass-bg) !important; border-color:var(--glass-border) !important; }
.mobile-toggle i{ color:var(--cyan) !important; }
.mobile-menu{ background:rgba(15,20,42,0.96) !important; border-color:var(--glass-border) !important; backdrop-filter:blur(24px); }
.mobile-menu a{ color:var(--text) !important; }
.mobile-menu a:hover{ background:rgba(41,224,255,0.10) !important; color:var(--cyan) !important; }

/* ---------- Hero ---------- */
.hero{ background:transparent !important; }
.hero-bg-img{ opacity:0.05 !important; mix-blend-mode:luminosity; }
.hero-grid{
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px) !important;
}
.orb1{ background:radial-gradient(circle, rgba(255,111,181,0.35), transparent) !important; }
.orb2{ background:radial-gradient(circle, rgba(157,78,221,0.32), transparent) !important; }
.orb3{ background:radial-gradient(circle, rgba(41,224,255,0.28), transparent) !important; }
.hero-badge{
  background:var(--glass-bg) !important; border-color:var(--glass-border) !important;
  color:var(--gold) !important; backdrop-filter:blur(14px);
}
.hero-badge .dot{ background:var(--mint) !important; box-shadow:0 0 10px var(--mint); }
h1, h2, h3, h4{ color:var(--text) !important; }
.hero-text p, .section-head p{ color:var(--text2) !important; }
.highlight{
  background:linear-gradient(135deg, var(--pink), var(--cyan)) !important;
  -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important;
}
.hero-stat .num{
  background:linear-gradient(135deg, var(--gold), var(--pink)) !important;
  -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important;
}
.hero-stat .lbl{ color:var(--text3) !important; }

/* Hero glass cards with glow-line edge (signature, curated.media inspired) */
.hero-card-main, .hero-card-float{
  background:var(--glass-bg) !important;
  border:1px solid var(--glass-border) !important;
  backdrop-filter:blur(20px) saturate(140%);
  box-shadow:var(--shadow-lg) !important;
}
.hero-card-main{ position:relative; }
.hero-card-main::before, .feature-card::before, .grade-card::before, .test-card::before,
.price-card::before, .stat-card::before, .course-card-info::before{
  content:""; position:absolute; top:0; left:12%; right:12%; height:2px;
  background:linear-gradient(90deg, transparent, var(--cyan), var(--pink), transparent);
  opacity:0.8;
}
.hero-card-header h4{ color:var(--text) !important; }
.hero-card-header p{ color:var(--text3) !important; }
.ai-avatar{ background:linear-gradient(135deg, var(--indigo), var(--cyan)) !important; }
.ai-online{ color:var(--mint) !important; }
.hero-chat-msg.ai{ background:rgba(255,255,255,0.06) !important; color:var(--text2) !important; }
.hero-chat-msg.user{ background:linear-gradient(135deg, var(--grape), var(--indigo)) !important; color:#fff !important; }

/* ---------- Trust / subjects strips ---------- */
.trust-section{ background:transparent !important; }
.trust-label{ color:var(--text3) !important; }
.trust-logo{
  background:var(--glass-bg) !important; border-color:var(--glass-border) !important; color:var(--text2) !important;
}
.subjects-banner{ background:transparent !important; }
.subj-pill{
  background:var(--glass-bg) !important; border:1px solid var(--glass-border) !important; color:var(--text2) !important;
}

/* ---------- Section heads ---------- */
.section-head .tag{
  background:var(--glass-bg) !important; color:var(--cyan) !important; border:1px solid var(--glass-border) !important;
}

/* ---------- Feature / grade / test / price / stat / course cards ---------- */
.feature-card, .grade-card, .test-card, .price-card, .stat-card, .course-card-info{
  background:var(--glass-bg) !important;
  border:1px solid var(--glass-border) !important;
  backdrop-filter:blur(16px) saturate(140%);
  box-shadow:var(--shadow) !important;
}
.feature-card h3, .grade-card h3, .test-card h4, .price-card h3{ color:var(--text) !important; }
.feature-card p, .grade-card p, .test-card p{ color:var(--text2) !important; }
.feat-icon{ background:rgba(255,255,255,0.08) !important; }
.feat-tag{ background:rgba(255,255,255,0.08) !important; }
.price-card.pro{
  border-image:linear-gradient(135deg, var(--pink), var(--cyan)) 1 !important;
  box-shadow:0 0 50px rgba(157,78,221,0.35) !important;
}
.price-amount{ color:var(--text) !important; }
.price-features li{ color:var(--text2) !important; }
.grade-emoji{ filter:drop-shadow(0 4px 14px rgba(255,111,181,0.4)); }

/* Courses horizontal scroll */
.courses-section{ background:transparent !important; }
.course-card-info{ color:var(--text) !important; }
.course-badge{ background:linear-gradient(135deg, var(--pink), var(--grape)) !important; color:#fff !important; }

/* ---------- Stats / testimonials ---------- */
.stats-section{ background:transparent !important; }
.stat-num{
  background:linear-gradient(135deg, var(--gold), var(--pink)) !important;
  -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important;
}
.testimonials{ background:transparent !important; }
.test-header h4{ color:var(--text) !important; }
.test-header p{ color:var(--text3) !important; }

/* ---------- Why / AI section / mid-cta / promo / app-banner / awards ---------- */
.why-section, .ai-section, .mid-cta-section, .promo-banner-section, .app-banner-section, .award-section, .features{
  background:transparent !important;
}
.why-point{ background:var(--glass-bg) !important; border:1px solid var(--glass-border) !important; }
.why-point-icon{ background:rgba(255,255,255,0.08) !important; }
.ai-chatbot, .chat-window{
  background:rgba(15,20,42,0.92) !important; border:1px solid var(--glass-border) !important;
  backdrop-filter:blur(20px);
}
.mid-cta{
  background:linear-gradient(135deg, rgba(157,78,221,0.25), rgba(41,224,255,0.18)) !important;
  border:1px solid var(--glass-border) !important;
}
.promo-blue{ background:linear-gradient(135deg, rgba(77,163,255,0.25), rgba(41,224,255,0.15)) !important; }
.promo-orange{ background:linear-gradient(135deg, rgba(255,209,102,0.25), rgba(255,111,181,0.15)) !important; }
.promo-purple{ background:linear-gradient(135deg, rgba(157,78,221,0.28), rgba(139,123,255,0.15)) !important; }
.award-item{ background:var(--glass-bg) !important; border:1px solid var(--glass-border) !important; }

/* ---------- Footer ---------- */
.footer{ background:#080b18 !important; border-top:1px solid var(--glass-border); }
.footer-links a{ color:var(--text3) !important; }
.footer-links a:hover{ color:var(--cyan) !important; }
.social-icon{ background:var(--glass-bg) !important; border:1px solid var(--glass-border) !important; color:var(--text2) !important; }
.social-icon:hover{ color:var(--pink) !important; border-color:var(--pink) !important; }

/* ---------- Scrollbar + selection ---------- */
::selection{ background:var(--grape); color:#fff; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:linear-gradient(var(--pink), var(--indigo)); border-radius:10px; }