.app{width:100%;animation:fadeIn .8s cubic-bezier(.16,1,.3,1);perspective:1200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #4f46e566,0 0 40px #4f46e533,0 0 60px #4f46e51a,inset 0 0 20px #4f46e50d}50%{box-shadow:0 0 30px #4f46e599,0 0 60px #4f46e54d,0 0 90px #4f46e526,inset 0 0 30px #4f46e514}}.container{background:transparent;border:none;border-radius:32px;padding:50px;min-height:85vh;box-shadow:inset 0 0 120px #000000e6,inset 0 0 80px #000c,inset 0 20px 60px #000000b3,inset 0 0 0 1px #4f46e526;position:relative;overflow:visible;transform:translateZ(-150px) rotateX(2deg);transform-style:preserve-3d}.container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:32px;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:-1}.container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px;background:radial-gradient(circle at center,rgba(79,70,229,.03) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite;pointer-events:none;z-index:-1}.title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:25px;background:linear-gradient(135deg,#818cf8,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative;text-shadow:0 0 40px rgba(79,70,229,.5);filter:drop-shadow(0 0 20px rgba(79,70,229,.3));transform:translateZ(120px) scale(1.05);transform-style:preserve-3d}.presentation-toggle{display:flex;align-items:center;gap:10px;margin:0 auto 20px;padding:12px 28px;border-radius:12px;border:2px solid rgba(79,70,229,.5);background:#140528e6;color:#8b5cf6;font-size:.9rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-transform:uppercase;transform:translateZ(110px) scale(1.02);transform-style:preserve-3d;box-shadow:0 0 20px #4f46e533,0 10px 25px #0009}.presentation-toggle:hover{border-color:#818cf8;color:#e9d5ff;background:#1e0a32f2;transform:translateZ(130px) translateY(-3px) scale(1.04);box-shadow:0 0 30px #4f46e566,0 15px 35px #000000b3}.presentation-toggle:active{transform:translateZ(100px) translateY(-1px) scale(1.01)}.presentation-toggle svg{width:20px;height:20px}.presentation-fullscreen{position:fixed;top:-50px;left:0;right:0;bottom:0;height:95vh;margin:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;padding:5px;animation:fadeIn .3s ease}.presentation-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(79,70,229,.6);background:#140528f2;color:#8b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.presentation-close:hover{background:#1e0a32;border-color:#818cf8;color:#e9d5ff;transform:scale(1.1) rotate(90deg);box-shadow:0 0 30px #4f46e580}.presentation-close:active{transform:scale(.95) rotate(90deg)}.presentation-iframe-fullscreen{width:100%;height:100%;max-width:95vw;max-height:99vh;border:2px solid rgba(79,70,229,.4);border-radius:12px;background:#0a011880;box-shadow:0 0 60px #4f46e54d}.presentation-container{width:100%;max-width:1400px;margin:0 auto 30px;border-radius:16px;overflow:hidden;position:relative;transform:translateZ(100px) scale(1.03);transform-style:preserve-3d;box-shadow:0 0 0 2px #4f46e566,0 0 30px #4f46e54d,0 20px 50px #000000b3;transition:all .4s cubic-bezier(.16,1,.3,1);animation:slideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateZ(50px) translateY(-20px) scale(.98)}to{opacity:1;transform:translateZ(100px) scale(1.03)}}.presentation-container:hover{transform:translateZ(120px) scale(1.04);box-shadow:0 0 0 2px #4f46e599,0 0 40px #4f46e580,0 25px 60px #000c}.presentation-iframe{width:100%;height:75vh;min-height:600px;border:none;display:block;background:#0a011880}.converter{display:flex;flex-direction:column;gap:12px}.input-section,.output-section{display:flex;flex-direction:column;gap:8px}.label{font-size:.75rem;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:2px;position:relative;padding-left:10px;transform:translateZ(60px);transform-style:preserve-3d}.label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:100%;background:linear-gradient(180deg,#818cf8,#a78bfa);border-radius:2px}.textarea{width:100%;padding:16px;font-size:1.3rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;border:2px solid rgba(79,70,229,.4);border-radius:12px;resize:vertical;transition:all .4s cubic-bezier(.16,1,.3,1);background:#0a0118d9;color:#f3e8ff;line-height:1.6;box-shadow:inset 0 2px 8px #0006,0 0 0 1px #4f46e533,0 0 25px #4f46e526,0 15px 35px #0009;position:relative;transform:translateZ(80px) scale(1);transform-style:preserve-3d;height:175px}.input-textarea{font-size:2rem}.textarea:focus{outline:none;z-index:40000;border-color:#818cf8;background:#0a0118cc;box-shadow:inset 0 2px 8px #0006,0 0 0 3px #a78bfa33,0 0 30px #4f46e54d,0 20px 50px #0009;transform:translateZ(1400px) translateY(-10px) scale(1.075)}.textarea.output{background:#140528d9;cursor:default;border-style:dashed}.textarea.output:focus{transform:translateZ(80px) scale(1.02)}.textarea::placeholder{color:#6366f1;opacity:.5}.controls{display:flex;gap:12px;justify-content:center;align-items:center;margin:8px 0}.swap-button{width:50px;height:50px;border-radius:50%;border:2px solid rgba(79,70,229,.5);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 30px #4f46e580,0 15px 40px #0009,inset 0 1px #fff3;position:relative;animation:glow 3s ease-in-out infinite;transform:translateZ(150px) scale(1.1);transform-style:preserve-3d}.swap-button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#a78bfa);opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(8px)}.swap-button:hover:before{opacity:.6}.swap-button:hover{transform:translateZ(200px) rotate(180deg) scale(1.25);box-shadow:0 0 60px #4f46e5e6,0 25px 60px #000c,inset 0 1px #ffffff4d}.swap-button:active{transform:translateZ(120px) rotate(180deg) scale(1)}.clear-button{padding:10px 24px;border-radius:10px;border:2px solid rgba(79,70,229,.5);background:#140528e6;color:#8b5cf6;font-size:.85rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-transform:uppercase;position:relative;overflow:hidden;transform:translateZ(130px) scale(1.05);transform-style:preserve-3d;box-shadow:0 0 20px #4f46e533,0 12px 30px #0009}.clear-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#4f46e54d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.clear-button:hover:before{width:300px;height:300px}.clear-button:hover{border-color:#818cf8;color:#e9d5ff;transform:translateZ(180px) translateY(-5px) scale(1.08);box-shadow:0 0 25px #4f46e580,0 20px 50px #000000b3}.clear-button:active{transform:translateZ(110px) translateY(-2px) scale(1.03)}.clear-button span{position:relative;z-index:1}.info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(79,70,229,.2);position:relative;transform:translateZ(40px);transform-style:preserve-3d}.info:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent 0%,#818cf8 50%,transparent 100%)}.info-text{text-align:center;color:#7c3aed;font-size:.8rem;line-height:1.5;font-weight:500;letter-spacing:.5px;opacity:.8}@media (max-width: 640px){.container{padding:20px;border-radius:20px}.title{font-size:1.8rem;margin-bottom:20px}.textarea{font-size:1rem;padding:14px}.swap-button{width:46px;height:46px}.clear-button{padding:10px 20px;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0118;background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(75,0,130,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(75,0,130,.15) 0px,transparent 50%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(79,70,229,.03) 0px,transparent 1px,transparent 2px,rgba(79,70,229,.03) 3px);pointer-events:none;z-index:1}#root{width:100%;max-width:1600px;position:relative;z-index:2}