@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

.public-site {
  --dd-ink: #1c315f;
  --dd-rose: #ef456e;
  --dd-muted: #5c6d86;
  font-family: 'Hind', 'Nirmala UI', sans-serif;
  color: var(--dd-ink);
  background: radial-gradient(circle at 6% 25%, rgba(196, 219, 248, .25), transparent 28%), #f5f8fd;
}
.public-site h1, .public-site h2, .public-site h3, .public-site h4,
.public-site h5, .public-site p, .public-site a, .public-site button,
.public-site input, .public-site select, .public-site textarea { font-family: 'Hind', 'Nirmala UI', sans-serif; }
.public-site .preloader { display: none !important; }
.public-site .header { position: relative; z-index: 100; background: rgba(249, 251, 255, .98); }
.public-site .header__bottom { padding-block: 0; border-bottom: 1px solid #e4eaf4; background: transparent; }
.public-site .dd-navbar { min-height: 74px; padding-top: 5px; padding-bottom: 5px; gap: 16px; }
.public-site .dd-navbar__brand { flex-basis: 126px; max-width: 126px; }
.public-site .dd-navbar__logo { width: 94px; height: 64px; max-height: 64px; object-fit: contain; }
.public-site .mainmenu > ul > li > a { color: #213762; font-size: 1rem; font-weight: 700; }
.public-site .mainmenu > ul > li > a:hover, .public-site .mainmenu > ul > li.active > a { color: var(--dd-rose); }
.public-site .header__more .default-btn { padding: 11px 19px; border-radius: 11px; background: var(--dd-rose); box-shadow: 0 8px 18px rgba(239, 69, 110, .18); }
.public-site .footer-modern { margin-top: 0; padding: 56px 0 24px; border-radius: 30px 30px 0 0; background: radial-gradient(circle at 12% 12%, rgba(239,69,110,.16), transparent 28%), linear-gradient(130deg, #15254d, #29365f); font-family: 'Hind', 'Nirmala UI', sans-serif; }
.public-site .footer-modern::before { background: linear-gradient(90deg, #ef456e, #ffaf76, #7bd0e7); }
.public-site .footer-modern h4, .public-site .footer-modern a { font-family: 'Hind', 'Nirmala UI', sans-serif; }
.public-site .footer-modern a:hover { color: #ffafc3; }

.home-refresh .managed-hero__slider { padding: 42px 0 54px; }
.home-refresh .managed-hero__copy { position: relative; padding: 24px 0; }
.home-refresh .managed-hero__copy::before { content: ''; position: absolute; top: -23px; left: -22px; width: 100px; height: 100px; border: 1px solid rgba(239,69,110,.16); border-radius: 50%; pointer-events: none; }
.home-refresh .managed-hero__copy h1, .home-refresh .default-hero .banner__title h2 { max-width: 650px; font-size: clamp(2.45rem, 4.5vw, 4.6rem); line-height: 1.17; letter-spacing: -.02em; }
.home-refresh .managed-hero__copy p, .home-refresh .default-hero .banner__title p { font-size: clamp(1.07rem, 1.4vw, 1.3rem); line-height: 1.65; }
.home-refresh .managed-hero__visual img { width: 100%; height: clamp(350px, 35vw, 490px); border: 8px solid rgba(255,255,255,.84); border-radius: 160px 32px 160px 32px; box-shadow: 0 30px 70px rgba(30,50,90,.2); }
.home-refresh .managed-hero__visual { position: relative; }
.home-refresh .managed-hero__visual::before { content: ''; position: absolute; z-index: -1; inset: 24px -20px -18px 30px; border: 2px solid rgba(239,69,110,.22); border-radius: 160px 32px 160px 32px; }
.home-refresh .default-hero { background: radial-gradient(circle at 90% 20%, #f9dce8 0%, transparent 42%), linear-gradient(120deg, #e8f2ff 0%, #fff4f6 100%); }
.home-refresh .default-hero-strip { padding: 20px 0 30px; background: #f5f8fd; }
.home-refresh .default-hero-strip__item { border-radius: 18px; background: linear-gradient(145deg, #fff, #f5f9ff); }
.home-refresh .home-discover__inner { border-color: #dce6f3; background: radial-gradient(circle at 92% 12%, rgba(239,69,110,.1), transparent 30%), #fff; }
.home-refresh .default-emotion-spotlight, .home-refresh .campaign-promos { background: linear-gradient(160deg, #eaf3fc, #fff2f6); }
.home-refresh .default-emotion-card { border: 1px solid #e4e9f2; background: linear-gradient(150deg, #fff, #fff8f9); box-shadow: 0 16px 36px rgba(31,48,90,.07); }
.home-refresh .default-emotion-card:hover { transform: translateY(-5px); box-shadow: 0 24px 46px rgba(31,48,90,.12); }
.home-refresh #stories-section { background-image: none !important; background: radial-gradient(circle at 5% 25%, rgba(255,192,205,.22), transparent 30%), #f5f8fd; }
.home-refresh #stories-section .story-card { border: 1px solid #e4eaf3; border-radius: 23px; box-shadow: 0 14px 32px rgba(31,48,90,.08); }
.home-refresh #stories-section .story-card__image { aspect-ratio: 1.8; }
.home-refresh #stories-section .story-card__body { padding: 22px; }
.home-refresh .member--style2 { background: linear-gradient(155deg, #f5f8fd, #eef5ff); }
.home-refresh .member__inner { border-radius: 20px; box-shadow: 0 12px 30px rgba(31,48,90,.06); }
.home-refresh .wow { visibility: visible !important; animation-name: none !important; }

.public-site .dd-pageheader { padding: 26px 0; background: linear-gradient(110deg, #eaf3ff, #fff0f5); }
.public-site .story-details-page { padding-top: 32px; padding-bottom: 70px; background: radial-gradient(circle at 96% 8%, rgba(255,191,212,.22), transparent 34%), #f5f8fd; }
.public-site .story-details-page .blog__inner { overflow: hidden; border: 1px solid #e2e9f3; border-radius: 24px; background: #fff; box-shadow: 0 22px 52px rgba(26,49,92,.08); }
.public-site .story-details-page .blog__thumb { max-height: 420px; border-radius: 0; }
.public-site .story-details-page .blog__thumb img { width: 100%; height: min(38vw, 420px); min-height: 220px; object-fit: cover; }
.public-site .story-details-page .blog__content { padding: clamp(22px, 3.2vw, 45px); }
.public-site .story-details-page .blog__content h1 { color: var(--dd-ink); font-size: clamp(1.85rem, 3.1vw, 3rem); line-height: 1.35; }
.public-site .story-details-page .blog__content > p { color: #374765; font-size: 1.07rem; line-height: 1.9; }
.public-site .story-details-page .widget { overflow: hidden; border: 1px solid #e2e9f3; border-radius: 19px; background: #fff; box-shadow: 0 12px 28px rgba(26,49,92,.055); }
.public-site .story-rating-panel { margin-top: 36px; padding: 24px; border: 1px solid #f1dce6; border-radius: 18px; background: #fff7fa; }
.story-community-actions { margin: 20px 0; padding: 16px; border: 1px solid #f0dce5; border-radius: 16px; background: #fff8fa; }
.story-community-button { display: inline-block; padding: 9px 15px; border: 0; border-radius: 9px; background: #ed416e; color: #fff; font-weight: 700; }
.story-community-button:hover, .story-community-button:focus { color: #fff; background: #c92f59; }
.story-community-link { display: inline-block; margin-left: 12px; }
.story-report { margin-top: 12px; }
.story-report summary { cursor: pointer; color: #9e3555; font-weight: 700; }
.story-report label, .story-report select, .story-report textarea { display: block; width: 100%; margin-top: 8px; }
.story-report select, .story-report textarea { padding: 9px; border: 1px solid #d7dce9; border-radius: 8px; background: #fff; }
.story-report .story-community-button { margin-top: 10px; }
.story-community-message { display: block; margin-top: 8px; color: #213366; }
.public-site .browse-search { max-width: none; margin: 0 0 20px; padding: 17px 22px; border-radius: 20px; background: rgba(255,255,255,.88); }
.public-site .browse-page .story-card { animation: dd-rise .5s ease both; }

.member-access.public-site .login-page { background: radial-gradient(circle at 6% 12%, rgba(178,210,249,.58), transparent 36%), radial-gradient(circle at 90% 90%, rgba(247,184,205,.38), transparent 42%), #f4f8ff; }
.member-access.public-site .login-page .log-reg-inner { border: 1px solid #e1e8f4; box-shadow: 0 24px 56px rgba(26,49,92,.12); }
.member-access.public-site .login-page .my-form-control { border-radius: 12px; }

@keyframes dd-rise { from { opacity: .7; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 991.98px) {
  .public-site .dd-navbar__brand { flex-basis: 92px; max-width: 92px; }
  .public-site .dd-navbar__logo { width: 76px; height: 56px; max-height: 56px; }
  .public-site .dd-navbar { min-height: 65px; }
  .public-site .navbar-collapse { padding: 12px 16px 20px; border-radius: 0 0 18px 18px; background: #fff; box-shadow: 0 16px 28px rgba(20,40,80,.12); }
  .home-refresh .managed-hero__visual img { height: 390px; }
}
@media (max-width: 767.98px) {
  .home-refresh .managed-hero__slider { padding: 22px 0 38px; }
  .home-refresh .managed-hero__copy { padding: 12px 0 0; }
  .home-refresh .managed-hero__visual img { height: 310px; border-radius: 90px 22px 90px 22px; }
  .home-refresh .managed-hero__visual::before { border-radius: 90px 22px 90px 22px; }
  .public-site .story-details-page .blog__thumb img { height: 260px; min-height: 0; }
  .public-site .story-details-page .blog__content { padding: 22px; }
  .public-site .footer-modern { padding-top: 43px; border-radius: 24px 24px 0 0; }
}
@media (prefers-reduced-motion: reduce) { .public-site .browse-page .story-card { animation: none; } }