/* ClubSponsor24 schermen — modern laag bovenop ds/clubsponsor24 */
body{margin:0;background:var(--surface)}
.page{min-height:100%;background:var(--surface)}
.wrapc{max-width:var(--content-max);margin:0 auto;padding:0 32px;box-sizing:border-box}
.nav2{position:relative;z-index:5;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav2--over{position:absolute;left:0;right:0;top:0;background:transparent;border-bottom:0}
.nav2--over .nlink,.nav2--over .langsw{color:#fff}
.nav2--over .cs-btn--ghost{color:#fff}
.nav2__in{display:flex;align-items:center;gap:24px;min-height:76px}
.nav2__links{display:flex;gap:4px;flex:1;margin-left:16px}
.nlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;white-space:nowrap}
.nlink:hover{background:rgba(23,33,28,.06)}
.nav2--over .nlink:hover{background:rgba(255,255,255,.14)}
.nlink.on{background:var(--green-soft);color:var(--green-strong)}
.langsw{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(23,33,28,.06);font-size:14px}
.langsw b,.langsw span{padding:6px 10px;border-radius:999px}
.langsw b{background:var(--surface-raised);color:var(--ink)}
.nav2--over .langsw{background:rgba(255,255,255,.16)}
.iconbtn{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface-raised);display:grid;place-items:center;color:var(--ink);cursor:pointer}
.iconbtn .dot{position:absolute;top:10px;right:11px;width:10px;height:10px;border-radius:50%;background:var(--spark);border:2px solid var(--surface-raised)}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:800 16px/1 var(--font-display)}
.photo{position:relative;overflow:hidden;background:var(--surface-sunken)}
.photo>img{width:100%;height:100%;object-fit:cover;display:block}
.phcap{position:absolute;right:12px;bottom:12px;display:inline-flex;gap:6px;align-items:center;background:rgba(23,33,28,.62);backdrop-filter:blur(6px);color:#fff;font:700 12px/16px var(--font-sans);padding:5px 10px;border-radius:999px}
.hero{position:relative;min-height:720px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:0 0 40px 40px}
.hero>.photo{position:absolute;inset:0;height:auto!important}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,18,.55) 0%,rgba(11,26,18,.05) 35%,rgba(11,26,18,.78) 100%);pointer-events:none}
.hero__in{position:relative;z-index:2;padding-bottom:56px}
.glass{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 24px 60px rgba(11,26,18,.28)}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-weight:700;font-size:15px;color:#fff;border:1px solid rgba(255,255,255,.28)}
.kicker i{width:8px;height:8px;border-radius:50%;background:var(--pitch);box-shadow:0 0 0 4px rgba(47,180,99,.3)}
.sec{padding:80px 0}
.sec h2,.h2{font:800 48px/50px var(--font-display);margin:0;letter-spacing:-.01em}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 14px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--spark-strong)}
.vcard{display:flex;flex-direction:column;background:var(--surface-raised);border-radius:24px;overflow:hidden;color:var(--ink);text-decoration:none;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.vcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(23,33,28,.14)}
.vcard__media{position:relative;height:200px;overflow:hidden}
.vcard__media>img{width:100%;height:100%;object-fit:cover;display:block}
.vcard__badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap}
.vcard__badges .cs-badge{box-shadow:0 2px 8px rgba(0,0,0,.12)}
.vcard__save{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ink)}
.vcard__logo{position:absolute;left:16px;bottom:-22px;width:48px;height:48px;border-radius:14px;background:var(--surface-raised);box-shadow:0 4px 14px rgba(23,33,28,.18);display:grid;place-items:center;font:800 16px/1 var(--font-display);color:var(--green-strong)}
.vcard__body{padding:30px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.vcard__title{font:800 24px/26px var(--font-display);margin:0}
.vmeta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--ink-muted);font-size:15px}
.vmeta span{display:inline-flex;align-items:center;gap:6px}
.vcard__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);gap:8px;flex-wrap:wrap}
.availpill{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--font-sans);color:var(--green-strong);background:var(--green-soft);padding:8px 12px;border-radius:999px}
.availpill i{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--green) var(--p),#C8E6D2 0)}
.bento{display:grid;gap:16px}
.tile{background:var(--surface-raised);border:1px solid var(--line);border-radius:28px;padding:28px;position:relative;overflow:hidden}
.tile--dark{background:var(--night);color:#fff;border-color:transparent}
.tile--green{background:var(--green);color:#fff;border-color:transparent}
.icoblob{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-strong)}
.tile--dark .icoblob{background:rgba(47,180,99,.18);color:var(--pitch)}
.tile--green .icoblob{background:rgba(255,255,255,.16);color:#fff}
.stat{font:800 56px/1 var(--font-display);letter-spacing:-.01em}
.foot2{background:var(--night);color:#fff;padding:56px 0;margin-top:0}
.fcol{display:flex;flex-direction:column;gap:10px}.fcol a{color:#DDE5E0;text-decoration:none}.fcol a:hover{color:#fff}
.tbl{width:100%;border-collapse:collapse;background:var(--surface-raised)}
.tbl th{text-align:left;font:700 14px/20px var(--font-sans);color:var(--ink-muted);background:var(--surface-sunken);padding:12px 16px}
.tbl td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}
.panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:24px;padding:24px}
.tabs{display:flex;gap:6px;padding:6px;background:var(--surface-sunken);border-radius:999px;width:max-content}
.tabs a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;color:var(--ink-muted);text-decoration:none;border-radius:999px}
.tabs a.on{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-card)}
.kpi{font:800 44px/1 var(--font-display)}
a.cs-chip,a.cs-btn{text-decoration:none}
.panel .cs-badge,.stack .cs-badge{align-self:flex-start}
.morebtn{width:100%;justify-content:space-between;white-space:normal;text-align:left;padding:0 8px}
.cs-btn--primary{box-shadow:0 6px 16px rgba(14,122,62,.25)}
.chipsc{display:flex;flex-wrap:wrap;gap:8px}
.chipsc .cs-chip{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(8px)}
.chipsc .cs-chip:hover{background:rgba(255,255,255,.24)}
.vcard__media{overflow:visible}
.nlink{padding:0 12px}
.nav2__links{margin-left:8px}
.ftitle{display:flex;align-items:center;gap:10px}
.ftitle svg{color:var(--green-strong)}
.panel b{overflow-wrap:anywhere}