*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black: #ffffff;
  --white: #0a0a0a;
  --g200: #2a2a2a;
  --g400: #777777;
  --g600: #aaaaaa;
  --font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --nav-h: 52px;
}
html { scroll-behavior: smooth; }
body {
  font-family: var(--font);
  background: var(--white);
  color: var(--black);
  -webkit-font-smoothing: antialiased;
}

nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  background: var(--white);
  border-bottom: 1px solid var(--g200);
  z-index: 200;
  transition: background 0.25s, border-color 0.25s;
}
nav.menu-open {
  background: transparent;
  border-color: transparent;
}
.nav-logo {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--black);
}

.nav-actions { display:flex; align-items:center; gap:14px; }
.profile-link { width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:var(--black); text-decoration:none; }
.profile-link svg { width:21px; height:21px; display:block; }
.profile-link:hover { opacity:.5; }

.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  width: 32px;
  height: 32px;
  z-index: 300;
  position: relative;
}
.hamburger span {
  display: block;
  width: 20px;
  height: 1px;
  background: var(--black);
  transition: all 0.2s ease;
  transform-origin: center;
}
.hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }






@media (max-width: 640px) {

}

/* PAGE */
.page {
  margin-top: var(--nav-h);
  padding-bottom: 80px;
}

.hero-title {
  text-align: center;
  padding: 0 28px 64px;
}
.hero-title h1 {
  font-size: clamp(52px, 9vw, 120px);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

.content {
  padding: 0 48px;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.intro {
  font-size: 13px;
  line-height: 1.9;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--black);
  margin-bottom: 48px;
}

.section {
  margin-bottom: 36px;
}

.section h2 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 8px;
}

.section p {
  font-size: 13px;
  line-height: 1.9;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--black);
}

footer {
  padding: 32px 28px;
  border-top: 1px solid var(--g200);
  margin-top: 64px;
  text-align: center;
}
footer p { font-size: 11px; color: var(--g400); letter-spacing: 0.04em; }
footer a { color: var(--g600); text-decoration: none; }
footer a:hover { color: var(--black); }
.footer-links { display: flex; gap: 20px; list-style: none; }
.footer-links a { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }

@media (max-width: 640px) {
  nav { padding: 0 16px; }
  .content { padding: 0 20px; }
  footer { padding: 24px 16px; }
}








@media (max-width: 640px) {

}

.drawer {
  position: fixed;
  top: var(--nav-h);
  right: 0;
  width: 220px;
  background: var(--white);
  border-left: 1px solid var(--g200);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 199;
  transform: translateX(100%);
  transition: transform 0.22s ease;
}
.drawer.open { transform: translateX(0); }
.drawer a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--black);
  transition: opacity 0.12s;
}
.drawer a:hover { opacity: 0.5; }
.drawer a.active-page {
  text-decoration: underline;
  text-underline-offset: 4px;
}


/* Privacy & cookie consent */
.consent-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:10000;max-width:620px;margin:auto;background:#111;color:#fff;border:1px solid #333;border-radius:16px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.35);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}.consent-banner[hidden],.consent-modal[hidden]{display:none!important}.consent-banner h2,.consent-modal h2{font-size:16px;font-weight:500;margin:0 0 8px}.consent-banner p,.consent-modal p{font-size:12px;line-height:1.55;color:#aaa;margin:0}.consent-banner a,.consent-modal a{color:#fff;text-underline-offset:3px}.consent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.consent-btn{appearance:none;border:1px solid #444;background:transparent;color:#fff;border-radius:999px;padding:10px 15px;font:inherit;font-size:12px;cursor:pointer}.consent-btn.primary{background:#fff;color:#111;border-color:#fff}.consent-btn:hover{opacity:.82}.consent-modal{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;padding:20px}.consent-panel{width:100%;max-width:520px;background:#111;color:#fff;border:1px solid #333;border-radius:16px;padding:22px}.consent-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #2a2a2a}.consent-row:first-of-type{margin-top:18px}.consent-row strong{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.consent-row span{font-size:11px;color:#888;line-height:1.4}.consent-toggle{width:38px;height:22px;accent-color:#fff}.cookie-settings-link{cursor:pointer;text-decoration:underline;text-underline-offset:3px;background:none;border:0;color:inherit;font:inherit;padding:0}@media(max-width:560px){.consent-banner{left:10px;right:10px;bottom:10px}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions .primary{grid-column:1/-1}.consent-btn{width:100%}}


