@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono:wght@400&display=swap";@font-face{font-family:BLOODROSE;src:url(/BLOODROSE.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BlazhePixel;src:url(/BlazhePixel-Regular_demo.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #bb44ff;--secondary-purple: #dd66ff;--red-glitch: #ff44bb;--blue-glitch: #44bbff;--bg-black: #000;--text-white: #fff;--logo-size: clamp(3rem, 6vw, 8rem);--tagline-size: clamp(18px, 4vw, 32px);--button-size: clamp(9px, 1.5vw, 14px);--info-size: clamp(11px, 1.5vw, 16px);--system-size: clamp(10px, 1.5vw, 14px);--copyright-size: clamp(8px, 1.2vw, 12px);--container-padding: clamp(15px, 3vw, 25px);--content-padding: clamp(15px, 3vw, 25px);--button-padding-y: clamp(8px, 2vw, 18px);--button-padding-x: clamp(20px, 4vw, 45px);--button-gap: clamp(15px, 3vw, 25px);--section-gap: clamp(15px, 2vw, 20px);--button-min-width: clamp(120px, 18vw, 180px);--border-radius: clamp(4px, 1vw, 8px)}body{font-family:BLOODROSE,Courier New,monospace;background:var(--bg-black);color:var(--text-white);overflow:hidden;height:100vh;width:100vw;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html{font-size:16px}@media (max-width: 480px){html{font-size:14px}}@media (min-width: 1920px){html{font-size:18px}}.terminal-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-black);position:relative}.terminal-screen{width:100vw;height:100vh;background:url(/clideo_editor_eb2ea1ee3c074844a3932fda3c70ec82.gif);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--container-padding);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.header-section{position:absolute;bottom:var(--container-padding);left:50%;transform:translate(-50%);text-align:center;width:calc(100% - 2 * var(--container-padding))}.system-info{font-size:var(--system-size);font-family:Share Tech Mono,Courier New,monospace;color:var(--primary-purple);text-shadow:0 0 5px var(--primary-purple),0 0 10px var(--primary-purple);margin-bottom:2px;letter-spacing:clamp(.5px,.1vw,1px)}.copyright{font-size:var(--copyright-size);font-family:Share Tech Mono,Courier New,monospace;color:var(--primary-purple);text-shadow:0 0 5px var(--primary-purple),0 0 10px var(--primary-purple);letter-spacing:clamp(.25px,.05vw,.5px)}@media (max-width: 768px){.header-section{bottom:calc(var(--container-padding) * .75)}}@media (max-width: 480px){.header-section{bottom:calc(var(--container-padding) * .5)}}@media (orientation: landscape) and (max-height: 600px){.header-section{position:relative;bottom:auto;transform:none;margin-top:var(--section-gap)}.terminal-screen{justify-content:flex-start;padding-top:calc(var(--container-padding) * .5);padding-bottom:calc(var(--container-padding) * .5)}}.content-box{border:2px solid var(--primary-purple);border-radius:var(--border-radius);padding:var(--content-padding);box-shadow:0 0 20px #bb44ff4d,0 0 40px #bb44ff1a,inset 0 0 20px #bb44ff0d;background:#000000f2;position:relative;z-index:2;max-width:min(70vw,600px);width:100%;transform:scale(.8)}.secondary-box{border:2px solid var(--primary-purple);border-radius:var(--border-radius);box-shadow:0 0 20px #bb44ff4d,0 0 40px #bb44ff1a,inset 0 0 20px #bb44ff0d;background:linear-gradient(#bb44ff4d,#bb44ff4d),url(/80eb15b74b0e953de799f32cb26a8c61%20copy.gif);background-size:cover;background-position:center;background-repeat:no-repeat;width:clamp(180px,25vw,280px);height:clamp(180px,25vw,280px);margin:calc(var(--section-gap) * -1) auto var(--section-gap) auto;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.secondary-gif{width:110%;height:110%;object-fit:cover;border-radius:calc(var(--border-radius) - 2px);display:block;margin:0 auto}.logo-section{margin:0;text-align:center}.logo-text{font-size:var(--logo-size);color:var(--primary-purple);text-shadow:0 0 2px var(--primary-purple),0 0 4px var(--primary-purple);letter-spacing:clamp(0px,.2vw,2px);margin-bottom:calc(var(--section-gap) * -.45);animation:continuous-glitch 3s infinite linear;font-weight:400;font-style:italic;text-align:center;position:relative;overflow:hidden;line-height:.9}.logo-text:before,.logo-text:after{content:"OBSCURA";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.logo-text:before{color:var(--red-glitch);text-shadow:0 0 1px var(--red-glitch),0 0 2px var(--red-glitch);animation:continuous-glitch-red 3s infinite linear;z-index:-1}.logo-text:after{color:var(--blue-glitch);text-shadow:0 0 1px var(--blue-glitch),0 0 2px var(--blue-glitch);animation:continuous-glitch-blue 3s infinite linear;z-index:-2}.tagline{font-size:clamp(18px,4vw,32px);font-family:BLOODROSE,Courier New,monospace;color:var(--primary-purple);letter-spacing:clamp(0px,.2vw,2px);margin:calc(var(--section-gap) * .05) 0 calc(var(--section-gap) * 2.4) 0;font-style:italic;text-align:center;line-height:1.2}.info-text{font-size:var(--info-size);font-family:Share Tech Mono,Courier New,monospace;color:var(--primary-purple);letter-spacing:clamp(.5px,.1vw,1px);margin:var(--section-gap) clamp(40px,8vw,80px) calc(var(--section-gap) * .75) clamp(40px,8vw,80px);text-align:center;opacity:1}@media (max-width: 768px){.content-box{max-width:90vw;transform:scale(.9)}.secondary-box{width:clamp(150px,30vw,250px);height:clamp(150px,30vw,250px)}.info-text{margin:var(--section-gap) clamp(20px,5vw,60px) calc(var(--section-gap) * .75) clamp(20px,5vw,60px)}}@media (max-width: 600px){.content-box{max-width:95vw;transform:scale(.85)}.secondary-box{width:clamp(120px,35vw,200px);height:clamp(120px,35vw,200px);margin:calc(var(--section-gap) * -.5) auto var(--section-gap) auto}.buttons-container{flex-direction:column;gap:calc(var(--button-gap) * .75)}}@media (max-width: 480px){.content-box{max-width:98vw;padding:calc(var(--content-padding) * .75);transform:scale(.8)}.secondary-box{width:clamp(100px,40vw,180px);height:clamp(100px,40vw,180px)}.info-text{margin:var(--section-gap) clamp(15px,3vw,40px) calc(var(--section-gap) * .5) clamp(15px,3vw,40px);font-size:clamp(10px,1.2vw,14px)}}@media (min-width: 1920px){.content-box{max-width:min(60vw,700px);transform:scale(.9)}.secondary-box{width:clamp(250px,20vw,320px);height:clamp(250px,20vw,320px)}}@media (min-width: 2560px){.content-box{max-width:min(50vw,800px);transform:scale(1)}.secondary-box{width:clamp(300px,18vw,400px);height:clamp(300px,18vw,400px)}}@media (orientation: landscape) and (max-height: 600px){.logo-section{margin-bottom:calc(var(--section-gap) * .5)}.info-text{margin:calc(var(--section-gap) * .5) 0 calc(var(--section-gap) * .25) 0}}.buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--button-gap);margin-top:var(--section-gap);flex-wrap:wrap}.entrance-button{background:#000c;border:2px solid var(--primary-purple);color:var(--primary-purple);padding:var(--button-padding-y) var(--button-padding-x);font-size:clamp(14px,2.2vw,20px);font-family:BLOODROSE,Courier New,monospace;text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);cursor:pointer;transition:all .3s ease;box-shadow:none;border-radius:var(--border-radius);min-width:clamp(180px,20vw,220px);width:clamp(180px,20vw,220px);height:clamp(45px,5vh,55px);text-align:center;font-weight:400;position:relative;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:center}.entrance-button:before,.entrance-button:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.entrance-button:before{color:var(--red-glitch);text-shadow:0 0 1px var(--red-glitch),0 0 2px var(--red-glitch);z-index:-1}.entrance-button:after{color:var(--blue-glitch);text-shadow:0 0 1px var(--blue-glitch),0 0 2px var(--blue-glitch);z-index:-2}.entrance-button:hover{color:var(--secondary-purple);text-shadow:0 0 10px var(--secondary-purple),0 0 20px var(--secondary-purple)}.entrance-button:hover:before,.entrance-button:hover:after{opacity:.8;animation:button-glitch-red .5s infinite linear,button-glitch-blue .5s infinite linear}.entrance-button:active{text-shadow:0 0 5px var(--primary-purple),0 0 10px var(--primary-purple)}.entrance-button:active:before,.entrance-button:active:after{animation:none}@media (max-width: 768px){.buttons-container{flex-direction:column;gap:calc(var(--button-gap) * .75)}.entrance-button{min-width:clamp(160px,25vw,200px);width:clamp(160px,25vw,200px);height:clamp(40px,6vh,50px);font-size:clamp(12px,2vw,18px)}}@media (max-width: 600px){.entrance-button{min-width:clamp(140px,30vw,180px);width:clamp(140px,30vw,180px);height:clamp(38px,7vh,48px);font-size:clamp(11px,2.2vw,16px)}}@media (max-width: 480px){.buttons-container{gap:calc(var(--button-gap) * .5)}.entrance-button{min-width:clamp(120px,35vw,160px);width:clamp(120px,35vw,160px);height:clamp(35px,8vh,45px);font-size:clamp(10px,2.5vw,14px);padding:calc(var(--button-padding-y) * .8) calc(var(--button-padding-x) * .8)}}@media (min-width: 1920px){.entrance-button{min-width:clamp(200px,15vw,250px);width:clamp(200px,15vw,250px);height:clamp(50px,4vh,60px);font-size:clamp(16px,1.8vw,22px)}}@media (min-width: 2560px){.entrance-button{min-width:clamp(220px,12vw,280px);width:clamp(220px,12vw,280px);height:clamp(55px,3.5vh,65px);font-size:clamp(18px,1.5vw,24px)}}@media (orientation: landscape) and (max-height: 600px){.buttons-container{margin-top:calc(var(--section-gap) * .5);gap:calc(var(--button-gap) * .75)}}@media (min-width: 1920px){.buttons-container{gap:calc(var(--button-gap) * 1.2)}}@keyframes random-flip{0%{transform:scaleX(1) scaleY(1) rotate(0)}12.5%{transform:scaleX(-1) scaleY(1) rotate(0)}25%{transform:scaleX(1) scaleY(-1) rotate(0)}37.5%{transform:scaleX(-1) scaleY(-1) rotate(0)}50%{transform:scaleX(1) scaleY(1) rotate(180deg)}62.5%{transform:scaleX(-1) scaleY(1) rotate(180deg)}75%{transform:scaleX(1) scaleY(-1) rotate(180deg)}87.5%{transform:scaleX(-1) scaleY(-1) rotate(180deg)}to{transform:scaleX(1) scaleY(1) rotate(0)}}@keyframes continuous-glitch{0%,15%{transform:translate(0);filter:hue-rotate(0deg)}16%{transform:translate(-2px) scaleX(1.02);filter:hue-rotate(5deg)}17%{transform:translate(3px) scaleX(.98);filter:hue-rotate(-3deg)}18%{transform:translate(-1px) scaleX(1.01);filter:hue-rotate(2deg)}19%{transform:translate(1px) scaleX(.99);filter:hue-rotate(-1deg)}20%,35%{transform:translate(0);filter:hue-rotate(0deg)}36%{transform:translate(4px) scaleY(1.02);filter:hue-rotate(8deg) saturate(1.2)}37%{transform:translate(-3px) scaleY(.98);filter:hue-rotate(-5deg) saturate(.8)}38%{transform:translate(2px) scaleY(1.01);filter:hue-rotate(3deg) saturate(1.1)}39%,60%{transform:translate(0);filter:hue-rotate(0deg) saturate(1)}61%{transform:translate(-2px) skew(2deg);filter:hue-rotate(-4deg)}62%{transform:translate(3px) skew(-1deg);filter:hue-rotate(6deg)}63%{transform:translate(-1px) skew(1deg);filter:hue-rotate(-2deg)}64%{transform:translate(2px) skew(-.5deg);filter:hue-rotate(4deg)}65%{transform:translate(-1px) skew(.5deg);filter:hue-rotate(-1deg)}66%,85%{transform:translate(0);filter:hue-rotate(0deg)}86%{transform:translate(1px) scaleX(1.01) scaleY(.99);filter:hue-rotate(3deg)}87%{transform:translate(-2px) scaleX(.99) scaleY(1.01);filter:hue-rotate(-2deg)}88%{transform:translate(1px) scaleX(1.005);filter:hue-rotate(1deg)}89%,to{transform:translate(0);filter:hue-rotate(0deg)}}@keyframes continuous-glitch-red{0%,15%{transform:translate(0);opacity:.6}16%{transform:translate(3px);opacity:.8}17%{transform:translate(-2px);opacity:.5}18%{transform:translate(1px);opacity:.7}19%{transform:translate(-1px);opacity:.55}20%,35%{transform:translate(0);opacity:.6}36%{transform:translate(-4px);opacity:.9}37%{transform:translate(2px);opacity:.4}38%{transform:translate(-1px);opacity:.65}39%,60%{transform:translate(0);opacity:.6}61%{transform:translate(3px);opacity:.8}62%{transform:translate(-4px);opacity:.45}63%{transform:translate(2px);opacity:.75}64%{transform:translate(-3px);opacity:.5}65%{transform:translate(1px);opacity:.7}66%,85%{transform:translate(0);opacity:.6}86%{transform:translate(2px);opacity:.75}87%{transform:translate(-1px);opacity:.55}88%{transform:translate(1px);opacity:.65}89%,to{transform:translate(0);opacity:.6}}@keyframes continuous-glitch-blue{0%,15%{transform:translate(0);opacity:.6}16%{transform:translate(-1px);opacity:.7}17%{transform:translate(4px);opacity:.5}18%{transform:translate(-2px);opacity:.8}19%{transform:translate(1px);opacity:.55}20%,35%{transform:translate(0);opacity:.6}36%{transform:translate(2px);opacity:.8}37%{transform:translate(-4px);opacity:.4}38%{transform:translate(3px);opacity:.7}39%,60%{transform:translate(0);opacity:.6}61%{transform:translate(-2px);opacity:.75}62%{transform:translate(1px);opacity:.85}63%{transform:translate(-1px);opacity:.55}64%{transform:translate(1px);opacity:.9}65%{transform:translate(-2px);opacity:.65}66%,85%{transform:translate(0);opacity:.6}86%{transform:translate(-1px);opacity:.7}87%{transform:translate(3px);opacity:.5}88%{transform:translate(-1px);opacity:.75}89%,to{transform:translate(0);opacity:.6}}@keyframes button-glitch{0%,20%{transform:translate(0);filter:hue-rotate(0deg)}21%{transform:translate(-1px);filter:hue-rotate(2deg)}22%{transform:translate(2px);filter:hue-rotate(-1deg)}23%{transform:translate(-1px);filter:hue-rotate(1deg)}24%,40%{transform:translate(0);filter:hue-rotate(0deg)}41%{transform:translate(1px);filter:hue-rotate(3deg)}42%{transform:translate(-2px);filter:hue-rotate(-2deg)}43%,60%{transform:translate(0);filter:hue-rotate(0deg)}61%{transform:translate(-1px);filter:hue-rotate(1deg)}62%{transform:translate(1px);filter:hue-rotate(-1deg)}63%,to{transform:translate(0);filter:hue-rotate(0deg)}}@keyframes button-glitch-red{0%,20%{transform:translate(0)}21%{transform:translate(2px)}22%{transform:translate(-1px)}23%{transform:translate(1px)}24%,40%{transform:translate(0)}41%{transform:translate(-2px)}42%{transform:translate(1px)}43%,60%{transform:translate(0)}61%{transform:translate(1px)}62%{transform:translate(-1px)}63%,to{transform:translate(0)}}@keyframes button-glitch-blue{0%,20%{transform:translate(0)}21%{transform:translate(-1px)}22%{transform:translate(2px)}23%{transform:translate(-1px)}24%,40%{transform:translate(0)}41%{transform:translate(1px)}42%{transform:translate(-2px)}43%,60%{transform:translate(0)}61%{transform:translate(-1px)}62%{transform:translate(1px)}63%,to{transform:translate(0)}}@keyframes scanline-move{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}@keyframes glow-pulse{0%{text-shadow:0 0 8px var(--primary-purple),0 0 16px var(--primary-purple),0 0 24px var(--primary-purple)}to{text-shadow:0 0 12px var(--primary-purple),0 0 24px var(--primary-purple),0 0 36px var(--primary-purple)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes background-shift{0%{filter:hue-rotate(280deg) saturate(2.5) brightness(.6) contrast(1.5) sepia(.6)}25%{filter:hue-rotate(285deg) saturate(2.8) brightness(.5) contrast(1.6) sepia(.7)}50%{filter:hue-rotate(275deg) saturate(2.3) brightness(.7) contrast(1.4) sepia(.5)}75%{filter:hue-rotate(290deg) saturate(2.6) brightness(.55) contrast(1.7) sepia(.8)}to{filter:hue-rotate(280deg) saturate(2.5) brightness(.6) contrast(1.5) sepia(.6)}}@keyframes circular-fade{0%{clip-path:circle(0% at 50% 50%);opacity:0}to{clip-path:circle(150% at 50% 50%);opacity:1}}.circular-fade-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;pointer-events:none;animation:circular-fade 1.2s ease-out forwards}.fullscreen-gif{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:10000;background:var(--bg-black)}.fade-in{animation:fadeIn .5s ease-in-out}.fade-out{animation:fadeOut .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
