.Manage{background-color:var(--cyber-black);min-height:100vh;color:var(--cyber-white);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.Manage:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#4c566a1a 1px,#0000 1px),linear-gradient(#4c566a1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:4rem 4rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 0,#000 60%,#0000 100%);mask-image:radial-gradient(80% 50% at 50% 0,#000 60%,#0000 100%)}.Manage .container{z-index:1;width:100%;max-width:600px;position:relative}.Manage .form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e34404d;border:1px solid #81a1c133;border-radius:.5rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.Manage .form:before{content:"";background:linear-gradient(to right, var(--neon-blue), var(--matrix-green));opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.Manage .h2{color:var(--neon-blue);text-align:center;font-size:1.5rem;font-family:var(--font-cyber);text-shadow:0 0 10px #81a1c14d;margin-bottom:1.5rem}.Manage .name-inputs{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.Manage input{width:100%;color:var(--cyber-white);font-family:var(--font-tech);background:#2e344080;border:1px solid #81a1c133;border-radius:.25rem;padding:.75rem;transition:all .3s}.Manage input:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 0 2px #81a1c133,0 0 15px #81a1c14d}.Manage input::placeholder{color:#eceff480}.Manage .Button{background:var(--neon-blue);width:100%;color:var(--cyber-black);font-family:var(--font-tech);cursor:pointer;border:none;border-radius:.25rem;margin-top:1rem;padding:.75rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.Manage .Button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.Manage .Button:hover:before{left:100%}.Manage .Button:hover{background:var(--matrix-green);transform:translateY(-2px);box-shadow:0 0 15px #a3be8c4d}.Manage .Button:last-of-type{color:var(--matrix-green);border:1px solid var(--matrix-green);background:#a3be8c33}.Manage .Button:last-of-type:hover{background:#a3be8c4d;box-shadow:0 0 15px #a3be8c33}.Manage .message{text-align:center;font-family:var(--font-tech);border-radius:.25rem;margin-top:1rem;padding:.75rem;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Manage .message.success{color:var(--matrix-green);border:1px solid var(--matrix-green);background:#a3be8c33;box-shadow:0 0 15px #a3be8c1a}.Manage .message.error{color:var(--error-red);border:1px solid var(--error-red);background:#bf616a33;box-shadow:0 0 15px #bf616a1a}.top-left-button{z-index:50;position:fixed;top:1rem;left:1rem}.home-button{color:var(--neon-blue);font-family:var(--font-tech);background:#2e34404d;border:1px solid #81a1c133;border-radius:.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.home-button:hover{border-color:var(--neon-blue);background:#81a1c133;box-shadow:0 0 15px #81a1c133}
