@import url('https://fonts.googleapis.com/css2?family=Anton&family=VT323&display=swap');:root{--bg-color:#0d0d1a;--text-color:#e0e0e0;--heading-color:#fff;--scanline-color:rgba(255,255,255,0.05);--timestamp-color:#00ffea;--rec-color:#f00;--glitch-text-shadow:-1px -1px 0 var(--rec-color),1px 1px 0 var(--timestamp-color);--heading-font:'Anton','Impact',sans-serif;--body-font:'VT323','Courier New',monospace}@keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%,2%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}60%{transform:translate(1%,-2%)}70%{transform:translate(-2%,-1%)}80%{transform:translate(2%,2%)}90%{transform:translate(-1%,1%)}}@keyframes scanline{0%{background-position:0 0}100%{background-position:0 100%}}@keyframes title-fade-in{0%{opacity:0;text-shadow:none;transform:scale(1.1)}85%{opacity:.8;text-shadow:none;transform:scale(1)}90%{opacity:.5;text-shadow:var(--glitch-text-shadow);transform:scale(1.01)}95%{opacity:.9;text-shadow:none}100%{opacity:1;text-shadow:2px 2px 0 #000,4px 4px 0 rgba(0,0,0,0.5)}}@keyframes rec-blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes content-glitch{0%{opacity:1;transform:translateY(0)}94%{opacity:1;transform:translateY(0)}95%{opacity:.3;transform:translateY(2px)}96%{opacity:1;transform:translateY(0)}97%{opacity:.4;transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body-font);background-color:var(--bg-color);color:var(--text-color);line-height:1.7;font-size:20px;overflow-x:hidden;position:relative}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39tbW1+fn5oaGhiYmLS0tJcXFzerq6fy8vOzc3Nzc2KiooqKcp8AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAKpJREFUOE+l1MkWwzAQA0HupPAw/f9vbeSgAQoZ2cK5hX3so7jB4w1GvQ8gDo2gP3sFIm4u3MhIm4yNeKVEgUiaClE0A92E46Sg3IBv1gImv4i4v0i46E+iS4oEnYQ3v8QLv4QlIuknCutTZaB6YxSve1gL4bxxB6f+DnkVHMHY412z/VXxUKq+z2iB13M1Tt70YHzUpT31LdYmfrcu9A+aKna395zF5rD4w+cr3gD1xY5C0Jhw58AAAAASUVORK5CYII=');animation:grain 1s steps(2,end) infinite;z-index:100;pointer-events:none;opacity:.15}body::after{content:"REC ● JUN.13.2025 16:36:21 PM";position:fixed;top:20px;right:20px;font-family:var(--body-font);font-size:22px;color:var(--timestamp-color);text-shadow:1px 1px 2px rgba(0,0,0,0.7);z-index:101;pointer-events:none}body::after span{animation:rec-blink 1s infinite;color:var(--rec-color)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--scanline-color) 50%,transparent 50%);background-size:100% 4px;animation:scanline 30s linear infinite;pointer-events:none;z-index:99}.container{width:90%;max-width:1100px;margin:0 auto;padding:60px 0;animation:content-glitch 15s infinite}img{max-width:100%;height:auto;filter:saturate(0.8) brightness(0.9)}h1,h2,h3{font-family:var(--heading-font);color:var(--heading-color);margin-bottom:20px;font-weight:400;line-height:1.1;text-transform:uppercase}h1{font-size:clamp(3.5rem,10vw,7rem);text-shadow:2px 2px 0 #000,4px 4px 0 rgba(0,0,0,0.5);animation:title-fade-in 3s ease-out forwards;color:white;word-wrap:break-word}h2{font-size:clamp(2.5rem,6vw,3.5rem);text-align:center;color:var(--heading-color);text-shadow:var(--glitch-text-shadow);word-wrap:break-word}h3{font-size:1.8rem}p{margin-bottom:15px}a{color:var(--timestamp-color);text-decoration:underline;transition:color .3s ease}a:hover{color:var(--rec-color);text-shadow:0 0 5px var(--rec-color);background:none}.page-header{text-align:center;padding:20px 0;border:none}.page-header img{filter:brightness(5) contrast(2) grayscale(1);max-width:500px!important}.hero{text-align:center;padding:80px 20px;background:none;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero h2{font-family:var(--body-font);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;color:var(--text-color);max-width:600px;margin:30px auto;text-transform:none;text-shadow:none}.cta-button{display:inline-block;font-family:var(--heading-font);background-color:transparent;color:var(--heading-color);font-size:1.5rem;padding:10px 30px;text-decoration:none;transition:all .2s ease;border:2px solid var(--heading-color);box-shadow:none;border-radius:0}.cta-button:hover{background-color:var(--rec-color);color:var(--heading-color);border-color:var(--rec-color);text-decoration:none;transform:scale(1.05);text-shadow:0 0 10px white}section{border:none}.features-grid,.comment-feed,.faq-container{margin-top:40px;display:grid;gap:25px}.features-grid{grid-template-columns:1fr}@media(min-width:600px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.features-grid{grid-template-columns:repeat(4,1fr)}}.comment-feed{grid-template-columns:1fr;max-width:800px;margin:40px auto 0}.faq-container{max-width:800px;margin:40px auto 0}.feature-box,.comment-card,.faq-item{background-color:transparent;border:2px solid rgba(255,255,255,0.3);padding:20px;text-align:center;box-shadow:none;border-radius:0;transition:none}.feature-box:hover,.comment-card:hover,.faq-item:hover{transform:none;background-color:rgba(0,255,234,0.05);border-color:var(--timestamp-color)}.feature-box i{font-size:3rem;color:var(--text-color);margin-bottom:20px;text-shadow:var(--glitch-text-shadow)}.comment-card{text-align:left}.comment-header{display:flex;align-items:center;margin-bottom:15px}.comment-header i{font-size:2rem;margin-right:15px;color:var(--text-color)}.comment-header .username{font-weight:bold;color:var(--heading-color);font-size:1.2em}.comment-footer{color:var(--text-color)}.comment-footer i{color:var(--rec-color)}.faq-question{width:100%;background:none;border:none;padding:10px;text-align:left;font-size:1.3rem;color:var(--heading-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question::after{content:'[+]';font-family:var(--body-font);font-weight:normal;transition:transform .3s ease;font-size:1.5rem}.faq-item.active .faq-question::after{content:'[-]'}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.faq-answer p{padding:0 10px 10px;margin:0;border-top:1px solid rgba(255,255,255,0.2);padding-top:10px}.faq-item.active .faq-answer{max-height:300px}.page-footer{text-align:center;padding:40px 20px;background-color:transparent;color:rgba(255,255,255,0.5);font-size:1rem;border-top:2px solid rgba(255,255,255,0.3)}.social-links{list-style:none;padding:0;margin-top:20px;display:flex;justify-content:center;gap:20px}.social-links a{font-size:1.5rem;color:rgba(255,255,255,0.5);transition:all .2s ease;text-decoration:none}.social-links a:hover{color:var(--rec-color);transform:scale(1.2)}.fade-in-section{opacity:0;transition:opacity .5s ease-out}.fade-in-section.is-visible{opacity:1;animation:content-glitch 10s infinite reverse}