header{border-bottom:1px solid #222;margin-bottom:1rem}footer{background:var(--dark-bg);z-index:20;position:relative;bottom:0;left:0;width:100%}footer p{margin:0;padding:1em}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 50%,var(--deep-purple) 0%,var(--dark-bg) 100%);text-align:center;color:var(--font)}.hero-logo{width:150px;margin-bottom:20px}.hero .glitch-container{position:relative;display:flex;justify-content:center;align-items:center}.hero h1{font-size:6rem;font-weight:700;text-transform:uppercase}.hero .glitch{position:relative;color:var(--font);text-shadow:.05em 0 0 var(--glitch-red),-.025em -.05em 0 var(--glitch-green),.025em .05em 0 var(--glitch-blue)}.hero .glitch:before,.hero .glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.hero .glitch:before{animation:glitch-anim .3s infinite;color:var(--font);z-_index:-1}.hero .glitch:after{animation:glitch-anim-2 .3s infinite;color:var(--neon-pink);z-index:-2}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px)}60%{transform:translate(3px)}80%{transform:transform: translate(3px,-3px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}25%{transform:translate(3px,-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.hero .glitch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff000f,#0000ff0f);background-size:100% 2px,3px 100%;pointer-_events:none;z-index:10}.hero .palimpsest{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;font-size:12px;line-height:1;word-break:break-all;pointer-events:none;user-select:none;z-index:10;overflow:hidden}@media(max-width:720px){.hero h1{font-size:2rem}.hero p{font-size:.8rem}}.latest-posts{position:relative;width:100%;background-color:var(--dark-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:800px;z-index:10}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;z-index:1}.grid-lines{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(to right,rgba(255,0,255,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,0,255,.3) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg);animation:moveGrid 10s linear infinite}.grid-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#ff00ff1a);z-index:2}.content{position:relative;z-index:3;color:var(--font);text-align:center}@keyframes moveGrid{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(50px)}}.grid-cards{display:flex;flex-flow:row nowrap;gap:2rem;justify-content:space-around}.posts-grid-card{background:#ffffff0d;color:var(--font);backdrop-filter:blur(4px);border:1px solid var(--neon-cyan);padding:2rem;margin-top:2rem;margin-bottom:2rem;box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan);overflow:hidden}.posts-grid-card a{text-decoration:none;color:var(--font)}.posts-grid-card h3{text-transform:uppercase}.content article:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--glitch-blue);animation:scanline 4s infinite linear}@keyframes scanline{0%{top:0%}to{top:100%}}.side-menu{position:fixed;top:50px;left:20px;z-index:1000;padding:1em;border-radius:4px;background:#050505e6;backdrop-filter:blur(4px);border:1px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan)}.menu-list{list-style:"> ";padding-left:1em}.menu-item{font-family:monospace;margin-top:1em}.menu-item a{text-decoration:none;color:var(--font)}.menu-list li:hover{color:var(--neon-pink)}.menu-list a:hover{color:var(--neon-cyan)}.submenu{display:none;padding:1em 1em 1em 10em;list-style-type:"> "}.menu-item:hover .submenu{display:block}#menu-toggle{display:none}.hamburger{display:none;cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:30px}.hamburger span{display:block;height:5px;width:100%;background-color:#fff;border-radius:3px;transition:all .3s ease-in-out;box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan);border:1px solid var(--neon-cyan)}@media(max-width:720px){.side-menu{position:fixed;width:100%;top:0;left:0;border-radius:0;background:var(--dark-bg);padding:.5em 1;box-sizing:border-box;z-index:11;box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan);border:1px solid var(--neon-cyan);align-items:center;padding:.5em 1em}.menu-list{display:flex;z-index:11;flex-direction:column;gap:20px;margin-top:0;list-style-type:"| ";position:absolute;top:100%;left:-110%;transition:all .2s ease-in-out;box-sizing:border-box;width:100%;border-radius:0;border:1px solid var(--neon-cyan);background:var(--dark-bg);box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan);padding:1em}.submenu{padding:1em}.menu-item .submenu{display:block}.hamburger{display:flex}#menu-toggle:checked~.menu-list{left:0}#menu-toggle:checked+.hamburger span:nth-child(1){transform:translateY(5px) rotate(30deg)}#menu-toggle:checked+.hamburger span:nth-child(2){opacity:0}#menu-toggle:checked+.hamburger span:nth-child(3){transform:translateY(-5px) rotate(-30deg)}}.presentation{display:flex;align-items:center;padding:50px;gap:50px}.presentation-image{flex:1;text-align:center}.presentation-text{flex:1;text-align:justify}.presentation img{width:100%;border-radius:4em}.ribbon{width:100%;font-family:monospace;overflow:hidden;background:var(--neon-cyan);color:#000;font-weight:700;text-transform:uppercase;z-index:8}.ribbon-bottom{position:absolute;bottom:0;left:0}.ribbon-top{position:fixed;top:0;left:0}.ribbon-content{display:flex;width:max-content;animation:infinite-scroll 10s linear infinite}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-20%)}}:root{--neon-pink: #ff00ff;--neon-cyan: #00ffff;--deep-purple: #2d004d;--dark-bg: #050505;--disco-gold: #ffdf00;--glitch-red: rgba(255, 0, 0, .7);--glitch-green: rgba(0,255,0,.7);--glitch-blue: rgba(0, 255, 255, .7);--font: white}body,html{margin:0;padding:0;width:100%;background-color:var(--dark-bg);font-family:Courier New,Courier,monospace;color:var(--font)}.separateur{height:2px;width:50%;margin-left:25%;margin-top:2em;margin-bottom:2em;box-shadow:0 0 20px 5px var(--neon-pink),inset 0 0 2px 1px var(--neon-cyan)}@media(max-width:600px){.flex-container{flex-direction:column}}.main-container{background:radial-gradient(circle at 50% 50%,var(--deep-purple) 0%,var(--dark-bg) 100%);text-align:center;padding-bottom:5em;display:flex;flex-direction:column}.main-logo{width:10em;margin:2em auto;z-index:3}.main-container .palimpsest{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.05;font-size:12px;line-height:1;word-break:break-all;z-index:1;overflow:hidden}.main-container .glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff000f,#0000ff0f);background-size:100% 2px,3px 100%;z-index:2}.main-container .content{width:50%;border-radius:40px;margin:auto auto 5em;text-align:justify;padding:2em;background:#0505051a;color:var(--font);backdrop-filter:blur(1px);border:1px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan);overflow:hidden;line-height:1.5em;justify-content:center;align-items:center}.main-container .content h1{text-align:center}.main-container .content time{font-style:italic}.main-container .content a{color:var(--neon-cyan)}.main-container .content img{max-width:50%;display:block;margin:1em auto;border:1px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-pink),inset 0 0 10px var(--neon-cyan)}@media(max-width:600px){.main-container .content{width:80vw}.main-container .content img{max-width:100%;display:block;margin:1em auto;border-radius:.5em}}