/* All Day Tech & Gaming — Kubio/Rufous-aligned homepage styles */
:root { --adtg-purple:#7800d6; --adtg-violet:#5a46ee; --adtg-blue:#3f42e8; --adtg-lilac:#eee8f6; --adtg-ink:#282430; --adtg-body:#595661; --adtg-white:#fff; }
/* Keep the active theme header and its WordPress-managed menu; align common menu wrappers right on desktop. */
header .wp-block-navigation, header .main-navigation, header .primary-navigation { justify-content:flex-end; margin-left:auto; }
header .wp-block-navigation__container, header .main-navigation > ul, header .primary-navigation > ul { justify-content:flex-end; }
.adtg-homepage { background:#fff; color:var(--adtg-body); font-family:inherit; margin:0; padding:0 0 42px; width:100%; }
.adtg-homepage *, .adtg-homepage *::before, .adtg-homepage *::after { box-sizing:border-box; }
.adtg-hero { background-color:#260a43; background-image:linear-gradient(90deg,rgba(30,4,52,.84) 0%,rgba(40,5,67,.76) 52%,rgba(36,6,70,.64) 100%),url('https://alldaytechandgaming.nl/wp-content/uploads/2025/08/All-Day-Tech-Gaming-background.png'); background-position:center; background-size:cover; border:0; border-radius:0; box-shadow:none; display:grid; gap:clamp(28px,4.5vw,58px); grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); margin:0; overflow:hidden; padding:clamp(40px,6vw,82px) clamp(22px,5vw,72px); }
.adtg-hero__copy { align-self:center; max-width:760px; }
.adtg-eyebrow { align-items:center; color:#c3a9ff; display:flex; font-size:.76rem; font-weight:750; gap:9px; letter-spacing:.13em; margin:0 0 14px; text-transform:uppercase; }
.adtg-eyebrow::before { background:currentColor; border-radius:50%; content:""; height:8px; width:8px; }
.adtg-homepage h1 { color:#fff; font-size:clamp(2.15rem,4.2vw,4.2rem); font-weight:700; letter-spacing:-.04em; line-height:1.13; margin:0 0 24px; }
.adtg-homepage h1 a { color:#5155ff; text-decoration:none; }
.adtg-homepage h1 a:hover,.adtg-homepage h1 a:focus-visible { color:#aaaaff; }
.adtg-intro p { color:rgba(255,255,255,.93); font-size:clamp(.98rem,1.15vw,1.1rem); line-height:1.72; margin:0 0 17px; }
.adtg-intro strong { color:#fff; font-weight:750; }
.adtg-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:26px; }
.adtg-button { align-items:center; border:0; border-radius:12px; display:inline-flex; font-size:.84rem; font-weight:750; gap:8px; justify-content:center; line-height:1.3; min-height:52px; padding:15px 22px; text-align:center; text-decoration:none; text-transform:uppercase; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.adtg-button:hover { box-shadow:0 10px 26px rgba(39,14,111,.24); transform:translateY(-2px); }
.adtg-button:focus-visible,.adtg-channel a:focus-visible,.adtg-post-card a:focus-visible { outline:3px solid #181080; outline-offset:3px; }
.adtg-button--primary { background:var(--adtg-purple); box-shadow:0 8px 22px rgba(32,5,86,.2); color:#fff; }
.adtg-button--primary:hover { background:#8d18ec; color:#fff; }
.adtg-button--secondary { background:#7800d6; color:#fff; }
.adtg-button--secondary:hover { background:#8d18ec; color:#fff; }
.adtg-showcase { align-self:center; min-width:0; position:relative; }
.adtg-carousel { aspect-ratio:4/4.2; background:#180b2a; border:2px solid rgba(255,255,255,.7); border-radius:16px; box-shadow:0 18px 48px rgba(12,2,31,.42); isolation:isolate; overflow:hidden; position:relative; }
.adtg-slide { inset:0; margin:0; opacity:0; position:absolute; transition:opacity 1s ease; z-index:0; }
.adtg-slide.is-active { opacity:1; z-index:1; }
.adtg-slide img { height:100%; object-fit:contain; object-position:center; width:100%; }
.adtg-discord { background:var(--adtg-lilac); padding:clamp(52px,7vw,86px) clamp(14px,2vw,28px) clamp(50px,6vw,74px); }
.adtg-articles { background:#fff; padding:clamp(48px,7vw,82px) clamp(14px,2vw,28px) 26px; }
.adtg-section-heading { margin:0 auto 34px; max-width:760px; text-align:center; }
.adtg-section-heading .adtg-eyebrow { color:var(--adtg-violet); justify-content:center; }
.adtg-section-heading h2 { color:var(--adtg-ink); font-size:clamp(1.8rem,3.2vw,2.65rem); font-weight:750; letter-spacing:-.025em; line-height:1.2; margin:0 0 12px; }
.adtg-section-heading>p:last-child { color:var(--adtg-body); font-size:1rem; line-height:1.65; margin:0; }
.adtg-section-heading--left { margin-left:max(0px,calc((100vw - 1200px)/2)); text-align:left; }
.adtg-section-heading--left .adtg-eyebrow { justify-content:flex-start; }
.adtg-channels { display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:52px auto 0; max-width:1200px; }
.adtg-channel { background:#fff; border:0; border-bottom:4px solid var(--adtg-blue); border-radius:3px 3px 0 0; box-shadow:0 14px 32px rgba(55,38,93,.15); color:var(--adtg-body); min-width:0; padding:58px 25px 27px; position:relative; text-align:center; transition:transform .2s ease,box-shadow .2s ease; }
.adtg-channel:hover { box-shadow:0 18px 38px rgba(55,38,93,.22); transform:translateY(-4px); }
.adtg-channel__icon { align-items:center; background:linear-gradient(145deg,#3d47ef,#6151ef); border:4px solid var(--adtg-lilac); border-radius:50%; box-shadow:0 4px 14px rgba(64,48,190,.16); color:#fff; display:flex; height:80px; justify-content:center; left:50%; position:absolute; top:-40px; transform:translateX(-50%); width:80px; }
.adtg-channel:nth-child(2) .adtg-channel__icon { background:linear-gradient(145deg,#5254ed,#8270ee); }
.adtg-channel:nth-child(3) .adtg-channel__icon { background:linear-gradient(145deg,#6f67e8,#8d78ef); }
.adtg-channel__icon svg { height:34px; width:34px; }
.adtg-channel__kicker { color:#77727f; font-size:.76rem; letter-spacing:.04em; margin:0 0 6px; text-transform:uppercase; }
.adtg-channel h3 { font-size:1.3rem; line-height:1.3; margin:0 0 13px; }
.adtg-channel h3 a { color:var(--adtg-blue); text-decoration:none; }
.adtg-channel h3 a:hover { color:var(--adtg-purple); text-decoration:underline; }
.adtg-channel>p:not(.adtg-channel__kicker) { color:var(--adtg-body); font-size:.96rem; line-height:1.62; margin:0 0 19px; }
.adtg-text-link { color:var(--adtg-blue); display:inline-flex; font-size:.86rem; font-weight:750; gap:7px; text-decoration:none; }
.adtg-text-link:hover { color:var(--adtg-purple); text-decoration:underline; }
.adtg-post-grid { display:grid; gap:22px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 auto; max-width:1200px; }
.adtg-post-card { background:#fff; border:1px solid #e9e5ee; border-bottom:4px solid #5550e9; border-radius:4px; box-shadow:0 10px 28px rgba(39,33,50,.08); color:var(--adtg-body); display:flex; flex-direction:column; min-width:0; overflow:hidden; transition:box-shadow .2s ease,transform .2s ease; }
.adtg-post-card:hover { box-shadow:0 16px 34px rgba(39,33,50,.15); transform:translateY(-3px); }
.adtg-post-card__image { aspect-ratio:16/10; background:#e9e2f3; display:block; overflow:hidden; }
.adtg-post-card__image img { display:block; height:100%; object-fit:cover; transition:transform .35s ease; width:100%; }
.adtg-post-card:hover .adtg-post-card__image img { transform:scale(1.04); }
.adtg-post-card__placeholder { align-items:center; color:var(--adtg-blue); display:flex; font-size:2rem; height:100%; justify-content:center; }
.adtg-post-card__body { padding:21px; }
.adtg-post-meta { color:#77727f; font-size:.78rem; margin:0 0 9px; }
.adtg-post-meta a { color:inherit; }
.adtg-post-card h3 { font-size:1.15rem; line-height:1.38; margin:0 0 10px; }
.adtg-post-card h3 a { color:var(--adtg-ink); text-decoration:none; }
.adtg-post-card h3 a:hover { color:var(--adtg-blue); }
.adtg-post-card__body>p:not(.adtg-post-meta) { color:var(--adtg-body); font-size:.94rem; line-height:1.65; margin:0 0 18px; }
.adtg-all-posts { margin:28px auto 0; max-width:1200px; text-align:center; }
.adtg-empty-posts { background:var(--adtg-lilac); border-radius:12px; color:var(--adtg-body); margin:0 auto; max-width:760px; padding:28px; text-align:center; }
.adtg-homepage a:focus-visible { outline-offset:4px; }
@media(max-width:900px) { .adtg-hero { gap:32px; grid-template-columns:minmax(0,1fr); padding:42px clamp(22px,5vw,56px); } .adtg-hero__copy { max-width:850px; } .adtg-showcase { margin:0 auto; max-width:640px; width:100%; } .adtg-carousel { aspect-ratio:16/10; } .adtg-channels,.adtg-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .adtg-channels { row-gap:56px; } }
@media(max-width:600px) { .adtg-homepage { padding-bottom:22px; } .adtg-hero { gap:25px; padding:34px 19px 30px; } .adtg-homepage h1 { font-size:2.15rem; } .adtg-intro p { font-size:.96rem; line-height:1.65; } .adtg-actions { align-items:stretch; flex-direction:column; gap:11px; } .adtg-button { width:100%; } .adtg-carousel { aspect-ratio:1/1; border-radius:12px; } .adtg-discord { padding:48px 14px 55px; } .adtg-articles { padding:48px 14px 18px; } .adtg-section-heading { margin-bottom:27px; } .adtg-section-heading--left { margin-left:0; } .adtg-channels,.adtg-post-grid { grid-template-columns:1fr; } .adtg-channels { gap:55px; margin-top:50px; } .adtg-channel { padding:56px 22px 24px; } }
@media(prefers-reduced-motion:reduce) { .adtg-homepage *,.adtg-homepage *::before,.adtg-homepage *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }

/* Subtle futuristic details, layered over the site's existing purple/lilac system. */
.adtg-hero { isolation:isolate; position:relative; }
.adtg-hero::before { animation:adtg-ambient-drift 18s ease-in-out infinite alternate; background:radial-gradient(ellipse at 74% 24%,rgba(118,77,255,.32),transparent 35%),radial-gradient(ellipse at 12% 88%,rgba(37,195,255,.18),transparent 32%); content:""; inset:-8%; pointer-events:none; position:absolute; z-index:0; }
.adtg-hero::after { background-image:linear-gradient(rgba(197,177,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(197,177,255,.055) 1px,transparent 1px); background-size:54px 54px; content:""; inset:0; mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent 76%); pointer-events:none; position:absolute; z-index:0; }
.adtg-hero__copy,.adtg-showcase { position:relative; z-index:1; }
.adtg-eyebrow { text-shadow:0 0 18px rgba(176,128,255,.35); }
.adtg-homepage h1 a { background:linear-gradient(105deg,#8390ff 4%,#d88cff 56%,#78e5ff 100%); background-clip:text; -webkit-background-clip:text; color:transparent; filter:drop-shadow(0 0 14px rgba(111,102,255,.28)); }
.adtg-homepage h1 a:hover,.adtg-homepage h1 a:focus-visible { background-image:linear-gradient(105deg,#b4bbff,#f1b5ff 55%,#a8f0ff); color:transparent; }
.adtg-button--primary { background:linear-gradient(105deg,#7711dc,#5c3be8 72%,#4962ed); box-shadow:0 8px 24px rgba(44,13,112,.28),inset 0 1px rgba(255,255,255,.17); }
.adtg-button--secondary { background:rgba(49,23,92,.36); border:1px solid rgba(215,192,255,.72); box-shadow:inset 0 1px rgba(255,255,255,.1); }
.adtg-button--secondary:hover { background:rgba(107,43,197,.58); border-color:#e2d3ff; }
.adtg-showcase::before { background:radial-gradient(ellipse,rgba(137,91,255,.34),transparent 70%); content:""; filter:blur(8px); inset:-14px; pointer-events:none; position:absolute; z-index:-1; }
.adtg-carousel { border-color:rgba(214,190,255,.8); box-shadow:0 18px 48px rgba(12,2,31,.42),0 0 28px rgba(121,74,235,.17); }
.adtg-section-heading .adtg-eyebrow { text-shadow:0 0 16px rgba(111,70,238,.16); }
.adtg-section-heading h2::after { background:linear-gradient(90deg,#5260f3,#a754e8,#dc78e9); border-radius:99px; content:""; display:block; height:3px; margin:14px auto 0; opacity:.8; width:54px; }
.adtg-section-heading--left h2::after { margin-left:0; }
.adtg-channel { border:1px solid rgba(91,76,195,.14); border-bottom:4px solid transparent; border-image:linear-gradient(90deg,#5553ef,#a254e7,#58c9ef) 1; box-shadow:0 12px 30px rgba(55,38,93,.12); }
.adtg-channel::after { background:linear-gradient(120deg,rgba(255,255,255,0),rgba(124,90,230,.055)); content:""; inset:0; pointer-events:none; position:absolute; }
.adtg-channel__icon { box-shadow:0 0 0 7px rgba(95,78,224,.08),0 7px 21px rgba(64,48,190,.22); transition:box-shadow .25s ease,transform .25s ease; }
.adtg-channel:hover .adtg-channel__icon { box-shadow:0 0 0 9px rgba(95,78,224,.1),0 0 24px rgba(104,73,239,.32); transform:translateX(-50%) translateY(-3px) rotate(-3deg); }
.adtg-post-card { transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.adtg-post-card:hover { border-color:rgba(100,79,226,.34); box-shadow:0 17px 38px rgba(63,44,125,.17),0 0 0 1px rgba(112,82,232,.08); }
.adtg-post-card__image { background:linear-gradient(135deg,#ece6fa,#e1e8ff); }
.adtg-homepage a:focus-visible,.adtg-homepage button:focus-visible { box-shadow:0 0 0 4px rgba(104,83,235,.28); outline-color:#fff; }
@keyframes adtg-ambient-drift { from { transform:translate3d(-1.2%,.4%,0) scale(1); opacity:.78; } to { transform:translate3d(1.2%,-.4%,0) scale(1.035); opacity:1; } }
@media (hover:none) { .adtg-channel:hover,.adtg-post-card:hover,.adtg-button:hover { transform:none; } }
@media(max-width:900px) { .adtg-hero::after { background-size:64px 64px; mask-image:linear-gradient(90deg,rgba(0,0,0,.4),transparent 90%); } }
@media(max-width:600px) { .adtg-hero::after { opacity:.55; } .adtg-carousel { box-shadow:0 13px 30px rgba(12,2,31,.3),0 0 20px rgba(121,74,235,.14); } }
@media(prefers-reduced-motion:reduce) { .adtg-hero::before { animation:none; } .adtg-homepage *,.adtg-homepage *::before,.adtg-homepage *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
/* Keep accent work to the card edge so content stays crisp and easy to scan. */
.adtg-channel { border:1px solid rgba(91,76,195,.14); border-bottom:0; border-image:none; }
.adtg-channel::before { background:linear-gradient(90deg,#5553ef,#a254e7,#58c9ef); bottom:0; content:""; height:4px; left:0; pointer-events:none; position:absolute; right:0; }
.adtg-channel::after { display:none; }

/* Discord feature section: bold community hub with luminous, distinct channel cards. */
.adtg-discord { background:radial-gradient(ellipse at 50% -16%,rgba(133,79,255,.34),transparent 48%),linear-gradient(135deg,#160b2b 0%,#201044 50%,#101b38 100%); isolation:isolate; overflow:hidden; position:relative; }
.adtg-discord::before { background-image:linear-gradient(rgba(191,175,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(191,175,255,.07) 1px,transparent 1px); background-size:46px 46px; content:""; inset:0; mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 90%); pointer-events:none; position:absolute; z-index:-1; }
.adtg-discord::after { border:1px solid rgba(177,146,255,.11); border-radius:50%; box-shadow:0 0 0 42px rgba(177,146,255,.025),0 0 0 84px rgba(177,146,255,.02); content:""; height:500px; pointer-events:none; position:absolute; right:-205px; top:20px; width:500px; z-index:-1; }
.adtg-discord .adtg-section-heading,.adtg-discord .adtg-channels { position:relative; z-index:1; }
.adtg-discord .adtg-section-heading .adtg-eyebrow { color:#c4a6ff; }
.adtg-discord .adtg-section-heading h2 { color:#fff; font-size:clamp(2rem,4vw,3.35rem); }
.adtg-discord .adtg-section-heading h2::after { background:linear-gradient(90deg,#63ddff,#9270ff,#e17cff); box-shadow:0 0 18px rgba(161,112,255,.38); height:4px; width:68px; }
.adtg-discord .adtg-section-heading>p:last-child { color:#d6d0e7; font-size:1.04rem; }
.adtg-channels { gap:22px; margin-top:58px; max-width:1240px; }
.adtg-channel { --adtg-channel-accent:#67ddff; background:linear-gradient(150deg,rgba(42,32,75,.94),rgba(20,20,48,.96)); border:1px solid rgba(161,151,207,.28); border-bottom:0; border-radius:20px; box-shadow:0 18px 40px rgba(5,3,21,.32),inset 0 1px rgba(255,255,255,.08); isolation:isolate; min-height:100%; overflow:hidden; padding:30px 25px 26px; position:relative; text-align:left; transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease; }
.adtg-channel:nth-child(2) { --adtg-channel-accent:#cf8cff; background:linear-gradient(150deg,rgba(52,31,81,.95),rgba(27,18,55,.97)); }
.adtg-channel:nth-child(3) { --adtg-channel-accent:#9c9bff; background:linear-gradient(150deg,rgba(38,39,88,.95),rgba(20,23,54,.97)); }
.adtg-channel::before { color:var(--adtg-channel-accent); content:"01"; font-size:5.1rem; font-weight:800; letter-spacing:-.07em; line-height:1; opacity:.09; pointer-events:none; position:absolute; right:19px; top:15px; z-index:0; }
.adtg-channel:nth-child(2)::before { content:"02"; }
.adtg-channel:nth-child(3)::before { content:"03"; }
.adtg-channel::after { background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent); bottom:0; content:""; height:100%; left:0; opacity:0; pointer-events:none; position:absolute; top:0; transform:translateX(-130%) skewX(-14deg); transition:transform .65s ease,opacity .3s ease; width:75%; z-index:0; }
.adtg-channel:hover { border-color:color-mix(in srgb,var(--adtg-channel-accent) 60%,transparent); box-shadow:0 22px 48px rgba(5,3,21,.42),0 0 25px color-mix(in srgb,var(--adtg-channel-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.12); transform:translateY(-7px); }
.adtg-channel:hover::after { opacity:.38; transform:translateX(180%) skewX(-14deg); }
.adtg-channel > * { position:relative; z-index:1; }
.adtg-channel__icon { background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.3),transparent 38%),linear-gradient(145deg,#39a8d5,#4852ed); border:1px solid rgba(255,255,255,.38); border-radius:18px; box-shadow:0 0 0 7px rgba(88,206,255,.08),0 9px 24px rgba(50,53,163,.34); color:#fff; height:62px; justify-content:center; margin:0 0 21px; position:relative; transform:none; transition:box-shadow .25s ease,transform .25s ease; width:62px; }
.adtg-channel:nth-child(2) .adtg-channel__icon { background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.3),transparent 38%),linear-gradient(145deg,#b051dd,#7545dc); box-shadow:0 0 0 7px rgba(195,111,255,.08),0 9px 24px rgba(117,53,174,.32); }
.adtg-channel:nth-child(3) .adtg-channel__icon { background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.3),transparent 38%),linear-gradient(145deg,#536de9,#7052e3); box-shadow:0 0 0 7px rgba(139,147,255,.09),0 9px 24px rgba(66,66,168,.32); }
.adtg-channel__icon svg { height:30px; width:30px; }
.adtg-channel:hover .adtg-channel__icon { box-shadow:0 0 0 10px rgba(128,114,255,.12),0 0 28px color-mix(in srgb,var(--adtg-channel-accent) 42%,transparent); transform:translateY(-3px) rotate(-4deg) scale(1.04); }
.adtg-channel__kicker { color:var(--adtg-channel-accent); font-size:.7rem; font-weight:800; letter-spacing:.12em; margin:0 0 8px; text-transform:uppercase; }
.adtg-channel h3 { font-size:clamp(1.55rem,2vw,1.95rem); letter-spacing:-.025em; line-height:1.2; margin:0 0 14px; }
.adtg-channel h3 a { color:#fff; text-decoration:none; }
.adtg-channel h3 a:hover { color:var(--adtg-channel-accent); text-decoration:none; }
.adtg-channel>p:not(.adtg-channel__kicker) { color:#d6d2e3; font-size:.93rem; line-height:1.72; margin:0 0 22px; }
.adtg-channel-cta { align-items:center; background:rgba(255,255,255,.055); border:1px solid color-mix(in srgb,var(--adtg-channel-accent) 46%,transparent); border-radius:11px; color:var(--adtg-channel-accent); display:inline-flex; font-size:.82rem; font-weight:800; gap:8px; justify-content:space-between; padding:11px 13px; text-decoration:none; transition:background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.adtg-channel-cta:hover { background:color-mix(in srgb,var(--adtg-channel-accent) 13%,transparent); border-color:var(--adtg-channel-accent); box-shadow:0 0 18px color-mix(in srgb,var(--adtg-channel-accent) 17%,transparent); color:#fff; }
@media(max-width:900px) { .adtg-channels { gap:18px; margin-top:52px; } .adtg-channel:nth-child(2) { transform:none; } }
@media(max-width:600px) { .adtg-discord { padding:51px 15px 56px; } .adtg-discord::after { height:360px; right:-235px; top:75px; width:360px; } .adtg-channels { gap:16px; margin-top:45px; } .adtg-channel { border-radius:17px; padding:23px 20px 21px; } .adtg-channel__icon { height:56px; margin-bottom:17px; width:56px; } .adtg-channel__icon svg { height:27px; width:27px; } .adtg-channel h3 { font-size:1.55rem; } }
@media(prefers-reduced-motion:reduce) { .adtg-channel::after { display:none; } .adtg-channel,.adtg-channel__icon,.adtg-channel::after { transition-duration:.01ms!important; } }

/* Strong, invitation-first channel actions. */
.adtg-channel { display:flex; flex-direction:column; }
.adtg-channel:nth-child(1) { --adtg-cta-start:#087da4; --adtg-cta-end:#414be1; }
.adtg-channel:nth-child(2) { --adtg-cta-start:#7939c1; --adtg-cta-end:#b23cc3; }
.adtg-channel:nth-child(3) { --adtg-cta-start:#3c55c8; --adtg-cta-end:#7050d9; }
.adtg-channel-cta { align-items:center; background:linear-gradient(105deg,var(--adtg-cta-start),var(--adtg-cta-end)); border:1px solid rgba(255,255,255,.52); border-radius:12px; box-shadow:0 9px 23px rgba(10,7,36,.28),inset 0 1px rgba(255,255,255,.2); color:#fff; display:flex; font-size:.88rem; font-weight:800; gap:12px; justify-content:space-between; letter-spacing:.01em; margin-top:auto; min-height:54px; padding:14px 16px; text-decoration:none; transition:filter .2s ease,box-shadow .2s ease,transform .2s ease; width:100%; }
.adtg-channel-cta:hover { box-shadow:0 12px 28px rgba(8,5,30,.42),0 0 20px color-mix(in srgb,var(--adtg-channel-accent) 26%,transparent),inset 0 1px rgba(255,255,255,.28); color:#fff; filter:brightness(1.14); transform:translateY(-2px); }
.adtg-channel-cta:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.adtg-channel-cta span { font-size:1.1rem; transition:transform .2s ease; }
.adtg-channel-cta:hover span { transform:translate(2px,-2px); }
@media(prefers-reduced-motion:reduce) { .adtg-channel-cta,.adtg-channel-cta span { transition-duration:.01ms!important; } }

/* Full-width welcome line; the copy and carousel sit together beneath it. */
.adtg-hero { display:block; }
.adtg-hero__heading { margin:0 auto 30px; max-width:1500px; position:relative; z-index:1; }
.adtg-hero__heading h1 { font-size:clamp(2.25rem,4.8vw,4.65rem); max-width:none; text-wrap:balance; }
.adtg-hero__content { align-items:center; display:grid; gap:clamp(28px,4.5vw,58px); grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); position:relative; z-index:1; }
.adtg-hero__copy { max-width:780px; }
@media(max-width:900px) { .adtg-hero { display:block; } .adtg-hero__content { grid-template-columns:minmax(0,1fr); } .adtg-hero__heading { margin-bottom:25px; } }
@media(max-width:600px) { .adtg-hero__heading h1 { font-size:2.1rem; } .adtg-hero__heading { margin-bottom:20px; } }
/* Make both community invitations prominent along the banner's bottom edge. */
.adtg-hero__heading { max-width:none; }
.adtg-hero__actions { display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:clamp(24px,3vw,38px) auto 0; max-width:1180px; position:relative; z-index:2; }
.adtg-hero__actions .adtg-button { border:1px solid rgba(255,255,255,.38); border-radius:14px; box-shadow:0 12px 30px rgba(10,3,27,.3),inset 0 1px rgba(255,255,255,.22); font-size:clamp(.88rem,1.2vw,1.04rem); justify-content:space-between; min-height:66px; padding:18px 23px; text-align:left; }
.adtg-hero__actions .adtg-button--primary { background:linear-gradient(105deg,#8014df,#5d43ed 66%,#3f64ee); }
.adtg-hero__actions .adtg-button--facebook { background:linear-gradient(105deg,#1877f2,#4f55e8 64%,#7944d4); color:#fff; }
.adtg-hero__actions .adtg-button--facebook:hover { background:linear-gradient(105deg,#3288ff,#665ff5 64%,#915be5); color:#fff; }
.adtg-hero__actions .adtg-button span { font-size:1.3em; }
@media(max-width:600px) { .adtg-hero__actions { grid-template-columns:1fr; gap:11px; margin-top:22px; } .adtg-hero__actions .adtg-button { min-height:60px; padding:16px 18px; } }

/* Dark theme for the light content areas; the branded hero and Discord hub remain dark in both modes. */
[data-adtg-theme="dark"] .adtg-homepage { background:#100e18; color:#d8d2e2; }
[data-adtg-theme="dark"] .adtg-articles { background:#100e18; }
[data-adtg-theme="dark"] .adtg-articles .adtg-section-heading h2 { color:#f7f3fc; }
[data-adtg-theme="dark"] .adtg-articles .adtg-section-heading>p:last-child { color:#c6bfd1; }
[data-adtg-theme="dark"] .adtg-post-card { background:#1d1928; border-color:#393149; border-bottom-color:#786de9; color:#e2dcea; }
[data-adtg-theme="dark"] .adtg-post-card h3 a { color:#f6f2fb; }
[data-adtg-theme="dark"] .adtg-post-card h3 a:hover { color:#a6a8ff; }
[data-adtg-theme="dark"] .adtg-post-card__body>p:not(.adtg-post-meta) { color:#c6bfd1; }
[data-adtg-theme="dark"] .adtg-post-meta { color:#aaa2b5; }
[data-adtg-theme="dark"] .adtg-post-meta a { color:#c1b4ff; }
[data-adtg-theme="dark"] .adtg-post-card__image { background:linear-gradient(135deg,#29223a,#242744); }
[data-adtg-theme="dark"] .adtg-empty-posts { background:#1d1928; color:#d5cede; }

/* Calm Discord section: retain vivid channel accents without a full-bleed dark backdrop. */
.adtg-discord { background:#eee8f6; }
.adtg-discord::before,.adtg-discord::after { display:none; }
.adtg-discord .adtg-section-heading .adtg-eyebrow { color:#674dd0; }
.adtg-discord .adtg-section-heading h2 { color:#282430; }
.adtg-discord .adtg-section-heading h2::after { background:linear-gradient(90deg,#5458ed,#9255df,#6c74f0); box-shadow:none; }
.adtg-discord .adtg-section-heading>p:last-child { color:#595661; }
.adtg-channels { margin-top:48px; }
.adtg-channel { background:#fff; border:1px solid rgba(88,71,164,.14); border-bottom:4px solid transparent; border-image:linear-gradient(90deg,#5658ed,#a653dc,#61aeea) 1; border-radius:14px; box-shadow:0 13px 30px rgba(53,39,87,.1); color:#595661; padding:27px 24px 23px; text-align:left; transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease; }
.adtg-channel:nth-child(2),.adtg-channel:nth-child(3) { background:#fff; }
.adtg-channel::before { color:var(--adtg-channel-accent); opacity:.075; }
.adtg-channel::after { display:none; }
.adtg-channel:hover { border-color:color-mix(in srgb,var(--adtg-channel-accent) 38%,#fff); box-shadow:0 17px 36px rgba(53,39,87,.16),0 0 0 3px color-mix(in srgb,var(--adtg-channel-accent) 9%,transparent); transform:translateY(-5px); }
.adtg-channel__icon { background:linear-gradient(145deg,#3a94e6,#534be8); border:3px solid #eee8f6; border-radius:50%; box-shadow:0 0 0 5px rgba(92,79,221,.08),0 8px 20px rgba(70,57,169,.2); color:#fff; height:64px; margin:0 0 18px; transform:none; width:64px; }
.adtg-channel:nth-child(2) .adtg-channel__icon { background:linear-gradient(145deg,#7652e9,#b244d1); box-shadow:0 0 0 5px rgba(144,77,223,.08),0 8px 20px rgba(112,57,169,.19); }
.adtg-channel:nth-child(3) .adtg-channel__icon { background:linear-gradient(145deg,#5267e9,#7a51de); box-shadow:0 0 0 5px rgba(104,89,221,.08),0 8px 20px rgba(73,61,166,.19); }
.adtg-channel__icon svg { height:30px; width:30px; }
.adtg-channel__kicker { color:#6959a0; }
.adtg-channel h3 a { color:#4141d7; }
.adtg-channel h3 a:hover { color:#7900cf; }
.adtg-channel>p:not(.adtg-channel__kicker) { color:#595661; }
.adtg-channel-cta { box-shadow:0 7px 17px rgba(61,42,128,.19),inset 0 1px rgba(255,255,255,.25); }
.adtg-channel-cta:hover { box-shadow:0 10px 23px rgba(61,42,128,.25); }
.adtg-channel:hover .adtg-channel__icon { box-shadow:0 0 0 7px rgba(95,78,224,.11),0 0 20px color-mix(in srgb,var(--adtg-channel-accent) 24%,transparent); transform:translateY(-2px) rotate(-3deg); }
@media(max-width:600px) { .adtg-discord { padding:46px 15px 50px; } .adtg-channels { margin-top:41px; } }
[data-adtg-theme="dark"] .adtg-discord { background:#191522; }
[data-adtg-theme="dark"] .adtg-discord .adtg-section-heading h2 { color:#f7f3fc; }
[data-adtg-theme="dark"] .adtg-discord .adtg-section-heading .adtg-eyebrow { color:#c4a6ff; }
[data-adtg-theme="dark"] .adtg-discord .adtg-section-heading>p:last-child { color:#d0c9db; }
[data-adtg-theme="dark"] .adtg-channel,[data-adtg-theme="dark"] .adtg-channel:nth-child(2),[data-adtg-theme="dark"] .adtg-channel:nth-child(3) { background:#211c2c; border-color:rgba(177,158,222,.22); border-bottom:4px solid transparent; border-image:linear-gradient(90deg,#6863f0,#b260df,#68c7ed) 1; color:#ded7e8; }
[data-adtg-theme="dark"] .adtg-channel:hover { border-color:color-mix(in srgb,var(--adtg-channel-accent) 60%,transparent); box-shadow:0 18px 36px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--adtg-channel-accent) 14%,transparent); }
[data-adtg-theme="dark"] .adtg-channel__kicker { color:var(--adtg-channel-accent); }
[data-adtg-theme="dark"] .adtg-channel h3 a { color:#fff; }
[data-adtg-theme="dark"] .adtg-channel h3 a:hover { color:var(--adtg-channel-accent); }
[data-adtg-theme="dark"] .adtg-channel>p:not(.adtg-channel__kicker) { color:#d6d2e3; }
.adtg-channel { border:1px solid rgba(88,71,164,.16); border-bottom:4px solid #5658ed; border-image:none; }
.adtg-channel:nth-child(2) { border-bottom-color:#a653dc; }
.adtg-channel:nth-child(3) { border-bottom-color:#61aeea; }
[data-adtg-theme="dark"] .adtg-channel,[data-adtg-theme="dark"] .adtg-channel:nth-child(2),[data-adtg-theme="dark"] .adtg-channel:nth-child(3) { border:1px solid rgba(177,158,222,.22); border-bottom:4px solid #6863f0; border-image:none; }
[data-adtg-theme="dark"] .adtg-channel:nth-child(2) { border-bottom-color:#b260df; }
[data-adtg-theme="dark"] .adtg-channel:nth-child(3) { border-bottom-color:#68c7ed; }

/* Keep channel icons fully inside each card and aligned on one row. */
.adtg-channel__icon { align-items:center; align-self:center; display:flex; justify-content:center; left:auto; margin:0 auto 18px; position:relative; top:auto; transform:none; }
.adtg-channel:hover .adtg-channel__icon { transform:translateY(-2px) rotate(-3deg); }
@media(max-width:600px) { .adtg-channel__icon { margin:0 auto 16px; } }

/* Slow color-flow for calls to action; only transform/paint on small controls. */
.adtg-hero__actions .adtg-button,.adtg-channel-cta { background-size:220% 100%; animation:adtg-button-flow 6.2s ease-in-out infinite; }
.adtg-hero__actions .adtg-button--facebook { animation-delay:-2.4s; }
.adtg-hero__actions .adtg-button:hover,.adtg-channel-cta:hover { animation-duration:2.4s; }
.adtg-channel-cta span { animation:adtg-arrow-drift 2.4s ease-in-out infinite; }
.adtg-channel-cta:hover span { animation-play-state:paused; }
.adtg-channel h3 a,.adtg-post-card h3 a,.adtg-text-link,.adtg-article-content a { text-decoration-thickness:1px; text-underline-offset:4px; }
.adtg-channel h3 a,.adtg-post-card h3 a { background-image:linear-gradient(currentColor,currentColor); background-position:0 100%; background-repeat:no-repeat; background-size:0 1px; transition:background-size .28s ease,color .2s ease; }
.adtg-channel h3 a:hover,.adtg-post-card h3 a:hover { background-size:100% 1px; }
@keyframes adtg-button-flow { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@keyframes adtg-arrow-drift { 0%,100% { transform:translateX(0); } 50% { transform:translateX(3px); } }
@media(prefers-reduced-motion:reduce) { .adtg-hero__actions .adtg-button,.adtg-channel-cta,.adtg-channel-cta span { animation:none!important; } }

/* Homepage feature for the Computer Problemen & Vragen community. */
.adtg-group-home { background:linear-gradient(180deg,#f4f0f8 0,#faf9fc 100%); color:var(--adtg-body); padding:clamp(52px,7vw,88px) clamp(16px,3vw,28px); }
.adtg-group-home__inner { margin:0 auto; max-width:1200px; }
.adtg-group-home__heading { margin:0 auto 30px; max-width:880px; text-align:center; }
.adtg-group-home__eyebrow { align-items:center; color:#6650c5; display:flex; font-size:.73rem; font-weight:800; gap:9px; justify-content:center; letter-spacing:.13em; margin:0 0 12px; text-transform:uppercase; }
.adtg-group-home__eyebrow span { background:linear-gradient(90deg,#7851dc,#39bde9); border-radius:50%; box-shadow:0 0 12px rgba(92,82,211,.36); height:8px; width:8px; }
.adtg-group-home__heading h2 { color:#282430; font-size:clamp(2rem,4.2vw,3.25rem); font-weight:760; letter-spacing:-.04em; line-height:1.13; margin:0; }
.adtg-group-home__heading h2 span { background:linear-gradient(100deg,#7046d0,#455ce1); background-clip:text; -webkit-background-clip:text; color:transparent; }
.adtg-group-home__intro { align-items:center; background:#fff; border:1px solid #e8e2ef; border-radius:20px; box-shadow:0 16px 38px rgba(48,34,79,.08); display:grid; gap:clamp(22px,4vw,48px); grid-template-columns:minmax(0,1fr) minmax(280px,.86fr); margin:0 auto 22px; overflow:hidden; padding:clamp(22px,4vw,40px); }
.adtg-group-home__intro-copy>p { color:#56515f; font-size:1.03rem; line-height:1.78; margin:0 0 22px; }
.adtg-group-home__intro-image { aspect-ratio:16/10; border-radius:14px; margin:0; overflow:hidden; }
.adtg-group-home__intro-image img { display:block; height:100%; object-fit:cover; width:100%; }
.adtg-group-home__button { align-items:center; animation:adtg-button-flow 6.5s ease-in-out infinite; background:linear-gradient(105deg,#761bd1,#5543df 62%,#4166e8); background-size:220% 100%; border-radius:10px; box-shadow:0 8px 22px rgba(76,49,166,.23); color:#fff; display:inline-flex; font-size:.9rem; font-weight:760; gap:12px; justify-content:center; min-height:48px; padding:12px 17px; text-decoration:none; transition:box-shadow .25s ease,transform .25s ease; }
.adtg-group-home__button:hover { box-shadow:0 12px 28px rgba(76,49,166,.31); color:#fff; transform:translateY(-2px); }
.adtg-group-home__values { display:grid; gap:22px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.adtg-group-home__card { background:#fff; border:1px solid #e8e2ef; border-radius:17px; box-shadow:0 9px 28px rgba(48,34,79,.055); color:var(--adtg-body); display:flex; flex-direction:column; min-width:0; overflow:hidden; padding:0 23px 24px; transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease; }
.adtg-group-home__card:hover { border-color:#d3c6ef; box-shadow:0 16px 34px rgba(48,34,79,.11); transform:translateY(-3px); }
.adtg-group-home__card--purpose { padding-top:0; }
.adtg-group-home__card-image { aspect-ratio:16/9; margin:0 -23px 19px; overflow:hidden; }
.adtg-group-home__card-image img { display:block; height:100%; object-fit:cover; transition:transform .4s ease; width:100%; }
.adtg-group-home__card:hover .adtg-group-home__card-image img { transform:scale(1.035); }
.adtg-group-home__icon { align-items:center; background:linear-gradient(145deg,#eee8ff,#e2f4ff); border-radius:12px; color:#5d50c2; display:flex; height:48px; justify-content:center; margin:0 0 20px; width:48px; }
.adtg-group-home__icon svg { fill:none; height:25px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; width:25px; }
.adtg-group-home__card-label { color:#6854bd!important; font-size:.68rem!important; font-weight:800; letter-spacing:.12em; margin:0 0 8px!important; text-transform:uppercase; }
.adtg-group-home__card h3 { color:#292532; font-size:1.2rem; letter-spacing:-.02em; line-height:1.3; margin:0 0 12px; }
.adtg-group-home__card>p:last-child { color:#5e5966; font-size:.9rem; line-height:1.7; margin:0; }
@media(max-width:950px) { .adtg-group-home__values { grid-template-columns:repeat(2,minmax(0,1fr)); } .adtg-group-home__card:last-child { grid-column:1/-1; } }
@media(max-width:680px) { .adtg-group-home { padding:48px 14px; } .adtg-group-home__intro { grid-template-columns:1fr; padding:21px; } .adtg-group-home__intro-image { order:-1; } .adtg-group-home__values { grid-template-columns:1fr; } .adtg-group-home__card:last-child { grid-column:auto; } }
@media(prefers-reduced-motion:reduce) { .adtg-group-home__button { animation:none; } .adtg-group-home__card,.adtg-group-home__card-image img { transition:none; } }
[data-adtg-theme="dark"] .adtg-group-home { background:linear-gradient(180deg,#181321 0,#100e18 100%); }
[data-adtg-theme="dark"] .adtg-group-home__heading h2,[data-adtg-theme="dark"] .adtg-group-home__card h3 { color:#f4effa; }
[data-adtg-theme="dark"] .adtg-group-home__heading h2 span { background-image:linear-gradient(100deg,#b59aff,#86d8fa); }
[data-adtg-theme="dark"] .adtg-group-home__intro,[data-adtg-theme="dark"] .adtg-group-home__card { background:#1c1725; border-color:#352d40; color:#d8d0e1; }
[data-adtg-theme="dark"] .adtg-group-home__intro-copy>p,[data-adtg-theme="dark"] .adtg-group-home__card>p:last-child { color:#d0c9db; }
[data-adtg-theme="dark"] .adtg-group-home__eyebrow,[data-adtg-theme="dark"] .adtg-group-home__card-label { color:#c4a6ff!important; }

/* Two tiny, low-key animated cat companions in the homepage hero. */
.adtg-hero__cats { align-items:flex-end; bottom:8px; display:flex; gap:3px; pointer-events:none; position:absolute; right:clamp(20px,5vw,72px); z-index:3; }
.adtg-cat { align-items:center; display:flex; flex:0 0 48px; flex-direction:column; height:56px; justify-content:flex-end; position:relative; width:48px; }
.adtg-cat svg { display:block; height:46px; overflow:visible; width:49px; }
.adtg-cat__tail { transform-box:fill-box; transform-origin:15% 85%; animation:adtg-cat-tail 3.8s ease-in-out infinite; }
.adtg-cat--black .adtg-cat__tail { animation-delay:-1.3s; }
.adtg-cat__tail-patch { transform-box:fill-box; transform-origin:15% 85%; animation:adtg-cat-tail 3.8s ease-in-out infinite; }
.adtg-cat__eyes { animation:adtg-cat-blink 5.4s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.adtg-cat--black .adtg-cat__eyes { animation-delay:-2.7s; }
.adtg-cat__paw { animation:adtg-cat-wave 5.8s ease-in-out infinite; transform-box:fill-box; transform-origin:18% 85%; }
.adtg-cat--black .adtg-cat__paw { animation-delay:-2.1s; }
.adtg-cat__name { background:rgba(18,13,33,.68); border:1px solid rgba(255,255,255,.22); border-radius:99px; color:#f6f1ff; font-size:.56rem; font-weight:700; line-height:1.1; padding:3px 6px; text-shadow:0 1px 5px rgba(0,0,0,.55); }
@keyframes adtg-cat-tail { 0%,100%{transform:rotate(0)} 35%{transform:rotate(-12deg)} 68%{transform:rotate(10deg)} }
@keyframes adtg-cat-blink { 0%,45%,49%,100%{transform:scaleY(1)} 47%{transform:scaleY(.12)} }
@keyframes adtg-cat-wave { 0%,65%,100%{transform:rotate(0)} 70%{transform:rotate(-13deg)} 75%{transform:rotate(9deg)} 80%{transform:rotate(-9deg)} 85%{transform:rotate(0)} }
@media(max-width:900px){.adtg-hero__cats{bottom:3px;right:19px;transform:scale(.78);transform-origin:bottom right}}
@media(max-width:600px){.adtg-hero__cats{bottom:auto;justify-content:center;margin:13px auto 0;position:relative;right:auto;transform:none}}
@media(prefers-reduced-motion:reduce){.adtg-cat__tail,.adtg-cat__tail-patch,.adtg-cat__eyes,.adtg-cat__paw{animation:none!important;transform:none!important}}

/* Keep the cats together in the hero flow; do not pin their name tags to its edge. */
.adtg-hero__cats{bottom:auto;justify-content:flex-end;margin:12px auto 0;position:relative;right:auto}
@media(max-width:900px){.adtg-hero__cats{bottom:auto;margin:8px 19px 0 auto;right:auto;transform:scale(.82);transform-origin:bottom right}}
@media(max-width:600px){.adtg-hero__cats{bottom:auto;justify-content:center;margin:13px auto 0;position:relative;right:auto;transform:none}}

/* Keep the hero slideshow secondary to the welcome copy. */
.adtg-showcase { justify-self:end; max-width:610px; width:100%; }
.adtg-carousel { aspect-ratio:16/10; max-height:380px; }
@media(max-width:900px) { .adtg-showcase { justify-self:center; max-width:680px; } .adtg-carousel { max-height:400px; } }
@media(max-width:600px) { .adtg-showcase { max-width:100%; } .adtg-carousel { aspect-ratio:16/10; max-height:320px; } }

/* Show slideshow titles below the image, with no on-image controls. */
.adtg-showcase{margin:0}
.adtg-slide::after{display:none}
.adtg-carousel-caption{background:linear-gradient(180deg,transparent 0%,rgba(16,9,28,.78) 48%,rgba(16,9,28,.94) 100%);border-radius:0 0 13px 13px;bottom:2px;color:#fff;font-size:.9rem;font-weight:750;left:2px;line-height:1.45;margin:0;padding:34px 17px 13px;position:absolute;right:2px;text-shadow:0 1px 9px rgba(0,0,0,.45);z-index:3}
@media(max-width:600px){.adtg-carousel-caption{font-size:.82rem;padding:27px 13px 11px}}
.adtg-slide.is-active img{animation:adtg-slide-drift 12s ease-in-out both;transform-origin:center}
@keyframes adtg-slide-drift{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.04) translate3d(-.8%,-.4%,0)}}
@media(prefers-reduced-motion:reduce){.adtg-slide.is-active img{animation:none!important;transform:none!important}}