:root { --adtg-purple:#7800d6; --adtg-violet:#5a46ee; --adtg-blue:#3f42e8; --adtg-lilac:#eee8f6; --adtg-ink:#282430; --adtg-body:#595661; }
.adtg-group-page { color:var(--adtg-body); font-family:inherit; }
.adtg-group-page *, .adtg-group-page *::before, .adtg-group-page *::after { box-sizing:border-box; }
.adtg-group-hero { background-color:#260a43; background-image:linear-gradient(90deg,rgba(30,4,52,.87),rgba(40,5,67,.74)),url('https://alldaytechandgaming.nl/wp-content/uploads/2026/10/Computer-Problemen-Vragen-Homepage-Images-1.png'); background-position:center; background-size:cover; color:#fff; display:grid; gap:40px; grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr); padding:clamp(48px,7vw,92px) clamp(22px,5vw,72px); }
.adtg-group-hero__copy { align-self:center; max-width:780px; }
.adtg-group-eyebrow { color:#7453dd; font-size:.76rem; font-weight:800; letter-spacing:.13em; margin:0 0 12px; text-transform:uppercase; }
.adtg-group-hero .adtg-group-eyebrow { color:#c8b2ff; }
.adtg-group-hero h1 { color:#fff; font-size:clamp(2.5rem,5vw,4.7rem); letter-spacing:-.045em; line-height:1.05; margin:0 0 22px; }
.adtg-group-hero h1 span { color:#5155ff; }
.adtg-group-lead { color:#fff; font-size:clamp(1.1rem,1.55vw,1.35rem); font-weight:650; line-height:1.55; margin:0 0 16px; }
.adtg-group-intro { color:rgba(255,255,255,.9); font-size:1rem; line-height:1.7; margin:0; max-width:700px; }
.adtg-group-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.adtg-group-button { align-items:center; border-radius:12px; display:inline-flex; font-size:.83rem; font-weight:800; gap:8px; justify-content:center; min-height:50px; padding:14px 20px; text-align:center; text-decoration:none; text-transform:uppercase; transition:background .2s,transform .2s; }
.adtg-group-button:hover { transform:translateY(-2px); }
.adtg-group-button:focus-visible,.adtg-topic-chip:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.adtg-group-button--primary { background:var(--adtg-purple); color:#fff; }
.adtg-group-button--primary:hover { background:#8d18ec; color:#fff; }
.adtg-group-button--secondary { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.55); color:#fff; }
.adtg-group-button--secondary:hover { background:rgba(255,255,255,.18); color:#fff; }
.adtg-group-topics { align-content:center; display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.adtg-topic-chip { align-items:center; backdrop-filter:blur(8px); background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:13px; color:#fff; display:flex; font-size:.92rem; font-weight:650; gap:11px; min-height:62px; padding:12px 14px; }
.adtg-topic-chip svg,.adtg-value-icon svg,.adtg-professional__icon svg,.adtg-discord-symbol svg { fill:none; height:25px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; width:25px; }
.adtg-topic-chip svg { color:#c5adff; flex:0 0 25px; }
.adtg-group-values { background:var(--adtg-lilac); padding:clamp(52px,7vw,82px) clamp(16px,3vw,34px); }
.adtg-group-section-heading { margin:0 auto 36px; max-width:760px; text-align:center; }
.adtg-group-section-heading h2,.adtg-professional h2,.adtg-group-discord h2 { color:var(--adtg-ink); font-size:clamp(1.8rem,3.1vw,2.6rem); letter-spacing:-.03em; line-height:1.18; margin:0 0 13px; }
.adtg-group-section-heading>p:last-child { color:var(--adtg-body); line-height:1.65; margin:0; }
.adtg-group-values-grid { display:grid; gap:22px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 auto; max-width:1200px; }
.adtg-value-card { background:#fff; border-bottom:4px solid var(--adtg-blue); box-shadow:0 12px 30px rgba(55,38,93,.12); min-height:100%; padding:28px; text-align:center; }
.adtg-value-icon { align-items:center; background:linear-gradient(145deg,#4149ef,#7155ed); border-radius:50%; color:#fff; display:inline-flex; height:64px; justify-content:center; margin-bottom:16px; width:64px; }
.adtg-value-icon svg { height:30px; width:30px; }
.adtg-value-card h3 { color:var(--adtg-blue); font-size:1.2rem; margin:0 0 10px; }
.adtg-value-card p { color:var(--adtg-body); line-height:1.65; margin:0; }
.adtg-professional { align-items:center; background:#fff; display:grid; gap:24px; grid-template-columns:auto minmax(0,1fr) auto; margin:0 auto; max-width:1280px; padding:clamp(38px,6vw,72px) clamp(22px,4vw,48px); }
.adtg-professional__icon { align-items:center; background:var(--adtg-lilac); border-radius:50%; color:var(--adtg-violet); display:flex; height:86px; justify-content:center; width:86px; }
.adtg-professional__icon svg { height:39px; width:39px; }
.adtg-professional h2 { font-size:clamp(1.6rem,2.7vw,2.25rem); }
.adtg-professional__copy>p:last-child,.adtg-group-discord p:not(.adtg-group-eyebrow) { color:var(--adtg-body); line-height:1.72; margin:0; }
.adtg-group-discord { align-items:center; background:var(--adtg-lilac); display:grid; gap:22px; grid-template-columns:auto minmax(0,1fr) auto; padding:clamp(36px,5vw,62px) clamp(22px,5vw,72px); }
.adtg-discord-symbol { align-items:center; background:linear-gradient(145deg,#4c50ec,#7754e9); border-radius:50%; color:#fff; display:flex; height:74px; justify-content:center; width:74px; }
.adtg-discord-symbol svg { height:38px; width:38px; }
.adtg-group-discord h2 { font-size:clamp(1.6rem,2.7vw,2.25rem); }
.adtg-group-discord strong { color:var(--adtg-ink); }
.adtg-group-button--light { background:#fff; color:var(--adtg-blue); white-space:nowrap; }
.adtg-group-button--light:hover { background:#f8f4ff; color:var(--adtg-purple); }
@media(max-width:900px) { .adtg-group-hero { grid-template-columns:1fr; } .adtg-group-hero__copy { max-width:850px; } .adtg-group-topics { max-width:700px; } .adtg-professional { grid-template-columns:auto minmax(0,1fr); } .adtg-professional>.adtg-group-button { grid-column:2; justify-self:start; } .adtg-group-discord { grid-template-columns:auto minmax(0,1fr); } .adtg-group-discord>.adtg-group-button { grid-column:2; justify-self:start; } }
@media(max-width:620px) { .adtg-group-hero { gap:30px; padding:40px 20px; } .adtg-group-hero h1 { font-size:2.6rem; } .adtg-group-actions { align-items:stretch; flex-direction:column; } .adtg-group-button { width:100%; } .adtg-group-topics { grid-template-columns:1fr 1fr; gap:9px; } .adtg-topic-chip { font-size:.82rem; min-height:56px; padding:10px; } .adtg-topic-chip svg { height:21px; width:21px; flex-basis:21px; } .adtg-group-values-grid { grid-template-columns:1fr; } .adtg-value-card { padding:24px; } .adtg-professional,.adtg-group-discord { grid-template-columns:1fr; text-align:center; } .adtg-professional { justify-items:center; } .adtg-professional>.adtg-group-button,.adtg-group-discord>.adtg-group-button { grid-column:auto; justify-self:stretch; } .adtg-group-discord { justify-items:center; } .adtg-group-discord h2 { font-size:1.75rem; } }

@media (prefers-color-scheme:dark) { /* System fallback before the theme switcher initializes. */ }
[data-adtg-theme="dark"] .adtg-group-page { background:#100e18; color:#d8d2e2; }
[data-adtg-theme="dark"] .adtg-group-values { background:#191522; }
[data-adtg-theme="dark"] .adtg-group-section-heading h2,[data-adtg-theme="dark"] .adtg-professional h2,[data-adtg-theme="dark"] .adtg-group-discord h2 { color:#f7f3fc; }
[data-adtg-theme="dark"] .adtg-group-section-heading>p:last-child,[data-adtg-theme="dark"] .adtg-professional__copy>p:last-child,[data-adtg-theme="dark"] .adtg-group-discord p:not(.adtg-group-eyebrow) { color:#c8c1d3; }
[data-adtg-theme="dark"] .adtg-value-card { background:#211c2c; border-bottom-color:#7870eb; box-shadow:0 12px 30px rgba(0,0,0,.24); }
[data-adtg-theme="dark"] .adtg-value-card h3 { color:#a5a7ff; }
[data-adtg-theme="dark"] .adtg-value-card p { color:#d1cadc; }
[data-adtg-theme="dark"] .adtg-professional { background:#100e18; }
[data-adtg-theme="dark"] .adtg-professional__icon { background:#2b233a; color:#c1a1ff; }
[data-adtg-theme="dark"] .adtg-group-discord { background:#1c1728; }
[data-adtg-theme="dark"] .adtg-group-button--light { background:#332748; color:#e6d8ff; }
[data-adtg-theme="dark"] .adtg-group-button--light:hover { background:#44335f; color:#fff; }


/* Flowing gradient accents on group invitations. */
.adtg-group-button--primary,.adtg-group-button--light { background-size:220% 100%; animation:adtg-group-button-flow 6.4s ease-in-out infinite; }
.adtg-group-button--primary { background-image:linear-gradient(110deg,#7800d6,#5b49e8 56%,#4165ed); }
.adtg-group-button--light { background-image:linear-gradient(110deg,#fff,#f2ecff 52%,#e5efff); }
.adtg-group-button:hover { background-position:100% 50%; }
.adtg-topic-chip { transition:border-color .25s ease,background-color .25s ease,transform .25s ease; }
.adtg-topic-chip:hover { border-color:rgba(190,161,255,.55); transform:translateY(-2px); }
@keyframes adtg-group-button-flow { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@media(prefers-reduced-motion:reduce) { .adtg-group-button--primary,.adtg-group-button--light { animation:none!important; } .adtg-topic-chip { transition-duration:.01ms!important; } }

/* Recent articles from the existing WordPress category. */
.adtg-group-recent { background:#f5f2fa; padding:clamp(46px,6vw,76px) clamp(20px,4vw,56px); }
.adtg-group-recent .adtg-group-section-heading { margin:0 auto 28px; max-width:1200px; }
.adtg-group-post-grid { display:grid; gap:20px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 auto; max-width:1200px; }
.adtg-group-post-card { background:#fff; border:1px solid #e7e0f0; border-bottom:4px solid #5a46ee; border-radius:14px; box-shadow:0 10px 28px rgba(45,29,83,.08); display:flex; flex-direction:column; min-width:0; overflow:hidden; transition:box-shadow .22s ease,transform .22s ease; }
.adtg-group-post-card:hover { box-shadow:0 16px 36px rgba(45,29,83,.14); transform:translateY(-3px); }
.adtg-group-post-card__image { align-items:center; aspect-ratio:16/9; background:linear-gradient(135deg,#e9e3f5,#dfe8ff); color:#6551c7; display:flex; font:800 1.5rem ui-monospace,monospace; justify-content:center; overflow:hidden; text-decoration:none; }
.adtg-group-post-card__image img { height:100%; object-fit:cover; transition:transform .35s ease; width:100%; }
.adtg-group-post-card:hover .adtg-group-post-card__image img { transform:scale(1.035); }
.adtg-group-post-card__body { display:flex; flex:1; flex-direction:column; padding:19px 20px 20px; }
.adtg-group-post-card__date { color:#817b89; font-size:.76rem; margin:0 0 8px; }
.adtg-group-post-card h3 { font-size:1.13rem; line-height:1.38; margin:0 0 10px; }
.adtg-group-post-card h3 a { color:#282430; text-decoration:none; }
.adtg-group-post-card h3 a:hover { color:#5145d5; }
.adtg-group-post-card__body>p:not(.adtg-group-post-card__date) { color:#625d68; font-size:.91rem; line-height:1.65; margin:0 0 16px; }
.adtg-group-post-card__link { align-items:center; color:#4848d9; display:flex; font-size:.84rem; font-weight:800; justify-content:space-between; margin-top:auto; text-decoration:none; }
.adtg-group-post-card__link:hover { color:#7800d6; }
.adtg-group-recent__all { margin:25px auto 0; max-width:1200px; text-align:center; }
.adtg-group-posts-empty { background:#fff; border:1px solid #e7e0f0; border-radius:12px; margin:0 auto; max-width:760px; padding:22px; text-align:center; }
[data-adtg-theme="dark"] .adtg-group-recent { background:#171421; }
[data-adtg-theme="dark"] .adtg-group-post-card,[data-adtg-theme="dark"] .adtg-group-posts-empty { background:#211c2c; border-color:#393149; border-bottom-color:#7770eb; }
[data-adtg-theme="dark"] .adtg-group-post-card h3 a { color:#f4effa; }
[data-adtg-theme="dark"] .adtg-group-post-card__date { color:#aaa2b5; }
[data-adtg-theme="dark"] .adtg-group-post-card__body>p:not(.adtg-group-post-card__date) { color:#d0c9db; }
@media(max-width:900px) { .adtg-group-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .adtg-group-post-grid { grid-template-columns:1fr; } .adtg-group-post-card__body { padding:17px; } }
@media(prefers-reduced-motion:reduce) { .adtg-group-post-card,.adtg-group-post-card__image img { transition-duration:.01ms!important; } }

/* Matching four-photo introduction on the dedicated community page. */
.adtg-group-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.adtg-value-card--image{overflow:hidden;padding:0;text-align:left;transition:box-shadow .24s ease,transform .24s ease}
.adtg-value-card--image:hover{box-shadow:0 17px 38px rgba(45,29,83,.17);transform:translateY(-3px)}
.adtg-value-card__image{aspect-ratio:16/9;margin:0;overflow:hidden}
.adtg-value-card__image img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}
.adtg-value-card--image:hover .adtg-value-card__image img{transform:scale(1.035)}
.adtg-value-card__body{padding:24px}
.adtg-value-card--image h3{color:#3f42e8;font-size:1.2rem;line-height:1.3;margin:0 0 10px}
.adtg-value-card--image p{color:#595661;line-height:1.7;margin:0;text-align:left}
[data-adtg-theme="dark"] .adtg-value-card--image h3{color:#a5a7ff}
[data-adtg-theme="dark"] .adtg-value-card--image p{color:#d1cadc}
@media(max-width:620px){.adtg-group-values-grid{grid-template-columns:1fr}.adtg-value-card__body{padding:21px}}
@media(prefers-reduced-motion:reduce){.adtg-value-card--image,.adtg-value-card__image img{transition:none!important}}