:root{--font:'Inter',Arial,sans-serif;--display:'Anybody','Arial Black',sans-serif;--nav-h:64px}body{font-family:var(--font)!important;background:#0a0a0a;color:#fff}.site-nav,nav{height:64px;border:0!important;padding:0 22px;background:#0a0a0a;position:fixed;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;z-index:200}.nav-logo{font-family:var(--display);font-variation-settings:'wdth' 150,'wght' 900;font-weight:900;font-size:16px;letter-spacing:-.035em;color:#fff;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:8px}.nav-icon{width:34px;height:34px;border:1px solid #2a2a2a;border-radius:9px;background:#181818;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0}.nav-icon svg{width:18px;height:18px;display:block}.nav-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}.tip{position:absolute;top:40px;left:50%;transform:translateX(-50%);background:#fff;color:#111;border-radius:5px;padding:3px 7px;font:500 10px Inter;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}.nav-icon:hover .tip{opacity:1}.hamburger{width:34px;height:34px;padding:7px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;z-index:300}.hamburger span{display:block;width:22px;height:2px;background:#fff;transition:.2s;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer{position:fixed;inset:0;width:100%;height:100vh;padding:0;background:#0a0a0a;border:0;z-index:190;opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .18s,visibility .18s}.drawer.open{opacity:1;visibility:visible}.drawer a{font-family:var(--display);font-variation-settings:'wdth' 150,'wght' 900;font-weight:900;font-size:clamp(42px,4.5vw,68px);letter-spacing:-.045em;line-height:1.5;color:#fff;text-decoration:none}.drawer a.active-page{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}.profile-popover{position:fixed;right:64px;top:58px;width:290px;padding:25px;background:#242424;border:1px solid #333;border-radius:14px;z-index:400;text-align:center;display:none;box-shadow:0 20px 60px rgba(0,0,0,.4)}.profile-popover.open{display:block}.profile-popover img,.profile-avatar-fallback{width:78px;height:78px;border-radius:50%;object-fit:cover;margin:0 auto 14px;background:#555;display:flex;align-items:center;justify-content:center;font:500 34px Inter}.profile-popover strong{display:block;font-size:18px;margin-bottom:2px}.profile-popover .mail{color:#aaa;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-popover .saved-stat{color:#aaa;font-size:13px;margin:14px 0}.profile-popover a{display:flex;width:max-content;margin:0 auto;padding:9px 15px;border-radius:9px;background:#353535;color:#fff;text-decoration:none;font-weight:600}.profile-popover a+a{margin-top:9px}.site-footer{padding:50px 20px 28px;text-align:center}.site-footer .footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:8px}.site-footer .footer-links a{font-family:var(--display);font-variation-settings:'wdth' 150,'wght' 900;font-weight:900;color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:-.02em}.site-footer p{font:11px Inter;color:#777}.site-footer p a{color:#aaa;text-decoration:none}@media(max-width:640px){.site-nav,nav{padding:0 12px}.drawer a{font-size:11vw}.profile-popover{left:12px;right:12px;top:62px;width:auto}}

.page{padding-top:0;max-width:900px!important}.hero-title h1{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;letter-spacing:-.05em!important;text-transform:uppercase}.content,.content p,.section p{font-family:Inter,Arial,sans-serif!important}.section h2{font-family:Inter,Arial,sans-serif!important;font-weight:600!important}.site-footer{margin-top:70px!important}

/* Exact supplied SVG icon set */
.icon-svg{width:18px!important;height:18px!important;object-fit:contain!important;border-radius:0!important}.hamburger{display:flex!important;align-items:center!important;justify-content:center!important;padding:6px!important}.hamburger .menu-icon{width:23px;height:23px;object-fit:contain}.hamburger .menu-close-icon{display:none}.hamburger.open .menu-open-icon{display:none}.hamburger.open .menu-close-icon{display:block}.card-more{font-size:0!important}.card-more img{width:20px;height:20px;display:block}.card-menu img{width:16px;height:16px;object-fit:contain;flex:0 0 16px}

/* Centered legal layout from supplied reference */
.page{padding:0 20px 20px;max-width:980px!important;margin:0 auto!important;text-align:center!important}.hero-title{text-align:center!important;margin:0 auto 72px!important}.hero-title h1{white-space:nowrap;margin:0!important}.content{max-width:760px!important;margin:0 auto!important;text-align:center!important}.content .intro,.section,.section p,.section h2{text-align:center!important}.content .intro{font-size:16px!important;line-height:1.22!important;margin:0 auto 24px!important}.section{margin:0 auto 24px!important}.section h2{font-size:16px!important;line-height:1.2!important;margin:0 0 18px!important}.section p{font-size:16px!important;line-height:1.22!important;margin:0 auto!important}.site-footer{margin-top:70px!important}@media(max-width:700px){.page{padding-top:0}.hero-title{margin-bottom:48px!important}.hero-title h1{white-space:normal}.content .intro,.section p{font-size:14px!important}}

:root{--font:'Inter',Arial,sans-serif;--display:'Anybody','Arial Black',sans-serif}
body{font-family:var(--font)!important}
.site-footer,.site-footer p,.site-footer p a{font-family:var(--font)!important}
.site-footer .footer-links a{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important}
.page{width:100%!important;box-sizing:border-box!important;text-align:center!important}
.hero-title,.hero-title h1{width:100%!important;text-align:center!important}
.hero-title h1{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important}
.content,.content p,.content .intro,.section,.section p,.section h2{font-family:var(--font)!important;text-align:center!important}

:root{--font:'Inter',Arial,sans-serif!important;--display:'Anybody','Arial Black',sans-serif!important}
html,body,button,input,select,textarea{font-family:var(--font)!important}
body{font-family:var(--font)!important}
.nav-logo,.logo,.drawer a,.hero h1,.hero-title h1,.submit-wrap h1{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important}
/* Header icon system: same optical scale as supplied homepage reference */
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important}
.nav-icon{width:34px!important;height:34px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.nav-icon .icon-svg,#profileIcon>.icon-svg{width:18px!important;height:18px!important;object-fit:contain!important;border-radius:0!important}
#profileIcon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#profileIcon>img:not(.icon-svg){width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}
.hamburger{width:34px!important;height:34px!important;padding:6px!important;border:0!important;background:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hamburger .menu-icon{width:24px!important;height:24px!important;object-fit:contain!important}
.hamburger .menu-close-icon{display:none!important}.hamburger.open .menu-open-icon{display:none!important}.hamburger.open .menu-close-icon{display:block!important}
/* Cards: bookmark + three-dot menu, with consistent optical sizing */
.card-favorite{width:30px!important;height:30px!important;right:36px!important;top:7px!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.card-favorite img{width:20px!important;height:20px!important;object-fit:contain!important}
.card-more{width:30px!important;height:30px!important;right:7px!important;top:7px!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important}
.card-more img{width:20px!important;height:20px!important;object-fit:contain!important}
.card-menu img{width:16px!important;height:16px!important;object-fit:contain!important;flex:0 0 16px!important}
.tip{font-family:var(--font)!important}
/* Unified footer typography */
footer,.site-footer,footer p,.site-footer p,footer p a,.site-footer p a{font-family:var(--font)!important}
footer .footer-links a,.site-footer .footer-links a{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important}
/* Consent UI also uses the local UI font */
.consent-banner,.consent-modal,.consent-btn{font-family:var(--font)!important}

.page{width:100%!important;max-width:980px!important;margin:64px auto 0!important;padding:0 20px 20px;text-align:center!important}
.hero-title{width:100%!important;margin:0 auto 72px!important;text-align:center!important}
.hero-title h1{width:100%!important;margin:0!important;text-align:center!important;font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important;text-transform:uppercase!important}
.content,.content .intro,.content p,.content a,.section,.section h2,.section p{font-family:var(--font)!important;text-align:center!important}
.section h2{font-weight:700!important}
@media(max-width:700px){.page{padding-top:0}.hero-title{margin-bottom:48px!important}}

/* Main menu: three lines animate into a close X */
.hamburger{width:34px!important;height:34px!important;padding:6px!important;border:0!important;background:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important}
.hamburger span{display:block!important;width:23px!important;height:2px!important;background:#fff!important;border-radius:2px!important;transition:transform .22s ease,opacity .16s ease!important;transform-origin:center!important}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.hamburger.open span:nth-child(2){opacity:0!important;transform:scaleX(0)!important}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
/* Fullscreen menu hover: no text movement/fade; underline draws left to right */
.drawer a{position:relative!important;display:inline-block!important;text-decoration:none!important;opacity:1!important;transform:none!important;transition:none!important}
.drawer a::after{content:'';position:absolute;left:0;bottom:.18em;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}
.drawer a:hover{opacity:1!important;transform:none!important}
.drawer a:hover::after{transform:scaleX(1)}
.drawer a.active-page::after{transform:scaleX(1)}
/* Supplied SVGs are black paths; invert them for dark card/menu UI. */
.card-more img,.card-menu img,.card-favorite img{filter:none!important}
.card-more img{content:url('icons/more.svg')!important}
/* Saved bookmark uses a truly filled asset. */
.card-favorite.active img{content:url('icons/favorite-filled.svg')!important}
/* Headline alignment */
.submit-wrap h1,.hero-title h1{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.submit-wrap,.hero-title{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}

#profileIcon > img.icon-svg { filter: invert(1) !important; }

/* Requested global type rules: page headlines uppercase; all page sublines same Inter weight. */
#content-home-headline,#content-saved-headline,#content-login-headline,#content-submission-headline,#content-report-headline,#content-terms-headline,#content-privacy-headline{
  text-transform:uppercase!important;
}
#content-home-intro,#content-saved-intro,#content-login-intro,#content-submission-copy,#content-report-copy,#content-terms-intro,#content-privacy-intro{
  font-family:'Inter',Arial,sans-serif!important;
  font-weight:400!important;
}
#content-home-intro strong,#content-saved-intro strong,#content-login-intro strong,#content-submission-copy strong,#content-report-copy strong,#content-terms-intro strong,#content-privacy-intro strong{
  font-weight:inherit!important;
}

    @media (max-width: 640px) {
      .drawer {
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
      }

      .drawer a {
        max-width: calc(100vw - 32px) !important;
        font-size: clamp(30px, 9vw, 46px) !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-align: center !important;
      }
    }