@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;900&family=Righteous&display=swap";:root{--color-bg: #050505;--color-text: #FFFFFF;--color-accent: #FF003C;--color-secondary: #00F0FF;--color-accent-hover: #FF3366;--color-surface: #111111;--font-display: "Righteous", cursive;--font-body: "Poppins", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#0a0a0a 25%,transparent 25%,transparent 75%,#0a0a0a 75%,#0a0a0a),linear-gradient(45deg,#0a0a0a 25%,transparent 25%,transparent 75%,#0a0a0a 75%,#0a0a0a);background-size:20px 20px;background-position:0 0,10px 10px;text-transform:uppercase;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>');opacity:.04;z-index:9999}#app{width:100%;max-width:900px;padding:2rem;display:flex;flex-direction:column;gap:3rem;align-items:center;position:relative;z-index:10}.header{text-align:center;position:relative}.header h1{font-family:var(--font-display);font-size:5rem;line-height:1;color:transparent;-webkit-text-stroke:2px var(--color-text);position:relative;letter-spacing:-2px;transform:skew(-5deg)}.header h1:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--color-accent);-webkit-text-stroke:0;z-index:-1;transform:translate(5px,5px);filter:blur(2px)}.header p{color:var(--color-secondary);font-weight:900;font-size:1.2rem;letter-spacing:4px;margin-top:1rem;background:var(--color-bg);display:inline-block;padding:0 10px;transform:skew(-10deg)}.dropzone{width:100%;max-width:700px;height:350px;border:4px solid var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;transition:all .1s ease;cursor:pointer;position:relative;box-shadow:10px 10px 0 var(--color-accent);transform:skew(-2deg)}.dropzone:hover{transform:skew(-2deg) translate(-5px,-5px);box-shadow:15px 15px 0 var(--color-secondary)}.dropzone.drag-active{border-color:var(--color-accent);background-color:#ff003c1a;box-shadow:-10px -10px 0 var(--color-secondary),10px 10px 0 var(--color-accent)}.dropzone.processing{border-color:var(--color-secondary);background-color:#00f0ff1a;animation:glitch-anim-border .2s infinite alternate}.dropzone-icon{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(4px 4px 0 var(--color-accent))}.dropzone-text{font-family:var(--font-display);font-size:2.5rem;color:var(--color-text);text-shadow:2px 2px 0 var(--color-accent)}.dropzone-subtext{font-weight:900;color:var(--color-bg);background:var(--color-text);padding:4px 12px;margin-top:1rem;letter-spacing:2px}#fileInput{display:none}.file-list{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);padding:1.5rem;border:2px solid #333;border-left:10px solid var(--color-secondary);transform:skew(-2deg);position:relative}.file-item.success{border-left-color:var(--color-accent)}.file-info{display:flex;flex-direction:column;gap:5px}.file-name{font-weight:900;font-size:1.2rem;letter-spacing:1px}.file-status{font-size:.9rem;font-weight:600;color:var(--color-secondary)}.file-item.success .file-status{color:var(--color-accent)}.btn-download{background:transparent;color:var(--color-text);padding:10px 20px;font-family:var(--font-display);font-size:1.1rem;border:2px solid var(--color-text);cursor:pointer;position:relative;transition:all .1s;box-shadow:4px 4px 0 var(--color-accent);text-transform:uppercase}.btn-download:hover{background:var(--color-text);color:var(--color-bg);box-shadow:6px 6px 0 var(--color-secondary);transform:translate(-2px,-2px)}.btn-download:active{box-shadow:0 0 0 transparent;transform:translate(4px,4px)}@keyframes glitch-anim-border{0%{border-color:var(--color-accent);box-shadow:10px -10px 0 var(--color-secondary)}to{border-color:var(--color-secondary);box-shadow:-10px 10px 0 var(--color-accent)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent)}.btn-lang{position:fixed;top:20px;right:20px;background:var(--color-surface);color:var(--color-secondary);border:2px solid var(--color-secondary);padding:5px 15px;font-family:var(--font-display);font-size:1rem;cursor:pointer;z-index:10000;transition:all .2s;box-shadow:4px 4px 0 var(--color-accent)}.btn-lang:hover{background:var(--color-secondary);color:var(--color-bg);box-shadow:6px 6px 0 var(--color-accent);transform:translate(-2px,-2px)}.btn-lang:active{box-shadow:0 0 0 transparent;transform:translate(2px,2px)}.activation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;display:flex;align-items:center;justify-content:center}.activation-box{background:var(--color-surface);border:4px solid var(--color-accent);padding:3rem;max-width:550px;width:90%;text-align:center;box-shadow:15px 15px 0 var(--color-secondary);transform:skew(-2deg)}.activation-box h2{font-family:var(--font-display);font-size:3.5rem;margin-bottom:.5rem;color:transparent;-webkit-text-stroke:2px var(--color-text);position:relative;letter-spacing:-1px}.activation-box h2:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--color-accent);-webkit-text-stroke:0;z-index:-1;transform:translate(3px,3px);filter:blur(1px)}.activation-box p{margin-bottom:2rem;color:var(--color-secondary);font-weight:900;letter-spacing:2px;background:var(--color-bg);display:inline-block;padding:4px 10px}#activationInput{width:100%;padding:15px;font-size:1.5rem;font-family:var(--font-display);font-weight:700;text-align:center;background:var(--color-bg);border:3px solid var(--color-text);color:var(--color-secondary);margin-bottom:1.5rem;text-transform:uppercase;transition:all .2s;box-shadow:inset 0 0 15px #00f0ff1a}#activationInput:focus{outline:none;border-color:var(--color-accent);box-shadow:5px 5px 0 var(--color-secondary)}#activationInput::placeholder{color:#333}.btn-secondary{border-color:#555;color:#888;box-shadow:4px 4px #333}.btn-secondary:hover{background:transparent;border-color:var(--color-text);color:var(--color-text);box-shadow:6px 6px 0 var(--color-accent)}.activation-error{color:var(--color-accent)!important;background:transparent!important;font-weight:900;margin-top:1.5rem;min-height:24px;font-size:1rem;letter-spacing:1px}.error-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0) skew(-2deg)}20%,80%{transform:translate3d(4px,0,0) skew(-3deg)}30%,50%,70%{transform:translate3d(-8px,0,0) skew(-1deg)}40%,60%{transform:translate3d(8px,0,0) skew(-4deg)}}