@charset "utf-8";
*, ::before, ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
html, body { overflow-x: hidden; }
body { font-family: Merriweather, serif; background: rgb(255, 255, 255); color: rgb(0, 0, 0); line-height: 1.4; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
.banner { position: sticky; top: 0px; z-index: 100; background: rgb(24, 23, 22); width: 100%; }
.banner-inner { width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px 88px; }
.banner-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0px 20px; height: 70px; }
.logo-wrap { display: flex; align-items: center; flex-shrink: 0; }
.logo-link { display: flex; align-items: center; text-decoration: none; }
.forbes-logo { font-family: Merriweather, serif; font-weight: 700; font-size: 22px; color: rgb(255, 255, 255); letter-spacing: 1px; font-style: italic; }
.forbes-logo-footer { font-family: Merriweather, serif; font-weight: 700; font-size: 28px; color: rgb(160, 160, 160); letter-spacing: 1px; font-style: italic; }
.forbes-logo-small { font-family: Merriweather, serif; font-weight: 700; font-size: 14px; color: rgb(160, 160, 160); letter-spacing: 1px; font-style: italic; }
.main-nav { display: flex; flex-direction: row; align-items: center; gap: 16px; flex: 1 1 0%; justify-content: flex-end; }
.nav-list { display: flex; flex-direction: row; align-items: center; gap: 0px; }
.nav-item { display: flex; align-items: center; justify-content: center; height: 70px; padding: 0px 10px; }
.nav-link { display: flex; align-items: center; height: 70px; font-family: "Work Sans", sans-serif; font-size: 14px; font-weight: 600; color: rgb(252, 252, 252); white-space: nowrap; text-transform: uppercase; transition: opacity 0.2s; }
.nav-link:hover { opacity: 0.8; }
.nav-link--multiline { line-height: 1.2; text-align: left; }
.search-icon { display: flex; align-items: center; cursor: pointer; transition: opacity 0.2s; }
.search-icon:hover { opacity: 0.8; }
.hamburger { display: none; flex-direction: column; gap: 4px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 4px; }
.hamburger span { display: block; width: 24px; height: 2px; background: rgb(252, 252, 252); transition: 0.3s; }
.mobile-nav { display: none; background: rgb(24, 23, 22); width: 100%; }
.mobile-nav.is-open { display: block; }
.mobile-nav-list { padding: 16px 20px; }
.mobile-nav-list li a { display: block; padding: 10px 0px; font-family: "Work Sans", sans-serif; font-size: 16px; font-weight: 600; color: rgb(252, 252, 252); border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: opacity 0.2s; }
.mobile-nav-list li a:hover { opacity: 0.8; }
.home { width: 100%; background: rgb(255, 255, 255); }
.content-wrapper { display: flex; flex-direction: row; justify-content: center; gap: 10px; width: 100%; max-width: 1200px; margin: 0px auto; padding: 40px 88px 80px; }
.main-column { display: flex; flex-direction: column; gap: 42px; width: 824px; flex-shrink: 0; }
.article-header { display: flex; flex-direction: column; gap: 16px; }
.article-title { font-family: Merriweather, serif; font-size: 42px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); }
.article-meta { display: flex; flex-direction: row; align-items: center; gap: 10px; height: 42px; }
.article-category { font-family: "Work Sans", sans-serif; font-size: 16px; font-weight: 600; color: rgb(51, 65, 135); }
.meta-dot { width: 4px; height: 4px; background: rgb(217, 217, 217); border-radius: 50%; flex-shrink: 0; }
.author-avatar { width: 40px; height: 40px; border-radius: 50%; border: 1px solid white; overflow: hidden; flex-shrink: 0; }
.avatar-placeholder { width: 40px; height: 40px; background: rgb(232, 232, 232); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; }
.author-name { font-family: "Work Sans", sans-serif; font-size: 16px; color: rgb(24, 23, 22); }
.article-date { font-family: "Work Sans", sans-serif; font-size: 16px; color: rgb(146, 146, 146); }
.article-intro { display: flex; flex-direction: column; gap: 16px; }
.article-intro p { font-family: Merriweather, serif; font-size: 20px; line-height: 1.4; color: rgb(0, 0, 0); }
.featured-image { width: 100%; max-width: 824px; height: auto; object-fit: cover; border-radius: 6px; }
.article-section { display: flex; flex-direction: column; gap: 16px; }
.section-heading { font-family: Merriweather, serif; font-size: 32px; font-weight: 700; line-height: 1.4; color: rgb(0, 0, 0); }
.section-body { display: flex; flex-direction: column; gap: 16px; }
.section-body p, .article-quote p { font-family: Merriweather, serif; font-size: 20px; line-height: 1.4; color: rgb(0, 0, 0); }
.article-quote { display: flex; flex-direction: column; gap: 16px; }
.earnings-image-placeholder { width: 100%; max-width: 824px; height: 454px; background: rgb(121, 121, 121); }
.article-image-full { width: 100%; max-width: 824px; height: auto; object-fit: cover; }
.editorial-note { background: rgb(255, 242, 242); padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.editorial-note__title { font-family: Merriweather, serif; font-size: 24px; font-weight: 500; line-height: 1.4; color: rgb(255, 29, 29); }
.editorial-note__body { display: flex; flex-direction: column; gap: 16px; }
.editorial-note__body p { font-family: Merriweather, serif; font-size: 20px; font-weight: 500; line-height: 1.4; color: rgb(255, 29, 29); }
.how-to-join { background: rgb(237, 247, 255); padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.how-to-join__title { font-family: Merriweather, serif; font-size: 32px; font-weight: 700; line-height: 1.4; color: rgb(0, 0, 0); }
.how-to-join__subtitle { font-family: Merriweather, serif; font-size: 20px; line-height: 1.4; color: rgb(0, 0, 0); }
.steps { display: flex; flex-direction: column; gap: 16px; }
.step { display: flex; flex-direction: row; align-items: center; gap: 16px; }
.step-number { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 38px; height: 38px; min-width: 38px; background: rgb(51, 133, 193); border-radius: 999px; font-family: Merriweather, serif; font-size: 20px; font-weight: 900; color: rgb(255, 255, 255); line-height: 1; }
.step-text { font-family: Merriweather, serif; font-size: 20px; line-height: 1.4; color: rgb(0, 0, 0); }
.reg-form-wrap { display: flex; justify-content: center; align-items: center; }
.reg-form-card { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; padding: 32px; width: 624px; background: rgb(255, 255, 255); border-radius: 16px; border: 1px solid rgb(233, 233, 233); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 23px, rgba(0, 0, 0, 0.07) 0px 42px 42px, rgba(0, 0, 0, 0.04) 0px 93px 56px, rgba(0, 0, 0, 0.01) 0px 166px 66px, rgba(0, 0, 0, 0.01) 0px 260px 73px; }
.reg-form-card__title { font-family: Merriweather, serif; font-size: 28px; font-weight: 700; line-height: 1.4; text-align: center; color: rgb(0, 0, 0); }
.reg-form { display: flex; flex-direction: column; gap: 32px; width: 100%; align-items: center; }
.form-fields { display: flex; flex-direction: column; gap: 12px; width: 560px; }
.form-field { width: 100%; }
.form-input { display: block; width: 100%; height: 58px; padding: 20px; border: 1px solid rgb(223, 223, 223); border-radius: 12px; background: transparent; font-family: Merriweather, serif; font-size: 15px; line-height: 1.26; color: rgb(105, 105, 105); outline: none; transition: border-color 0.2s; }
.form-input::placeholder { color: rgb(105, 105, 105); }
.form-input:focus { border-color: rgb(51, 133, 193); }
.form-submit { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 560px; height: 58px; background: rgb(65, 103, 178); border-radius: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: Merriweather, serif; font-size: 18px; font-weight: 700; line-height: 1.26; color: rgb(255, 255, 255); letter-spacing: 0.5px; transition: background 0.2s, transform 0.1s; }
.form-submit:hover { background: rgb(53, 88, 163); }
.form-submit:active { transform: scale(0.98); }
.comments-section { display: flex; flex-direction: column; gap: 24px; }
.comments-header { display: flex; flex-direction: row; align-items: center; padding: 12px 24px; background: rgb(65, 103, 178); width: 100%; }
.comments-title { font-family: Merriweather, serif; font-size: 20px; font-weight: 700; line-height: 1.26; color: rgb(255, 255, 255); }
.comment-input-wrap { display: flex; flex-direction: column; gap: 12px; padding: 0px; }
.comment-input-row { display: flex; flex-direction: row; align-items: center; gap: 6px; padding: 0px 24px; }
.comment-avatar-placeholder { width: 38px; height: 38px; min-width: 38px; background: rgb(153, 153, 153); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.comment-text-input { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 12px 24px; background: rgb(242, 243, 245); border-radius: 32px; flex: 1 1 0%; cursor: text; }
.comment-placeholder { font-family: Merriweather, serif; font-size: 14px; font-weight: 700; line-height: 1.26; color: rgb(109, 109, 109); }
.comment-submit-row { display: flex; flex-direction: row; justify-content: flex-end; padding: 0px 24px; }
.comment-submit-btn { font-family: Merriweather, serif; font-size: 14px; font-weight: 700; line-height: 1.26; color: rgb(65, 103, 178); cursor: pointer; transition: opacity 0.2s; }
.comment-submit-btn:hover { opacity: 0.8; }
.comments-list { display: flex; flex-direction: column; gap: 16px; padding-bottom: 24px; }
.comment { display: flex; flex-direction: row; gap: 12px; padding: 0px 24px; }
.comment-avatar { width: 32px; height: 32px; min-width: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.comment-body { display: flex; flex-direction: column; gap: 6px; flex: 1 1 0%; }
.comment-bubble { display: flex; flex-direction: column; gap: 4px; padding: 12px; background: rgb(242, 243, 245); border-radius: 32px; }
.comment-author { font-family: Merriweather, serif; font-size: 16px; font-weight: 700; line-height: 1.26; color: rgb(65, 103, 178); display: block; }
.comment-text { font-family: Merriweather, serif; font-size: 16px; line-height: 1.26; color: rgb(33, 33, 33); }
.comment-meta { font-family: Merriweather, serif; font-size: 14px; line-height: 1.26; color: rgb(109, 109, 109); }
.load-more-wrap { display: flex; justify-content: flex-start; padding: 0px 24px; }
.load-more-btn { font-family: Merriweather, serif; font-size: 14px; font-weight: 700; line-height: 1.26; color: rgb(65, 103, 178); cursor: pointer; transition: opacity 0.2s; }
.load-more-btn:hover { opacity: 0.8; }
.site-footer { width: 100%; background: rgb(255, 255, 255); border-top: 1px solid rgb(24, 23, 22); }
.footer-top { width: 100%; }
.footer-top-inner { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 40px 48px; width: 100%; max-width: 1024px; margin: 0px auto; }
.footer-logo { display: flex; align-items: center; }
.footer-social { display: flex; flex-direction: row; align-items: center; gap: 32px; }
.social-icon { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; transition: opacity 0.2s; }
.social-icon:hover { opacity: 0.7; }
.footer-dark { width: 100%; background: rgb(24, 23, 22); }
.footer-dark-inner { display: flex; flex-direction: row; align-items: flex-start; gap: 56px; padding: 28px 48px; width: 100%; max-width: 1024px; margin: 0px auto; }
.footer-nav-col { display: flex; flex-direction: column; }
.footer-nav-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 60px; }
.footer-nav-list li { margin-bottom: 0px; }
.footer-nav-list--light li a { font-family: "Work Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5; color: rgb(252, 252, 252); transition: opacity 0.2s; text-transform: uppercase; }
.footer-nav-list--light li a:hover { opacity: 0.8; }
.footer-nav-list--muted li a { font-family: "Work Sans", sans-serif; font-size: 16px; line-height: 1.5; color: rgb(160, 160, 160); transition: opacity 0.2s; }
.footer-nav-list--muted li a:hover { opacity: 0.8; }
.footer-bottom { width: 100%; background: rgb(255, 255, 255); }
.footer-bottom-inner { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px 48px; width: 100%; max-width: 1024px; margin: 0px auto; gap: 16px; }
.footer-bottom-logos { display: flex; flex-direction: row; align-items: center; gap: 16px; flex-shrink: 0; }
.nova-logo { font-family: "Work Sans", sans-serif; font-size: 14px; font-weight: 600; color: rgb(160, 160, 160); text-transform: uppercase; letter-spacing: 1px; }
.footer-copyright { flex: 1 1 0%; }
.footer-copyright p { font-family: "Work Sans", sans-serif; font-size: 14px; line-height: 1.43; text-align: center; color: rgb(124, 124, 124); }
@media (max-width: 1100px) {
  .banner-inner { padding: 0px 20px; }
  .content-wrapper { padding: 0px 20px; }
  .main-column { width: 100%; }
  .footer-top, .footer-dark, .footer-bottom { padding: 0px 20px; }
  .footer-top-inner, .footer-dark-inner, .footer-bottom-inner { max-width: 100%; padding: 28px 20px; }
}
@media (max-width: 900px) {
  .nav-list { display: none; }
  .search-icon { display: none; }
  .hamburger { display: flex; }
  .article-title { font-size: 32px; }
  .section-heading { font-size: 24px; }
  .reg-form-card { width: 100%; }
  .form-fields { width: 100%; }
  .form-submit { width: 100%; }
}
@media (max-width: 600px) {
  .banner { height: 56px; }
  .banner-inner { padding: 0px; }
  .banner-container { padding: 0px 12px; height: 56px; justify-content: space-between; }
  .main-nav { display: none; }
  .hamburger { display: flex; }
  .home { padding: 24px 0px 40px; }
  .content-wrapper { padding: 0px 16px; }
  .main-column { width: 100%; gap: 32px; }
  .article-title { font-size: 28px; line-height: 1.2; }
  .section-heading { font-size: 22px; }
  .how-to-join__title { font-size: 26px; }
  .article-intro p, .section-body p, .article-quote p, .step-text, .how-to-join__subtitle, .editorial-note__body p { font-size: 17px; }
  .article-meta { flex-wrap: wrap; height: auto; gap: 8px; }
  .earnings-image-placeholder { height: 239px; }
  .reg-form-card { width: 100%; padding: 24px 16px; }
  .reg-form-card__title { font-size: 22px; }
  .form-fields { width: 100%; }
  .form-submit { width: 100%; }
  .comment { padding: 0px 8px; }
  .comments-header { padding: 12px 16px; }
  .comment-input-row { padding: 0px 8px; }
  .comment-submit-row { padding: 0px 8px; }
  .footer-top { padding: 0px 12px; }
  .footer-top-inner { flex-direction: column; align-items: center; gap: 20px; padding: 24px 12px; }
  .footer-dark { padding: 0px; }
  .footer-dark-inner { flex-direction: column; align-items: center; padding: 24px 12px; gap: 20px; }
  .footer-nav-list--light li a, .footer-nav-list--muted li a { text-align: center; }
  .footer-nav-col { align-items: center; }
  .footer-bottom { padding: 0px 12px; }
  .footer-bottom-inner { flex-direction: column; align-items: center; padding: 20px 12px; gap: 16px; }
  .footer-copyright p { text-align: center; font-size: 12px; }
}
html { scroll-behavior: smooth; }
.link { color: rgb(51, 133, 193); font-weight: 800; transition: 0.2s linear; }
@media (hover: hover) {
  .link:hover { color: rgb(0, 160, 21); }
}
@media (hover: none) {
  .link:active { scale: 1.03; }
}
* { scroll-behavior: smooth; scroll-padding-top: 20px; }