@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=VT323&family=Press+Start+2P&display=swap";
:root{--dprk-red:#ed1c27;--dprk-blue:#024fa2;--dprk-white:#fff;--dprk-dark:#07101e;--mc-green:#5f5;--mc-grass:#599236;--mc-gold:#fa0;--font-propaganda:"Oswald", sans-serif;--font-pixel:"VT323", monospace;--font-arcade:"Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--dprk-dark);color:var(--dprk-white);font-family:var(--font-propaganda);line-height:1.6;position:relative;overflow-x:hidden}body:after{content:" ";z-index:999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:2px}.bg-abstract-flag{z-index:-1;background:linear-gradient(135deg, var(--dprk-blue) 0%, var(--dprk-blue) 25%, var(--dprk-white) 25%, var(--dprk-white) 30%, var(--dprk-red) 30%, var(--dprk-red) 70%, var(--dprk-white) 70%, var(--dprk-white) 75%, var(--dprk-blue) 75%, var(--dprk-blue) 100%);opacity:.15;width:100%;height:100%;position:absolute;top:0;left:0}.propaganda-card{border:2px solid var(--dprk-blue);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#024fa21a;padding:2rem;transition:all .3s;position:relative}.propaganda-card:before{content:"";background:linear-gradient(45deg, var(--dprk-red), transparent, var(--dprk-blue)) border-box;-webkit-mask-composite:destination-out;opacity:0;border:4px solid #0000;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.propaganda-card:hover{background:#ed1c270d;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 30px -10px #ed1c2766}.propaganda-card:hover:before{opacity:1}.btn-action{font-family:var(--font-arcade);background-color:var(--dprk-red);color:var(--dprk-white);cursor:pointer;text-transform:uppercase;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:clamp(.8rem,2vw,1rem) clamp(1rem,3vw,2rem);font-size:clamp(.7rem,3vw,1rem);text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden;box-shadow:4px 4px #00000080}.btn-action:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-action:hover{background-color:#f34;transform:translate(-2px,-2px);box-shadow:6px 6px #0009}.btn-action:hover:after{left:100%}.btn-action:active{transform:translate(4px,4px);box-shadow:0 0 #000c}.btn-secondary{border:2px solid var(--dprk-white);color:var(--dprk-white);background-color:#0000}.btn-secondary:hover{background-color:#ffffff1a;box-shadow:0 0 15px #fff3}.text-arcade{font-family:var(--font-arcade)}.text-pixel{font-family:var(--font-pixel)}.text-propaganda{font-family:var(--font-propaganda)}.glitch-text{color:#fff;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);white-space:nowrap;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 red;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-1px 0 #00f;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(25px, 9999px, 86px, 0)}5%{clip:rect(69px, 9999px, 12px, 0)}10%{clip:rect(74px, 9999px, 52px, 0)}15%{clip:rect(61px, 9999px, 20px, 0)}20%{clip:rect(100px, 9999px, 11px, 0)}25%{clip:rect(60px, 9999px, 89px, 0)}30%{clip:rect(20px, 9999px, 96px, 0)}to{clip:rect(20px, 9999px, 96px, 0)}}@keyframes glitch-anim2{0%{clip:rect(65px, 9999px, 100px, 0)}5%{clip:rect(52px, 9999px, 74px, 0)}10%{clip:rect(79px, 9999px, 85px, 0)}15%{clip:rect(75px, 9999px, 5px, 0)}20%{clip:rect(67px, 9999px, 61px, 0)}25%{clip:rect(14px, 9999px, 79px, 0)}30%{clip:rect(1px, 9999px, 14px, 0)}to{clip:rect(1px, 9999px, 14px, 0)}}.text-gradient-dprk{background:linear-gradient(to right, var(--dprk-red), var(--dprk-white), var(--dprk-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text}