.ugc,.ugc[data-theme=dark]{--bg:oklch(16% .028 165);--bg-glow:oklch(72% .152 163/.1);--card:oklch(20.5% .03 165);--card-2:oklch(23.5% .034 165);--line:oklch(72% .152 163/.14);--line-soft:oklch(97% .008 160/.07);--fg:oklch(97% .008 160);--muted:oklch(74% .02 160);--faint:oklch(58% .02 160);--primary:oklch(72% .152 163);--primary-fg:oklch(16% .03 165);--primary-soft:oklch(72% .152 163/.14);--accent:oklch(62% .13 190);--lime:oklch(88% .17 125);--amber:oklch(80% .12 75);--amber-soft:oklch(80% .12 75/.14);--red:oklch(68% .16 25);--red-soft:oklch(68% .16 25/.14);--shadow:0 1px 0 oklch(100% 0 0/.04) inset, 0 18px 40px -24px oklch(0% 0 0/.6);--hover:oklch(97% .008 160/.04)}.ugc[data-theme=light]{--bg:oklch(97.5% .01 160);--bg-glow:oklch(72% .152 163/.12);--card:oklch(100% 0 0);--card-2:oklch(96.5% .012 160);--line:oklch(45% .06 165/.14);--line-soft:oklch(30% .03 165/.08);--fg:oklch(22% .03 165);--muted:oklch(45% .025 165);--faint:oklch(60% .02 165);--primary:oklch(58% .14 163);--primary-fg:oklch(99% 0 0);--primary-soft:oklch(58% .14 163/.11);--accent:oklch(55% .12 190);--lime:oklch(60% .15 130);--amber:oklch(62% .13 70);--amber-soft:oklch(75% .13 75/.18);--red:oklch(58% .18 25);--red-soft:oklch(60% .18 25/.11);--shadow:0 1px 2px oklch(30% .05 165/.06), 0 18px 40px -26px oklch(30% .05 165/.3);--hover:oklch(30% .05 165/.04)}.ugc *{box-sizing:border-box}.ugc{color:var(--fg);background:var(--bg);background-image:radial-gradient(1100px 520px at 78% -12%, var(--bg-glow), transparent 70%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5}.ugc h1,.ugc h2,.ugc h3,.ugc .display{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,ui-sans-serif,sans-serif;font-weight:600}.ugc button{font:inherit;color:inherit;cursor:pointer}.ugc a{color:inherit}.ugc svg.lucide{stroke-width:1.8px;flex:none;width:18px;height:18px}.ugc .num{font-variant-numeric:tabular-nums}.ugc .mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}.ugc .wrap{max-width:1180px;margin:0 auto;padding:0 32px}.ugc .card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.ugc .btn{border:1px solid var(--line);background:var(--card-2);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 18px;font-weight:500;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.ugc .btn:hover{background:var(--hover);border-color:var(--primary-soft)}.ugc .btn:active{transform:scale(.98)}.ugc .btn.primary{background:var(--primary);color:var(--primary-fg);border-color:#0000;font-weight:600}.ugc .btn.primary:hover{filter:brightness(1.06)}.ugc .btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.ugc .btn.ghost:hover{color:var(--fg);background:var(--hover)}.ugc .btn.sm{border-radius:10px;height:34px;padding:0 12px;font-size:14px}.ugc .pill{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.ugc .pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.ugc .pill.ok{color:var(--primary);background:var(--primary-soft)}.ugc .pill.wacht{color:var(--amber);background:var(--amber-soft)}.ugc .pill.af{color:var(--red);background:var(--red-soft)}.ugc .pill.grijs{color:var(--muted);background:var(--hover)}.ugc .clay{object-fit:contain;filter:drop-shadow(0 8px 14px oklch(0% 0 0/.25));flex:none;width:56px;height:56px}.ugc .seg{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.ugc .seg button{height:32px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.ugc .seg button:hover{color:var(--fg)}.ugc .seg button.on{background:var(--card-2);color:var(--fg);box-shadow:0 1px 2px oklch(0% 0 0/.18)}.ugc .maand{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.ugc .maand button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.ugc .maand button:hover{background:var(--hover);color:var(--fg)}.ugc .maand span{text-align:center;min-width:132px;font-weight:500}.ugc .maand b{font-weight:500}.ugc .maand .kort{display:none}.ugc .skel{background:linear-gradient(90deg, var(--line-soft), var(--line), var(--line-soft));background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite skel}@keyframes skel{to{background-position:-200% 0}}.ugc .top{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklch, var(--bg) 82%, transparent);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.ugc .top .wrap{align-items:center;gap:28px;height:68px;display:flex}.ugc .logo{align-items:center;gap:12px;text-decoration:none;display:flex}.ugc .logo img{height:26px}.ugc .logo span{color:var(--primary);border:1px solid var(--primary-soft);background:var(--primary-soft);letter-spacing:.04em;border-radius:8px;padding:5px 8px;font:600 13px/1 Space Grotesk}.ugc[data-theme=light] .logo img{filter:brightness(.35)saturate(1.4)}.ugc[data-theme=dark] .logo img{filter:brightness(1.9)saturate(1.1)}.ugc .tabs{gap:4px;display:flex}.ugc .tabs a{color:var(--muted);border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.ugc .tabs a:hover{color:var(--fg);background:var(--hover)}.ugc .tabs a.on{color:var(--fg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.ugc .tabs a svg{width:16px;height:16px}.ugc .wie{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.ugc .ini{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font:600 13px/1 Space Grotesk;display:grid}.ugc .ini.sm{width:32px;height:32px;font-size:12px}.ugc [hidden]{display:none!important}.ugc .kop{align-items:center;gap:16px;padding:36px 0 24px;display:flex}.ugc .kop h1{font-size:30px}.ugc .kop .rechts{align-items:center;gap:10px;margin-left:auto;display:flex}.ugc main{padding-bottom:120px}.ugc .stapel{gap:24px;display:grid}.ugc .landing{grid-template-columns:1.08fr .92fr;grid-template-areas:"kop form""stappen form";align-items:start;column-gap:56px;padding:56px 0 40px;display:grid}.ugc .landing-kop{grid-area:kop}.ugc .landing-stappen{grid-area:stappen}.ugc .landing>form{grid-area:form}.ugc .boven>*,.ugc .onder>*,.ugc .instr>*,.ugc .uitbet>*,.ugc .linkkaart>*,.ugc .verdiend>*,.ugc .linkveld .mono{min-width:0}.ugc .skel{max-width:100%}.ugc .persoon b{white-space:nowrap}.ugc .landing h1{letter-spacing:-.035em;margin:22px 0 18px;font-size:52px;line-height:1.04}.ugc .landing h1 em{color:var(--primary);font-style:normal}.ugc .badge{background:var(--card);border:1px solid var(--line);height:32px;color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:14px;display:inline-flex}.ugc .badge b{background:var(--primary);color:var(--primary-fg);border-radius:99px;padding:5px 8px;font:600 12px/1 Space Grotesk}.ugc .lead{color:var(--muted);max-width:520px;margin:0;font-size:18px}.ugc .stappen{gap:0;max-width:520px;margin:36px 0 0;padding:0;list-style:none;display:grid}.ugc .stappen li{grid-template-columns:44px 1fr;gap:16px;padding:14px 0;display:grid;position:relative}.ugc .stappen li:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:56px;bottom:-2px;left:21px}.ugc .stappen .nr{background:var(--card);border:1px solid var(--line);width:44px;height:44px;color:var(--primary);border-radius:13px;place-items:center;display:grid}.ugc .stappen h3{margin-top:2px;font-size:17px}.ugc .stappen p{color:var(--muted);margin:2px 0 0;font-size:15px}.ugc .voorproef{background:var(--card);border:1px solid var(--line);max-width:470px;box-shadow:var(--shadow);border-radius:18px;margin-top:36px;padding:18px}.ugc .vp-link{background:var(--card-2);border:1px solid var(--line-soft);height:46px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font:500 14.5px JetBrains Mono,monospace;display:flex}.ugc .vp-link svg{width:16px;height:16px;color:var(--primary);flex:none}.ugc .vp-link b{color:var(--primary);font-weight:500}.ugc .vp-feed{margin:8px 0 0;padding:0;list-style:none}.ugc .vp-feed li{border-top:1px solid var(--line-soft);align-items:center;gap:12px;padding:11px 4px;display:flex}.ugc .vp-feed li:first-child{border-top:0}.ugc .vp-feed b{font-size:14.5px;font-weight:500;display:block}.ugc .vp-feed small{color:var(--muted);font-size:13px}.ugc .vp-feed em{color:var(--primary);margin-left:auto;font:600 15px Space Grotesk}.ugc .vp-feed .tijd{color:var(--faint);margin-left:auto;font-size:13px}.ugc .stappen-kort{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;font-size:14.5px;list-style:none;display:flex}.ugc .stappen-kort li{align-items:center;gap:8px;display:inline-flex}.ugc .stappen-kort b{width:22px;height:22px;color:var(--primary);background:var(--primary-soft);border-radius:7px;place-items:center;font:600 12px/1 Space Grotesk;display:grid}.ugc .bewijs{color:var(--muted);gap:22px;margin-top:34px;font-size:14px;display:flex}.ugc .bewijs span{align-items:center;gap:8px;display:inline-flex}.ugc .bewijs svg{color:var(--primary);width:16px;height:16px}.ugc .formkaart{padding:32px;position:relative;overflow:hidden}.ugc .formkaart h2{font-size:22px}.ugc .formkaart>p{color:var(--muted);margin:6px 0 24px}.ugc .veld{gap:7px;margin-bottom:16px;display:grid}.ugc .veld label{color:var(--muted);font-size:13px;font-weight:500}.ugc .invoer{border:1px solid var(--line);background:var(--card-2);height:46px;color:var(--fg);font:inherit;border-radius:12px;outline:none;width:100%;padding:0 14px;transition:border-color .15s,box-shadow .15s}.ugc .invoer:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.ugc .invoer::placeholder{color:var(--faint)}.ugc .invoer-at{position:relative}.ugc .invoer-at .invoer{padding-left:40px}.ugc .invoer-at svg{color:var(--faint);width:17px;height:17px;position:absolute;top:14px;left:14px}.ugc .twee{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ugc .keuze{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ugc .keuze button{border:1px solid var(--line);background:var(--card-2);height:40px;color:var(--muted);border-radius:10px;font-size:14px;transition:all .15s}.ugc .keuze button:hover{color:var(--fg)}.ugc .keuze button.on{border-color:var(--primary);color:var(--fg);background:var(--primary-soft)}.ugc .vink{color:var(--muted);align-items:flex-start;gap:10px;margin:6px 0 22px;font-size:14px;display:flex}.ugc .vink .box{background:var(--primary);width:20px;height:20px;color:var(--primary-fg);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.ugc .vink .box svg{stroke-width:3px;width:14px;height:14px}.ugc .vink a{color:var(--fg)}.ugc .formkaart .btn.primary{justify-content:center;width:100%;height:50px;font-size:16px}.ugc .klein{text-align:center;color:var(--faint);margin:14px 0 0;font-size:13px}.ugc .ingediend{text-align:center;max-width:560px;margin:max(56px,50vh - 250px) auto 0;padding:40px}.ugc .ingediend .clay{width:88px;height:88px;margin:0 auto 12px;display:block}.ugc .ingediend h1{font-size:30px}.ugc .ingediend>p{color:var(--muted);max-width:400px;margin:10px auto 26px;font-size:16px}.ugc .tijdlijn{text-align:left;border-top:1px solid var(--line-soft);grid-template-columns:1fr 1fr 1fr;gap:12px;padding-top:24px;display:grid}.ugc .tijdlijn div{color:var(--muted);gap:4px;font-size:14px;display:grid}.ugc .tijdlijn b{color:var(--fg);align-items:center;gap:8px;font-weight:500;display:flex}.ugc .tijdlijn .stip{border:2px solid var(--faint);border-radius:50%;width:10px;height:10px}.ugc .tijdlijn .stip.klaar{background:var(--primary);border-color:var(--primary)}.ugc .tijdlijn .stip.nu{border-color:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.ugc .boven{grid-template-columns:.92fr 1.08fr;gap:24px;display:grid}.ugc .verdiend{grid-template-rows:auto 1fr auto;padding:26px 28px;display:grid}.ugc .verdiend .label{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.ugc .verdiend .bedrag{letter-spacing:-.04em;margin:18px 0 10px;font:600 64px/1 Space Grotesk}.ugc .verdiend .bedrag small{color:var(--muted);vertical-align:6px;margin-right:4px;font-size:30px}.ugc .verdiend .sub{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:15px;display:flex}.ugc .verdiend .sub b{color:var(--fg);font-weight:500}.ugc .verdiend .open{border-top:1px solid var(--line-soft);color:var(--muted);align-items:center;gap:10px;margin-top:20px;padding-top:16px;font-size:14px;display:flex}.ugc .verdiend .open b{color:var(--amber);font-weight:600}.ugc .verdiend .midden{align-items:flex-end;gap:20px;display:flex}.ugc .verdiend .midden>div:first-child{flex:none}.ugc .spark{flex:1;min-width:0;height:74px;margin-bottom:6px;display:block}.ugc .linkkaart{align-content:space-between;gap:18px;padding:26px 28px;display:grid}.ugc .linkkaart .label{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.ugc .linkveld{background:var(--card-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;height:60px;padding:0 8px 0 18px;display:flex}.ugc .linkveld .mono{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;overflow:hidden}.ugc .linkveld .mono span{color:var(--faint)}.ugc .linkveld .btn.primary{height:44px}.ugc .linkkaart .acties{flex-wrap:wrap;gap:8px;display:flex}.ugc .tip{background:var(--primary-soft);color:var(--fg);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.ugc .tip svg{color:var(--primary);margin-top:1px}.ugc .kpis{grid-template-columns:repeat(3,1fr);display:grid}.ugc .kpi{padding:22px 26px}.ugc .kpi+.kpi{border-left:1px solid var(--line-soft)}.ugc .kpi .label{color:var(--muted);font-size:14px;font-weight:500}.ugc .kpi .waarde{letter-spacing:-.03em;margin:8px 0 4px;font:600 40px/1.1 Space Grotesk}.ugc .kpi .verschil{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}.ugc .kpi .verschil.op{color:var(--primary)}.ugc .kpi .verschil svg{width:14px;height:14px}.ugc .grafiek{padding:24px 26px 18px}.ugc .blokkop{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ugc .blokkop h2{font-size:18px}.ugc .blokkop .rechts{color:var(--muted);align-items:center;gap:14px;margin-left:auto;font-size:13px;display:flex}.ugc .leg{align-items:center;gap:6px;display:inline-flex}.ugc .leg i{border-radius:50%;width:8px;height:8px}.ugc .chart{width:100%;height:220px;display:block}.ugc .chart text{fill:var(--faint);font:12px DM Sans}.ugc .onder{grid-template-columns:1fr;gap:24px;display:grid}.ugc .tabel{overflow:hidden}.ugc .tabel .blokkop{margin:0;padding:22px 26px 6px}.ugc table{border-collapse:collapse;width:100%}.ugc th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:12px 26px;font-size:11.5px;font-weight:600}.ugc td{border-top:1px solid var(--line-soft);vertical-align:middle;padding:15px 26px}.ugc tbody tr{transition:background .15s}.ugc tbody tr:hover{background:var(--hover)}.ugc .r{text-align:right}.ugc .persoon{align-items:center;gap:12px;display:flex}.ugc .persoon b{font-weight:500;display:block}.ugc .persoon small,.ugc td small{color:var(--muted);font-size:13px;display:block}.ugc .leeg{text-align:center;border-top:1px solid var(--line-soft);padding:44px 26px 48px}.ugc .leeg .icoon{background:var(--primary-soft);width:52px;height:52px;color:var(--primary);border-radius:16px;place-items:center;margin:0 auto 14px;display:grid}.ugc .leeg h3{font-size:17px}.ugc .tekstlink{color:var(--primary);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.ugc .tekstlink svg{width:16px;height:16px;transition:transform .15s}.ugc .tekstlink:hover svg{transform:translate(3px)}.ugc .leeg p{color:var(--muted);max-width:340px;margin:6px auto 18px}.ugc .beginhier{padding:22px 26px}.ugc .check{margin:0;padding:0;list-style:none}.ugc .check li{border-top:1px solid var(--line-soft);align-items:center;gap:14px;padding:13px 0;display:flex}.ugc .check li:first-child{border-top:0}.ugc .check .rond{border:1.5px solid var(--line);color:#0000;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.ugc .check .rond.klaar{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.ugc .check .rond svg{stroke-width:3px;width:14px;height:14px}.ugc .check b{font-weight:500;display:block}.ugc .check small{color:var(--muted);font-size:13px}.ugc .check .btn{margin-left:auto}.ugc .voortgang{background:var(--card-2);border-radius:99px;height:6px;margin:2px 0 6px;overflow:hidden}.ugc .voortgang i{background:var(--primary);border-radius:99px;width:33%;height:100%;display:block}.ugc .zotelt{padding:22px 26px}.ugc .zotelt ol{counter-reset:s;margin:0;padding:0;list-style:none}.ugc .zotelt li{grid-template-columns:30px 1fr;gap:12px;padding:11px 0;display:grid}.ugc .zotelt li:before{counter-increment:s;content:counter(s);background:var(--card-2);width:28px;height:28px;color:var(--primary);border:1px solid var(--line);border-radius:9px;place-items:center;font:600 13px/1 Space Grotesk;display:grid}.ugc .zotelt b{font-weight:500;display:block}.ugc .zotelt small{color:var(--muted);font-size:13.5px}.ugc .instr{grid-template-columns:1.35fr 1fr;align-items:start;gap:24px;display:grid}.ugc .sectie{padding:26px 28px}.ugc .sectie h2{margin-bottom:4px;font-size:19px}.ugc .sectie>p{color:var(--muted);margin:0 0 18px}.ugc .hooks{gap:10px;display:grid}.ugc .hook{background:var(--card-2);border:1px solid var(--line-soft);border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s;display:grid}.ugc .hook:hover{border-color:var(--primary-soft)}.ugc .hook .nr{color:var(--primary);font:600 13px/1 Space Grotesk}.ugc .hook q{quotes:none;font-weight:500}.ugc .hook small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.ugc .regels{grid-template-columns:1fr 1fr;gap:0;display:grid}.ugc .regels>div{padding:4px 0}.ugc .regels>div+div{border-left:1px solid var(--line-soft);padding-left:22px}.ugc .regels h3{align-items:center;gap:8px;margin-bottom:8px;font-size:15px;display:flex}.ugc .regels ul{margin:0;padding:0;list-style:none}.ugc .regels li{color:var(--muted);gap:10px;padding:8px 0;font-size:14.5px;display:flex}.ugc .regels li svg{width:16px;height:16px;margin-top:3px}.ugc .wel svg{color:var(--primary)}.ugc .niet svg{color:var(--red)}.ugc .mappen{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ugc .map{cursor:pointer;transition:transform .2s,border-color .2s;overflow:hidden}.ugc .map:hover{border-color:var(--primary-soft);transform:translateY(-3px)}.ugc .map .beeld{aspect-ratio:16/9;background:var(--card-2);position:relative;overflow:hidden}.ugc .map .beeld img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.ugc .map:hover .beeld img{transform:scale(1.04)}.ugc .map .beeld .soort{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(12% .02 165/.72);border-radius:99px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12.5px;display:inline-flex;position:absolute;top:12px;left:12px}.ugc .map .beeld .soort svg{width:14px;height:14px}.ugc .map .tekst{align-items:center;gap:12px;padding:16px 18px 18px;display:flex}.ugc .map h3{font-size:16px}.ugc .map small{color:var(--muted);font-size:13px}.ugc .map .btn{justify-content:center;width:38px;margin-left:auto;padding:0}.ugc .beeld.vlak{background:radial-gradient(120% 90% at 50% 0%, var(--primary-soft), transparent 70%), var(--card-2);place-items:center;display:grid}.ugc .beeld.vlak>.covers,.ugc .beeld.vlak>.mock{position:absolute}.ugc .covers{justify-content:center;align-items:flex-start;display:flex;inset:12% 0 -8%}.ugc .covers img{border-radius:6px;height:86%;box-shadow:0 10px 22px oklch(0% 0 0/.35);object-fit:contain!important;width:auto!important}.ugc .covers img:first-child{height:72%;margin-top:4%;transform:rotate(-7deg)translate(22px)}.ugc .covers img:nth-child(2){z-index:1;position:relative}.ugc .covers img:nth-child(3){height:72%;margin-top:4%;transform:rotate(7deg)translate(-22px)}.ugc .map:hover .covers img{transform:none}.ugc .map:hover .covers img:first-child{transform:rotate(-9deg)translate(10px)}.ugc .map:hover .covers img:nth-child(3){transform:rotate(9deg)translate(-10px)}.ugc .logos{gap:12px;display:flex}.ugc .logos .tegel{border:1px solid var(--line);border-radius:18px;place-items:center;width:96px;height:96px;display:grid}.ugc .logos .tegel img{object-fit:contain!important;width:64px!important;height:auto!important}.ugc .logos .donker{background:oklch(20% .03 165)}.ugc .logos .licht{background:oklch(97% .01 160)}.ugc .logos .mint{background:var(--primary)}.ugc .logos .lime{background:var(--lime)}.ugc .script{background:var(--card);border:1px solid var(--line);width:78%;box-shadow:var(--shadow);border-radius:14px;padding:18px 20px}.ugc .script small{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;font:500 11.5px JetBrains Mono,monospace}.ugc .script p{letter-spacing:-.01em;margin:6px 0 8px;font:600 17px/1.3 Space Grotesk}.ugc .script span{color:var(--muted);font-size:12.5px}.ugc .mock{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;inset:16% 10% -6%;overflow:hidden}.ugc .mock-balk{border-bottom:1px solid var(--line-soft);align-items:center;gap:5px;height:24px;padding:0 10px;display:flex}.ugc .mock-balk i{background:var(--line);border-radius:50%;width:7px;height:7px}.ugc .mock-balk span{color:var(--faint);margin-left:8px;font:500 10.5px JetBrains Mono,monospace}.ugc .mock-in{flex:1;grid-template-columns:.9fr 1.1fr;gap:10px;padding:10px;display:grid}.ugc .mock-chat{flex-direction:column;gap:6px;display:flex}.ugc .mock-chat b{background:var(--primary-soft);color:var(--fg);border-radius:8px;padding:7px 8px;font-size:10.5px;font-weight:500;line-height:1.3}.ugc .mock-chat em{background:var(--line);border-radius:4px;height:7px}.ugc .mock-chat em.kort{width:60%}.ugc .mock-site{border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;gap:6px;padding:7px;display:flex}.ugc .ms-hero{background:linear-gradient(135deg, var(--primary), var(--lime));opacity:.85;border-radius:6px;flex:1}.ugc .ms-rij{grid-template-columns:repeat(3,1fr);gap:5px;height:26%;display:grid}.ugc .ms-rij i{background:var(--line);border-radius:5px}.ugc .nieuw{color:var(--lime);align-items:center;gap:6px;margin-left:6px;font-size:12.5px;font-weight:600;display:inline-flex}.ugc .uitbet{grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;display:grid}.ugc .gegevens{padding:24px 26px}.ugc .gegevens dl{gap:0;margin:0;display:grid}.ugc .gegevens dl div{border-top:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:13px 0;font-size:14.5px;display:flex}.ugc .gegevens dl div:first-child{border-top:0}.ugc .gegevens dt{color:var(--muted)}.ugc .gegevens dd{margin:0;font-weight:500}.ugc .gegevens .btn{justify-content:center;width:100%;margin-top:16px}@media (prefers-reduced-motion:reduce){.ugc *,.ugc :before{transition:none!important;animation:none!important}}@media (width<=900px){.ugc .wrap{padding:0 16px}.ugc .landing,.ugc .boven,.ugc .onder,.ugc .instr,.ugc .uitbet{grid-template-columns:1fr}.ugc .landing{grid-template-columns:minmax(0,1fr);grid-template-areas:"kop""form""stappen";row-gap:28px;padding-top:28px}.ugc .landing>*{min-width:0}.ugc .blokkop:has(.leg){flex-wrap:wrap;row-gap:8px}.ugc .blokkop:has(.leg) h2{flex-basis:100%}.ugc .blokkop:has(.leg) .rechts{margin-left:0}.ugc .stappen{margin-top:0}.ugc .logo span{display:none}.ugc .tabs{gap:0}.ugc .tabs a{padding:0 11px}.ugc .verdiend .open{align-items:flex-start}.ugc .landing h1{font-size:38px}.ugc .mappen{grid-template-columns:1fr 1fr;gap:14px}}@media (width<=560px){.ugc .mappen{grid-template-columns:1fr;gap:10px}.ugc .map{grid-template-columns:104px minmax(0,1fr);align-items:center;display:grid}.ugc .map .beeld{aspect-ratio:auto;width:104px;height:100%;min-height:78px}.ugc .map .beeld>img{position:absolute;inset:0}.ugc .map .beeld .soort{display:none}.ugc .map .tekst{padding:12px 12px 12px 14px}.ugc .map h3{font-size:15px}.ugc .map.nog .tekst{flex-direction:column;align-items:flex-start;gap:6px}.ugc .map.nog .tekst>span{margin-left:0!important}.ugc .covers{inset:12% 0 -8%}.ugc .covers img:first-child,.ugc .covers img:nth-child(3){display:none}.ugc .covers img:nth-child(2){height:100%}.ugc .logos .tegel:not(.mint){display:none}.ugc .logos .tegel{border-radius:12px;width:52px;height:52px}.ugc .logos .tegel img{width:36px!important}.ugc .script{border-radius:9px;width:70%;padding:8px 9px}.ugc .script small{font-size:8px}.ugc .script p,.ugc .script span{display:none}.ugc .script:after{content:"";background:var(--line);height:5px;box-shadow:0 10px 0 var(--line);border-radius:3px;width:90%;margin-top:6px;display:block}.ugc .script{padding-bottom:20px}.ugc .mock{border-radius:8px;inset:18% 14% -10%!important}.ugc .mock-balk{gap:3px;height:12px;padding:0 5px}.ugc .mock-balk i{width:4px;height:4px}.ugc .mock-balk span,.ugc .mock-chat{display:none}.ugc .mock-in{grid-template-columns:1fr;padding:5px}.ugc .mock-site{gap:3px;padding:4px}.ugc .kpis{grid-template-columns:1fr}.ugc .kpi+.kpi{border-left:0;border-top:1px solid var(--line-soft)}.ugc .top{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.ugc .tabs{z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px oklch(0% 0 0/.18)}.ugc .tabs a{border-radius:12px;flex-direction:column;justify-content:center;gap:4px;height:56px;padding:0;font-size:11.5px}.ugc .tabs a svg{width:20px;height:20px}.ugc .tabs a.on{background:var(--primary-soft);box-shadow:none;color:var(--primary)}.ugc.heeft-tabs main{padding-bottom:84px}.ugc .s-dashboard .kop{flex-wrap:nowrap;gap:12px}.ugc .s-dashboard .kop .clay{width:44px;height:44px}.ugc .s-dashboard .kop h1{white-space:nowrap;font-size:22px}.ugc .s-dashboard .kop .rechts{margin-left:auto}.ugc .maand{gap:0;padding:3px}.ugc .maand button{width:28px;height:30px}.ugc .maand span{min-width:0;padding:0 4px;font-size:14px}.ugc .maand .lang{display:none}.ugc .maand .kort{display:inline}.ugc .landing{row-gap:22px;padding-top:22px}.ugc .landing h1{margin:0 0 12px}.ugc .formkaart>p{margin-bottom:16px}.ugc .top .wrap{gap:10px}.ugc .wie span{display:none}.ugc .kop{flex-wrap:wrap;padding-top:24px}.ugc .kop h1{font-size:24px}.ugc .kop .rechts{margin-left:0}.ugc .regels{grid-template-columns:1fr}.ugc .regels>div+div{border-left:0;border-top:1px solid var(--line-soft);margin-top:8px;padding-top:12px;padding-left:0}.ugc .verdiend .bedrag{font-size:52px}.ugc .linkveld .mono{font-size:14px}.ugc .linkveld .mono>span{display:none}.ugc .tabel .blokkop h2{font-size:16px}.ugc .uitbet td small{white-space:normal}.ugc .uitbet th:nth-child(3),.ugc .uitbet td:nth-child(3){padding-left:0}.ugc .boven .linkkaart{order:-1}.ugc .linkveld{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:14px}.ugc .linkveld .mono{text-overflow:clip;font-size:15px}.ugc .linkveld .btn.primary{justify-content:center;height:46px}.ugc .tabel .blokkop h2{white-space:nowrap}.ugc .tabel .blokkop .btn{padding:0 6px}.ugc th.r{white-space:nowrap}.ugc .verdiend .midden{gap:14px}.ugc .landing h1{font-size:32px}.ugc .tijdlijn{grid-template-columns:1fr}.ugc th:nth-child(2),.ugc td:nth-child(2){display:none}.ugc th,.ugc td{padding-left:12px;padding-right:12px}.ugc th:first-child,.ugc td:first-child{padding-left:18px}.ugc th:last-child,.ugc td:last-child{padding-right:18px}.ugc .persoon{gap:10px}.ugc .persoon .ini{display:none}.ugc .stapel>*,.ugc .scherm>*{min-width:0}.ugc .twee{grid-template-columns:1fr 1fr;gap:10px}.ugc .keuze button{padding:0;font-size:12.5px}.ugc .veld{margin-bottom:12px}.ugc .vink{margin-bottom:18px}.ugc .maand span{white-space:nowrap}.ugc .s-dashboard .kop h1{font-size:21px}.ugc .hook{grid-template-columns:20px 1fr auto;gap:10px;padding:14px 12px 14px 14px}.ugc .bewijs{flex-direction:column;gap:10px}.ugc .formkaart{padding:24px 20px}}.ugc .t{white-space:nowrap}.ugc .wie .uit{justify-content:center;width:34px;padding:0}.ugc .honing{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.ugc .vink .box{border:0;padding:0}.ugc .vink .box.uit{background:var(--card-2);box-shadow:inset 0 0 0 1.5px var(--line);color:#0000}.ugc .vink a{cursor:pointer}.ugc .foutregel{background:var(--red-soft);color:var(--red);border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:14px}.ugc .codeveld{letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace}.ugc .hulp{color:var(--faint);font-size:13px}.ugc .keuze.twee-keuzes{grid-template-columns:1fr 1fr}.ugc .btn:disabled{opacity:.6;cursor:default}.ugc .btn,.ugc .logo,.ugc .tabs a{text-decoration:none}.ugc a.map{color:inherit;text-decoration:none;display:block}.ugc .map.nog{cursor:default}.ugc .map.nog:hover{border-color:var(--line);transform:none}.ugc .map.nog:hover .beeld img{transform:none}.ugc .map .tekst{display:flex}.ugc .map h3{margin:0}.ugc .scrim{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(10% .02 165/.62);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ugc .modal{width:100%;max-width:440px;max-height:calc(100vh - 32px);padding:24px 26px;overflow:auto}.ugc .modal.breed{max-width:640px}.ugc .modal .blokkop{margin-bottom:14px}.ugc .modal-tekst{color:var(--muted);margin:0 0 16px}.ugc .modal-voet{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.ugc .qr{width:240px;height:240px;box-shadow:0 0 0 1px var(--line);border-radius:12px;margin:0 auto;display:block}.ugc .formkaart .veld small.hulp{margin-top:2px}.ugc .linkkaart a.btn{text-decoration:none}.ugc .persoon+a.btn{margin-top:18px}@media (width<=560px){.ugc a.map{display:grid}.ugc .modal{padding:20px 18px}.ugc .wie .uit{width:34px}}.ugc .mappen-notitie{color:var(--muted);align-items:center;gap:8px;margin:-6px 0 16px;font-size:14px;display:flex}.ugc .mappen-notitie svg{flex:none;width:16px;height:16px}