/* DeckLearn Blog Deutschland — redaktionelle Ebene im visuellen System der bestehenden DE-Produktseiten. */
:root{--bg:#070a13;--ink:#edf5ff;--muted:#9fb3d8;--c:#37d6ff;--c2:#6e79ff;--gold:#ffd84d;--stroke:rgba(255,255,255,.10);--shadow:0 24px 70px rgba(0,0,0,.55);--theme-a:#37d6ff;--theme-b:#6e79ff;--theme-gold:#ffd84d;--glow-a:55,214,255;--glow-b:110,121,255;--culture:url('/assets/product-previews/br/decklearn-brasil-colecao-premium-hero.svg')}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;color:var(--ink);font-family:Inter,Sora,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 650px at 8% -10%,rgba(var(--glow-a),.20),transparent 58%),radial-gradient(900px 520px at 100% 0%,rgba(var(--glow-b),.13),transparent 56%),#070a13;line-height:1.6}a{color:var(--c);text-decoration:none}a:hover{text-decoration:underline;opacity:.96}img{max-width:100%;height:auto}#site-header{position:relative;z-index:10000;isolation:isolate;pointer-events:auto}#site-header *{pointer-events:auto}.wrap{max-width:1180px;margin:0 auto;padding:clamp(14px,3vw,24px)}h1,h2,h3{font-family:Sora,Inter,sans-serif;line-height:1.14}h1{font-size:clamp(30px,4.6vw,54px);margin:.22em 0;font-weight:900;letter-spacing:-.035em;text-shadow:0 0 12px rgba(var(--glow-a),.34),0 0 28px rgba(var(--glow-b),.16)}h2{font-weight:900;letter-spacing:-.02em}h3{font-weight:800}p,li,.muted{color:var(--muted);line-height:1.72}strong{color:var(--ink)}
.blog-official-banner-wrap{max-width:1180px;margin:12px auto 0;padding:0 clamp(14px,3vw,24px)}.blog-official-banner{margin:0;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);background:#0a0f1d}.blog-official-banner img{display:block;width:100%;height:clamp(150px,24vw,300px);object-fit:cover}.blog-header-fallback{max-width:1180px;margin:10px auto;padding:11px 14px;border:1px solid var(--stroke);border-radius:16px;background:#0b1020;display:flex;gap:16px;align-items:center}.blog-header-fallback a{font-weight:900;color:#eef6ff}
body:has(a[href='/de/sprachen/englisch/']),body:has(.article [data-pillar='english']){--bg:#05070d;--ink:#f3f7ff;--muted:#a8bbd0;--c:#5ce1ff;--theme-a:#012169;--theme-b:#c8102e;--theme-gold:#d7b56d;--glow-a:1,33,105;--glow-b:200,16,46;--culture:url('/assets/product-previews/br/decklearn-brasil-londres-ingles-cultural-hero.svg')}
body:has(a[href='/de/sprachen/spanisch/']),body:has(.article [data-pillar='spanish']){--bg:#080305;--ink:#fff7ee;--muted:#d9bea3;--c:#ffc400;--theme-a:#3b0508;--theme-b:#aa151b;--theme-gold:#f1bf00;--glow-a:198,11,30;--glow-b:255,196,0;--culture:url('/assets/product-previews/br/decklearn-brasil-espanha-espanhol-cultural-hero.svg')}
body:has(a[href='/de/sprachen/japanisch/']),body:has(.article [data-pillar='japanese']){--bg:#070b11;--ink:#eef5ff;--muted:#a6bed1;--c:#ffd84d;--theme-a:#e60012;--theme-b:#c4142b;--theme-gold:#00c8ff;--glow-a:230,0,18;--glow-b:0,200,255;--culture:url('/assets/product-previews/br/decklearn-brasil-japao-japones-cultural-hero.svg')}
body:has(a[href='/de/sprachen/koreanisch/']),body:has(.article [data-pillar='korean']){--bg:#050a16;--ink:#f7fbff;--muted:#b9c8dc;--c:#9fc1ff;--theme-a:#071a3d;--theme-b:#0047a0;--theme-gold:#cd2e3a;--glow-a:0,71,160;--glow-b:205,46,58;--culture:url('/assets/product-previews/br/decklearn-brasil-coreia-coreano-cultural-hero-v2-sharp.webp')}
body:has(a[href='/de/anki/']),body:has(.article [data-pillar='anki']){--bg:#070a13;--ink:#edf5ff;--muted:#9fb3d8;--c:#37d6ff;--theme-a:#37d6ff;--theme-b:#6e79ff;--theme-gold:#ffd84d;--glow-a:55,214,255;--glow-b:110,121,255;--culture:url('/assets/product-previews/br/decklearn-brasil-colecao-premium-hero.svg')}
.hero,.article,.card{position:relative;overflow:hidden;border:1px solid rgba(var(--glow-a),.30);background:radial-gradient(760px 320px at 0 0,rgba(var(--glow-a),.20),transparent 62%),radial-gradient(620px 300px at 100% 100%,rgba(var(--glow-b),.11),transparent 64%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));box-shadow:var(--shadow)}.hero,.article{border-radius:26px}.card{border-radius:20px}.hero>* , .article>* , .card>*{position:relative;z-index:2}.hero{padding:clamp(24px,4vw,44px);margin:18px 0 22px;min-height:clamp(260px,34vw,390px);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,7,13,.97) 0%,rgba(5,7,13,.90) 43%,rgba(5,7,13,.46) 72%,rgba(5,7,13,.18) 100%),linear-gradient(0deg,rgba(5,7,13,.76),transparent 55%),var(--culture);background-size:cover;background-position:center;opacity:.90}.hero h1,.hero p,.hero .breadcrumbs,.hero .tag,.hero .pills{max-width:780px}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#c8d6ec;font-size:.92rem;margin-bottom:12px;font-weight:700}.breadcrumbs a{color:#e7efff}.tag{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:.5rem;padding:.38rem .72rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-gold) 55%,transparent);background:rgba(0,0,0,.34);color:var(--theme-gold);font-size:.79rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgba(var(--glow-a),.08)}.pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-gold) 52%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#f1f6ff;font-weight:850;box-shadow:0 10px 24px rgba(0,0,0,.22);transition:transform .12s ease,border-color .12s ease}.pill:hover{transform:translateY(-1px);text-decoration:none;border-color:var(--theme-gold)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{min-height:220px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent,var(--theme-gold)) 62%,transparent);box-shadow:0 28px 62px rgba(0,0,0,.48)}.card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.89) 50%,rgba(5,7,13,.52) 72%,rgba(5,7,13,.28) 100%),linear-gradient(0deg,rgba(5,7,13,.86),rgba(5,7,13,.12) 65%),var(--card-image,var(--culture));background-size:cover;background-position:center;opacity:.92}.card h2,.card h3{margin:10px 0 6px;color:#fff}.card h2 a,.card h3 a{color:#fff}.card h2 a:hover,.card h3 a:hover{color:var(--card-accent,var(--theme-gold));text-decoration:none}.card p{margin:0;color:#c8d6e9}.card .tag{color:var(--card-accent,var(--theme-gold));border-color:color-mix(in srgb,var(--card-accent,var(--theme-gold)) 55%,transparent)}body:not(:has(.article)) .grid>.card:nth-child(1){--card-accent:#5ce1ff;--card-image:url('/assets/product-previews/br/decklearn-brasil-londres-ingles-cultural-hero.svg')}body:not(:has(.article)) .grid>.card:nth-child(2){--card-accent:#ffc400;--card-image:url('/assets/product-previews/br/decklearn-brasil-espanha-espanhol-cultural-hero.svg')}body:not(:has(.article)) .grid>.card:nth-child(3){--card-accent:#ff5060;--card-image:url('/assets/product-previews/br/decklearn-brasil-japao-japones-cultural-hero.svg')}body:not(:has(.article)) .grid>.card:nth-child(4){--card-accent:#9fc1ff;--card-image:url('/assets/product-previews/br/decklearn-brasil-coreia-coreano-cultural-hero-v2-sharp.webp')}body:not(:has(.article)) .grid>.card:nth-child(5){--card-accent:#37d6ff;--card-image:url('/assets/product-previews/br/decklearn-brasil-colecao-premium-hero.svg')}
.meta{font-size:.9rem;color:#b9c8dd;font-weight:650}.article{padding:clamp(22px,4vw,42px);margin:18px 0 26px}.article::before{content:"";display:block;position:relative;z-index:1;height:clamp(210px,30vw,360px);margin:-42px -42px 30px;background-image:linear-gradient(0deg,rgba(5,7,13,.96),rgba(5,7,13,.10) 55%),var(--culture);background-size:cover;background-position:center}.article h2{margin-top:34px}.article .example,.article .note,.article .cta,.learning-check{border:1px solid rgba(var(--glow-a),.24);border-radius:18px;background:rgba(4,8,18,.58);padding:16px 18px;margin:18px 0}.article .example{border-left:4px solid var(--theme-b)}.article .note{border-left:4px solid var(--theme-gold)}.article .cta{padding:20px}.article .cta h2{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:13px 18px;border-radius:14px;font-weight:900;color:#fff;background:linear-gradient(90deg,var(--theme-a),var(--theme-b) 58%,var(--theme-gold));border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 28px rgba(var(--glow-b),.20),inset 0 0 0 1px rgba(255,255,255,.10);text-decoration:none;transition:transform .1s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.06);text-decoration:none}.article .cta .btn{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9995;width:auto;min-width:188px;padding:10px 16px;border-radius:999px;font-size:.84rem;backdrop-filter:blur(16px);white-space:nowrap}.article .cta .btn:hover{transform:translateX(-50%) translateY(-1px)}.list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.list a{display:inline-flex;padding:9px 12px;border-radius:999px;border:1px solid rgba(var(--glow-a),.24);background:rgba(255,255,255,.035);font-weight:800}.footer{max-width:1180px;margin:26px auto 90px;padding:0 20px;text-align:center;color:#8fa5c3;font-weight:700}
.jp-roadmap{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.jp-roadmap div{padding:14px;border-radius:16px;border:1px solid rgba(230,0,18,.24);background:rgba(7,11,22,.68);text-align:center}.jp-roadmap b{display:block;color:#fff}.jp-kana-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:16px 0}.jp-kana-grid span{display:grid;place-items:center;min-height:44px;border-radius:12px;border:1px solid rgba(0,200,255,.18);background:rgba(0,200,255,.055);font-size:1.12rem;font-weight:800;color:#fff}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-kana-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:620px){.grid{grid-template-columns:1fr}.hero{min-height:300px}.article{padding:20px}.article::before{margin:-20px -20px 24px;height:220px}.jp-roadmap{grid-template-columns:1fr}.jp-kana-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.article .cta .btn{font-size:.78rem;min-width:170px;padding:9px 14px}.footer{margin-bottom:82px}}