/* DeckLearn Korea Blog */
:root{--bg:#070a13;--ink:#edf5ff;--muted:#a8b8d2;--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,"Noto Sans KR",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 650px at 8% -10%,rgba(var(--glow-a),.18),transparent 58%),radial-gradient(900px 520px at 100% 0%,rgba(var(--glow-b),.12),transparent 56%),var(--bg);line-height:1.7}a{color:var(--c);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:0 auto;padding:clamp(14px,3vw,24px)}#site-header{position:relative;z-index:10000}.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}
h1,h2,h3{font-family:Sora,Inter,"Noto Sans KR",sans-serif;line-height:1.18}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),.30),0 0 28px rgba(var(--glow-b),.16)}h2{font-weight:900}p,li,.muted{color:var(--muted)}strong{color:var(--ink)}
body[data-blog-pillar='english'],body:has(.article [data-pillar='english']){--bg:#05070d;--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[data-blog-pillar='spanish'],body:has(.article [data-pillar='spanish']){--bg:#080305;--c:#f1bf00;--theme-a:#3b0508;--theme-b:#aa151b;--theme-gold:#f1bf00;--glow-a:170,21,27;--glow-b:241,191,0;--culture:url('/assets/product-previews/br/decklearn-brasil-espanha-espanhol-cultural-hero.svg')}body[data-blog-pillar='german'],body:has(.article [data-pillar='german']){--bg:#050505;--c:#ffce00;--theme-a:#000;--theme-b:#dd0000;--theme-gold:#ffce00;--glow-a:255,206,0;--glow-b:221,0,0;--culture:url('/assets/product-previews/br/decklearn-brasil-berlim-alemao-cultural-hero.svg')}body[data-blog-pillar='japanese'],body:has(.article [data-pillar='japanese']){--bg:#070b11;--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[data-blog-pillar='anki'],body:has(.article [data-pillar='anki']){--bg:#070a13;--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),.18),transparent 62%),radial-gradient(620px 300px at 100% 100%,rgba(var(--glow-b),.10),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),rgba(5,7,13,.86) 48%,rgba(5,7,13,.30)),linear-gradient(0deg,rgba(5,7,13,.72),transparent 55%),var(--culture);background-size:cover;background-position:center;opacity:.92}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#c8d6ec;font-size:.92rem;font-weight:700}.tag{display:inline-flex;width:max-content;max-width:100%;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}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{display:inline-flex;padding:10px 15px;border-radius:999px;border:1px solid rgba(var(--glow-a),.32);background:rgba(255,255,255,.035);color:#f1f6ff;font-weight:850}
.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:.14s ease}.card:hover{transform:translateY(-3px)}.card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,7,13,.98),rgba(5,7,13,.84) 54%,rgba(5,7,13,.28)),linear-gradient(0deg,rgba(5,7,13,.86),rgba(5,7,13,.10) 65%),var(--card-image,var(--culture));background-size:cover;background-position:center}.card h2,.card h3{margin:9px 0 5px;color:#fff}.card p{margin:0;color:#c8d6e9}.card:nth-child(1){--card-image:url('/assets/product-previews/br/decklearn-brasil-londres-ingles-cultural-hero.svg')}.card:nth-child(2){--card-image:url('/assets/product-previews/br/decklearn-brasil-espanha-espanhol-cultural-hero.svg')}.card:nth-child(3){--card-image:url('/assets/product-previews/br/decklearn-brasil-berlim-alemao-cultural-hero.svg')}.card:nth-child(4){--card-image:url('/assets/product-previews/br/decklearn-brasil-japao-japones-cultural-hero.svg')}.card:nth-child(5){--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}.example,.note,.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}.example{border-left:4px solid var(--theme-b)}.note{border-left:4px solid var(--theme-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;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);text-decoration:none}.article .cta .btn{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9995;min-width:188px;padding:10px 16px;border-radius:999px;font-size:.84rem;backdrop-filter:blur(16px);white-space:nowrap}.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}.kana-card{display:grid!important;grid-template-rows:auto auto;place-items:center;gap:2px;min-height:58px!important;padding:6px 3px;border-radius:12px;border:1px solid rgba(0,200,255,.18);background:rgba(0,200,255,.055);color:#fff}.kana-card b{font-size:1.18rem}.kana-card small{font-size:.68rem;color:#9fdff0;font-weight:800}
@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}}