/* SpinInvest – alap stílusok. A szakaszok egyedi stílusai az index.html-ben, inline vannak. */
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/inter-tight-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/inter-tight-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/inter-tight-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/inter-tight-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/manrope-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/manrope-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/manrope-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F7E4}
img,svg{max-width:100%}
a{color:#A6430A}a:hover{color:#7E3207}
:focus-visible{outline:3px solid #C2510E;outline-offset:3px;border-radius:4px}
input:focus,select:focus,textarea:focus{outline:3px solid #E8912F;outline-offset:1px}
section[id]{scroll-margin-top:16px}

@keyframes spin-slow{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-10px)}}
.spin-ring{transform-origin:50% 50%;animation:spin-slow 40s linear infinite}
.spin-ring-rev{transform-origin:50% 50%;animation:spin-slow 60s linear infinite reverse}
.float-a{animation:float 6s ease-in-out infinite}
.float-b{animation:float 7s ease-in-out 1.5s infinite}
.float-c{animation:float 8s ease-in-out 3s infinite}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .spin-ring,.spin-ring-rev,.float-a,.float-b,.float-c{animation:none}
}

/* nyelvválasztó */
.lang{position:relative}
.lang summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;color:#5A5C52;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.lang ul{position:absolute;right:0;top:calc(100% + 4px);z-index:20;margin:0;padding:6px;list-style:none;min-width:180px;background:#FCFDF5;border:1px solid #E1E5C8;border-radius:14px;box-shadow:0 12px 32px rgba(42,42,46,.14)}
.lang li a{display:flex;gap:10px;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;color:#2A2A2E;text-decoration:none;font-size:15px}
.lang li a b{width:28px;font-size:13px;letter-spacing:.06em;color:#5A5C52}
.lang li a:hover{background:#ECF0D2;color:#2A2A2E}
.lang li a[aria-current="page"]{background:#FBE9CF;font-weight:700}

/* űrlap */
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{margin:0;padding:12px 16px;border-radius:12px;font-size:15px;line-height:1.5}
.form-status.ok{background:#E3EDC8;color:#2F4210}
.form-status.err{background:#F8DCD3;color:#7A1F0C}
.form-status[hidden]{display:none}

/* adatkezelési tájékoztató oldal */
.ph{border-bottom:1px solid #E1E5C8;background:#F5F7E4}
.ph-in{max-width:1240px;margin:0 auto;padding:16px clamp(20px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
.ph-nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:Manrope,system-ui,sans-serif;font-size:15px;font-weight:600}
.ph-nav a{display:inline-flex;align-items:center;min-height:44px;color:#2A2A2E;text-decoration:none}
.ph-nav a:hover{color:#A6430A}
.adatvedelem{max-width:46rem;margin:0 auto;padding:3rem clamp(20px,4vw,48px) 5rem;font-family:Manrope,system-ui,sans-serif;font-size:1.0625rem;line-height:1.65;color:#2A2A2E}
.adatvedelem h1{font-family:'Inter Tight',system-ui,sans-serif;font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;letter-spacing:-.02em;color:#C2510E;margin:0 0 .5rem}
.adatvedelem .hataly{color:#5A5C52;font-size:.95rem;margin:0 0 2rem}
.adatvedelem .bevezeto{font-size:1.15rem;margin:0 0 2.75rem;padding-left:1.1rem;border-left:4px solid #E8912F}
.adatvedelem h2{font-family:'Inter Tight',system-ui,sans-serif;font-size:1.45rem;line-height:1.25;color:#A6430A;margin:3rem 0 1rem;padding-top:1.5rem;border-top:1px solid #E1E5C8}
.adatvedelem h3{font-family:'Inter Tight',system-ui,sans-serif;font-size:1.12rem;color:#2A2A2E;margin:2rem 0 .6rem}
.adatvedelem p{margin:0 0 1rem}
.adatvedelem ul{margin:0 0 1rem;padding-left:1.25rem}
.adatvedelem li{margin-bottom:.4rem}
.adatvedelem dl{display:grid;grid-template-columns:10rem 1fr;gap:.35rem 1.25rem;margin:0 0 1.25rem;padding:1rem 1.25rem;background:#FCFDF5;border:1px solid #E1E5C8;border-radius:14px}
.adatvedelem dt{font-weight:700}
.adatvedelem dd{margin:0}
@media (max-width:34rem){.adatvedelem dl{grid-template-columns:1fr;gap:0}.adatvedelem dd{margin-bottom:.6rem}}
.pf{background:#1E1D22;color:#B4B3A8;font-family:Manrope,system-ui,sans-serif;font-size:14px}
.pf-in{max-width:1240px;margin:0 auto;padding:28px clamp(20px,4vw,48px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.pf a{color:#F5F7E4}
