:root,[data-theme=cyber]{--surface:#0f152a;--line:#232a50;--brand-hue:187;--brand:hsl(var(--brand-hue),100%,50%);--brand-2:#ff2bd6;--ring:hsl(var(--brand-hue),100%,75%);--glow-color:hsla(var(--brand-hue),100%,50%,0.6)}[data-theme=fairy]{--bg-0:#f9f7ff;--bg-1:#f0ecff;--line:#e0d8f5;--muted:#8f82b4;--text:#4a4268;--heading-text:#392e5c;--brand-hue:275;--brand:hsl(var(--brand-hue),80%,75%);--brand-2:#ffacc7;--ring:hsl(var(--brand-hue),90%,80%);--glow-color:hsla(var(--brand-hue),100%,80%,0.7);--shadow-sm:0 4px 12px rgba(180,160,231,.15);--shadow:0 10px 30px rgba(180,160,231,.2);--card-glow:0 8px 25px rgba(180,160,231,.25)}body{background-image:radial-gradient(ellipse 80% 50% at 50% 120%,var(--surface),transparent),linear-gradient(180deg,var(--bg-0),var(--bg-1) 80%);-webkit-font-smoothing:antialiased;animation:backgroundPan 25s linear infinite;background-size:200% 200%}[data-theme=fairy] body:before{top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle 500px at 10% 20%,rgba(179,255,252,.4),transparent 40%),radial-gradient(circle 600px at 90% 80%,rgba(255,179,217,.4),transparent 50%)}.container{padding:28px 0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:hsla(from var(--bg-1) h s l/.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background var(--transition-medium)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);width:min(1280px,92vw);margin:0 auto;padding:14px 0}.brand{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--heading-text);text-decoration:none;transition:transform var(--transition-fast)}.brand:hover{transform:scale(1.05)}.nav{display:flex;gap:14px}.nav a{color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:8px;transition:var(--transition-fast);position:relative}.nav a:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--brand);transition:width var(--transition-fast)}.nav a.active,.nav a:hover{color:var(--text);background:hsla(from var(--text) h s l/.05)}.nav a.active:after,.nav a:hover:after{width:80%}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:40px 0;text-align:center}.btn,.chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--line);background-color:var(--surface);color:var(--text);text-decoration:none;font-weight:500;transition:var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm)}.btn:hover,.chip:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 0 15px -4px var(--glow-color),var(--shadow-sm);color:var(--text)}.btn.primary,.chip.active{background:var(--brand);color:var(--bg-0);border-color:var(--brand);text-shadow:none}[data-theme=cyber] .btn.primary{animation:glow 2s ease-in-out infinite}.card{padding:calc(var(--gap) / 1.5)}.card .content{padding:var(--gap) 0 0}.card .title{margin:0}.card .meta{margin-top:6px}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--glow-color)}.search-box input{background:transparent;border:0;color:var(--text);outline:0;min-width:220px;font-size:1em}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:8px}.toolbar{justify-content:space-between;gap:var(--gap);margin-bottom:calc(var(--gap) * 1.5)}.tabs,.toolbar{display:flex;flex-wrap:wrap;align-items:center}.tabs{gap:calc(var(--gap) / 2)}.subheader-kicker{color:var(--muted);font-family:var(--font-body);margin-bottom:calc(var(--gap) / 2);animation:fadeInUp .7s var(--transition-medium) both}.subheader-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;margin:0 0 var(--gap);line-height:1.1;text-transform:uppercase;animation:fadeInUp .9s var(--transition-medium) both}.home-hero__visual iframe,.home-hero__visual img,.home-hero__visual video{width:100%;height:clamp(250px,40vw,450px);display:block;object-fit:cover}@media (max-width:900px){.home-hero__grid{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin-inline:auto}.home-hero__copy{order:2}.home-hero__visual{order:1}}.segmented{gap:0;padding:4px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,hsla(0,0%,100%,.04),rgba(0,0,0,.05));box-shadow:var(--shadow-sm)}.segmented,.segmented .seg-btn{display:inline-flex;align-items:center}.segmented .seg-btn{position:relative;gap:8px;padding:10px 14px;border-radius:999px;color:var(--muted);text-decoration:none;transition:transform .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease;outline:0}.segmented .seg-btn:hover{color:var(--text);transform:translateY(-1px)}.segmented .seg-btn.active{color:var(--bg-0);background:var(--brand);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 6px 16px rgba(0,0,0,.25)}[data-theme=cyber] .segmented .seg-btn.active{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.28),0 0 18px rgba(39,224,255,.35)}[data-theme=fairy] .segmented{background:hsla(0,0%,100%,.6)}[data-theme=fairy] .segmented .seg-btn.active{background:var(--brand);color:#3a2f5f;box-shadow:0 10px 24px rgba(180,160,231,.3)}.seg-label{font-weight:600;letter-spacing:.01em}.seg-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;font-weight:700;line-height:1;background:hsla(0,0%,100%,.12);color:currentColor}.segmented .seg-btn.active .seg-count{background:hsla(0,0%,100%,.22);color:var(--bg-0)}@media (max-width:640px){.segmented .seg-btn{padding:8px 12px}.seg-count{min-width:20px;height:20px;font-size:11px}}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.post-card__meta{font-size:.85rem;margin-bottom:6px}.post-card__title{margin:0 0 6px;font-size:1.15rem}.post-card__excerpt{margin:.25rem 0 0;color:var(--muted)}.about-hero{display:grid;place-items:center;min-height:180px;background:radial-gradient(100% 200% at 0 0,hsla(0,0%,100%,.04),transparent),linear-gradient(180deg,hsla(0,0%,100%,.03),rgba(0,0,0,.06))}.about-hero__content{max-width:720px;text-align:center}.about-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.about-list{margin:.5rem 0 0;padding-left:1.1rem}.about-list li{margin:.25rem 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);margin-bottom:var(--gap);flex-wrap:wrap}.section-head h3{font-size:clamp(1.5rem,4vw,2rem);margin:0;text-transform:uppercase;font-family:var(--font-heading);letter-spacing:.05em;color:var(--heading-text)}.link-more{display:inline-flex;align-items:center;gap:.5em;padding:6px 14px;border-radius:999px;background-color:transparent;border:1px solid var(--line);color:var(--muted);font-weight:500;font-size:.9rem;text-decoration:none;transition:all var(--transition-fast);will-change:transform,box-shadow,background-color,border-color}.link-more:hover{transform:translateY(-2px);background-color:hsla(from var(--brand) h s l/.1);border-color:var(--brand);color:var(--text);box-shadow:0 4px 10px hsla(from var(--brand) h s l/.15)}.link-more span{transition:transform var(--transition-fast)}.link-more:hover span{transform:translateX(4px)}.container{max-width:960px;margin:0 auto;padding:24px}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:32px}.filters-container{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.filters-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filters-label{font-weight:600;font-size:.9rem;color:#4b5563}.input-search{width:100%;padding:12px 20px;border:1px solid #d1d5db;border-radius:9999px;font-size:1rem;transition:all .2s}.input-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.chip{padding:6px 12px;font-size:.875rem;border-radius:9999px;border:1px solid #d1d5db;background-color:#f9fafb;color:#4b5563;transition:all .2s ease-in-out}.chip:hover{background-color:#e5e7eb;border-color:#9ca3af}.chip-active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.chip-active:hover{background-color:#2563eb;border-color:#2563eb}.card{border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;background-color:#fff}.card-title{color:#111827}.card-excerpt{color:#6b7280}.card-date{color:#9ca3af}.no-articles-found{color:#6b7280;border:1px dashed #d1d5db;border-radius:8px}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:48px;height:48px;background-color:var(--color-bg-alt);color:var(--color-text-header);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.scroll-to-top:hover{transform:scale(1.1)}.scroll-to-top.visible{opacity:1;pointer-events:auto}.card{display:flex;flex-direction:column;animation:fadeInUp .5s var(--transition-medium) both}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--card-glow),var(--shadow)}[data-theme=cyber] .card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius);border:2px solid transparent;background:linear-gradient(to right,var(--brand),var(--brand-2)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity var(--transition-medium)}[data-theme=cyber] .card:hover:before{opacity:1}.play-badge{top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1;pointer-events:none}.chip{-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-hero{padding:var(--gap) 0}.about-description{max-width:60ch;font-size:1.1rem;color:var(--muted);line-height:1.6}.about-description ul{margin-top:1rem;padding-left:20px}.about-description li{margin-bottom:.5rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--gap);gap:var(--gap);margin-top:var(--gap)}.card-subtitle{display:block;color:var(--muted);font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--gap)}.about-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.about-stat{font-size:1.8rem;font-family:var(--font-heading);color:var(--heading-text);margin-right:12px}.card-tags{gap:8px}.social-card{border:2px solid var(--brand);background:linear-gradient(135deg,hsla(from var(--brand) h s l/.1),hsla(from var(--brand-2) h s l/.1));box-shadow:0 0 15px -4px var(--glow-color),var(--shadow)}.about-list-section{margin-top:1rem;margin-bottom:1rem}.card:after,.card:before{pointer-events:none}.card .chip,.card a{position:relative;z-index:1}.articles-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.card{padding:24px;transition:box-shadow var(--transition-medium),transform var(--transition-medium);background-color:var(--surface);color:var(--text)}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,.08)}.card-title{font-size:1.25rem;font-weight:700;color:var(--heading-text);margin-bottom:8px}.card-excerpt{font-size:1rem;color:var(--muted);margin-bottom:16px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:16px}.card-date{font-size:.875rem;color:var(--muted)}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.no-articles-found{text-align:center;padding:40px;color:var(--muted);font-style:italic;border:1px dashed var(--line);border-radius:var(--radius)}.hero-subtitle{animation:fadeInUp 1s var(--transition-medium) both}.home-hero__visual{transition:transform var(--transition-medium),box-shadow var(--transition-medium);animation:fadeInUp 1.1s var(--transition-medium) both}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Russo+One&display=swap");:root{--font-body:"Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-heading:"Russo One",sans-serif;--transition-fast:0.2s cubic-bezier(0.25,1,0.5,1);--transition-medium:0.4s cubic-bezier(0.25,1,0.5,1);--transition-slow:0.6s cubic-bezier(0.25,1,0.5,1)}:root,[data-theme=cyber]{--bg-0:#05060a;--bg-1:#0a0f1f;--surface:color-mix(in oklab,#0f152a 80%,#000 20%);--line:color-mix(in oklab,#232a50 60%,#0ff 40%);--muted:#8d95b9;--text:#e6e9f3;--heading-text:#fff;--brand:oklch(0.78 0.28 328);--brand-2:#27e0ff;--ring:#80f0ff;--glow-color:rgba(0,225,255,.6);--radius:12px;--gap:16px;--shadow-sm:0 4px 12px rgba(0,0,0,.3);--shadow:0 10px 30px rgba(0,0,0,.5);--card-glow:0 0 20px -5px var(--glow-color);color-scheme:dark}[data-theme=fairy]{--bg-0:#fefbf7;--bg-1:#f9f0e8;--surface:#fff;--line:#e8dccf;--muted:#a396b8;--text:#5a4e70;--heading-text:#463d63;--brand:oklch(0.88 0.12 305);--brand-vert:oklch(0.72 0.08 150);--brand-peche:oklch(0.9 0.16 50);--ring:oklch(0.95 0.08 260);--glow-color:rgba(200,140,242,.5);--radius:20px;--gap:20px;--shadow-sm:0 8px 20px rgba(180,160,231,.15);--shadow:0 16px 40px rgba(180,160,231,.2);--card-glow:0 8px 30px rgba(255,172,199,.45);color-scheme:light}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundPan{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%,to{box-shadow:0 0 5px -2px var(--glow-color),0 0 10px -2px var(--glow-color)}50%{box-shadow:0 0 10px 0 var(--glow-color),0 0 20px 0 var(--glow-color)}}@keyframes glitch{2%,64%{transform:translate(2px) skew(0deg)}4%,60%{transform:translate(-2px) skew(0deg)}62%{transform:translate(0) skew(5deg)}}@keyframes sparkle{0%,to{opacity:.1}50%{opacity:.3}}@keyframes cyberSweep{to{background-position:200% 0}}@keyframes vineFlow{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes neonPulse{0%,to{box-shadow:0 0 8px var(--brand),0 0 12px var(--brand-2)}50%{box-shadow:0 0 12px var(--brand),0 0 16px var(--brand-2)}}@keyframes cyberGridMove{0%{background-position:0 0}to{background-position:100% 100%}}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--text);font:16px/1.6 var(--font-body);background-color:var(--bg-0);overflow-x:hidden;transition:background-color var(--transition-medium),color var(--transition-medium)}[data-theme=cyber] body{background-color:var(--bg-0);background-image:radial-gradient(ellipse 50% 80% at 50% -20%,var(--surface),transparent),repeating-linear-gradient(45deg,rgba(43,43,59,.1) 0,rgba(43,43,59,.1) 1px,transparent 1px,transparent 10px);background-size:200% 200%;animation:backgroundPan 30s linear infinite,cyberGridMove 50s linear infinite}[data-theme=fairy] body{background-color:var(--bg-0);background-image:none;background-size:auto;animation:none}[data-theme=fairy] body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle 500px at 10% 20%,var(--brand-vert),transparent 40%),radial-gradient(circle 600px at 90% 80%,var(--brand-peche),transparent 50%);animation:sparkle 10s ease-in-out infinite alternate;z-index:-1}img,video{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--heading-text);letter-spacing:.05em;animation:fadeInUp .8s var(--transition-medium) both}[data-theme=cyber] .brand,[data-theme=cyber] h1{text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}[data-theme=cyber] .brand:hover{animation:glitch .25s linear infinite}.container{width:min(1280px,92vw);margin-inline:auto;padding:2rem 0}.grid{display:grid;grid-gap:var(--gap);gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-medium);overflow:hidden;position:relative;text-decoration:none;color:inherit;cursor:pointer;-webkit-backface-visibility:hidden;display:block}.card:hover{transform:translateY(-4px);box-shadow:var(--card-glow);border-color:var(--brand)}.card .frame{margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:calc(var(--radius) / 1.5);position:relative}.card .frame img,.card .frame video{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .frame img,.card:hover .frame video{transform:scale(1.08)}.card .content{padding:var(--gap) calc(var(--gap) / 1.5) calc(var(--gap) / 2);display:flex;flex-direction:column;flex-grow:1}.card .title{margin:0 0 .5rem;font-size:clamp(1rem,2.5vw,1.1rem);color:var(--heading-text);line-height:1.2}.card .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);margin-top:auto}.play-badge{position:absolute;inset:0;display:grid;place-items:center;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:inherit;color:var(--brand);font-size:2.5rem;transition:all var(--transition-fast);opacity:0}.card:hover .play-badge{opacity:1}.chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 10px;font-size:.8rem;font-weight:500;border-radius:999px;border:1px solid var(--line);background-color:var(--surface);color:var(--muted);transition:all var(--transition-fast);text-decoration:none;cursor:pointer}.chip:hover{background-color:var(--brand);border-color:var(--brand);color:var(--bg-0)}.post-card-style{padding:var(--gap)}.post-card-content{display:flex;flex-direction:column;height:100%}.post-card-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.3;-webkit-line-clamp:2}.post-card-excerpt,.post-card-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.post-card-excerpt{font-size:.9rem;color:var(--muted);line-height:1.4;-webkit-line-clamp:3;margin-top:.5rem}.post-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.8rem;color:var(--muted)}.post-card-date{font-family:var(--font-body)}.post-card-tags{display:flex;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--line);background-color:var(--surface);color:var(--text);font-weight:500;transition:var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.primary,.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);color:var(--bg-0)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:color-mix(in oklab,var(--text) 5%,transparent)}.home-hero{padding:calc(var(--gap) * 2) 0}.home-hero__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(var(--gap) * 2);gap:calc(var(--gap) * 2);align-items:center}.home-hero__copy{display:flex;flex-direction:column;gap:var(--gap)}.hero-title{font-size:clamp(2.5rem,6vw,4rem);margin:0}.hero-subtitle{font-size:1.25rem;color:var(--muted);max-width:40ch;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--gap);margin-top:calc(var(--gap) / 2)}.home-hero__visual{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.home-hero__visual:hover{transform:scale(1.03);box-shadow:var(--card-glow),var(--shadow)}@media (max-width:900px){.home-hero__grid{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin-inline:auto}.home-hero__copy{order:2}.home-hero__visual{order:1}.hero-actions{justify-content:center}}