:root{
  --em-teal:#35c7bd;
  --em-coral:#ff7f73;
  --em-yellow:#ffd966;
  --em-ink:#234;
  --em-soft:#f7fbfb;
}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--em-ink);background:linear-gradient(180deg,#f7fffe 0%,#fff7f3 100%)}
.navbar{backdrop-filter:blur(10px);background:rgba(255,255,255,.86)!important;border-bottom:1px solid rgba(0,0,0,.06)}
.brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--em-teal),var(--em-coral));display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:800;box-shadow:0 8px 20px rgba(53,199,189,.25)}
.hero{padding:96px 0 56px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-120px;top:20px;width:380px;height:380px;border-radius:50%;background:rgba(53,199,189,.16)}
.hero:after{content:"";position:absolute;left:-90px;bottom:-120px;width:280px;height:280px;border-radius:50%;background:rgba(255,127,115,.14)}
.hero-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:32px;box-shadow:0 24px 70px rgba(45,80,80,.12);position:relative;z-index:1}
.badge-soft{background:#e7fbf9;color:#168e86;border:1px solid #c7f3ef}
.btn-em{background:linear-gradient(135deg,var(--em-teal),var(--em-coral));border:0;color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(255,127,115,.25)}
.btn-em:hover{color:#fff;filter:brightness(.98);transform:translateY(-1px)}
.section-title{font-weight:850;letter-spacing:-.03em}.clip-card{border:0;border-radius:24px;overflow:hidden;box-shadow:0 14px 38px rgba(35,52,68,.10);transition:.2s;background:#fff}.clip-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(35,52,68,.15)}
.clip-thumb{aspect-ratio:9/16;object-fit:cover;background:#ddd}.clip-meta{font-size:.9rem;color:#64748b}.pill{border-radius:999px;padding:.35rem .7rem;background:#fff0ef;color:#d9574d;font-weight:700;font-size:.78rem}
.search-box{border-radius:999px;border:1px solid #dbe7e6;padding:.85rem 1.1rem}.category-chip{border:1px solid #dbe7e6;background:white;border-radius:999px;padding:.55rem 1rem;cursor:pointer}.category-chip.active{background:#234;color:white;border-color:#234}.footer{background:#1f2937;color:#d1d5db}.footer a{color:#fff}
.mock-phone{max-width:300px;border:12px solid #1f2937;border-radius:38px;box-shadow:0 22px 60px rgba(31,41,55,.25);overflow:hidden;background:#111}.mock-phone img{width:100%;display:block}
@media(max-width:767px){.hero{padding-top:76px}.display-4{font-size:2.2rem}.hero-card{border-radius:24px}.clip-thumb{aspect-ratio:16/20}}