.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#13002e,#000 70%),repeating-linear-gradient(to right,rgba(0,255,255,.05) 0px,rgba(0,255,255,.05) 1px,transparent 1px,transparent 50px);position:relative;overflow:hidden;padding:1rem;font-family:Orbitron,sans-serif}.app-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,0,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:grid-scroll 30s linear infinite}.card{background:#000000b3;border:1px solid #00ffff;box-shadow:0 0 15px #00ffff4d,0 0 30px #00ffff1a,inset 0 0 20px #0ff3;padding:clamp(1.5rem,5vw,2.5rem);width:100%;max-width:400px;border-radius:8px;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:after{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-image:linear-gradient(45deg,#0ff,#f0f);border-image-slice:1;border-radius:8px;animation:border-pulse 3s linear infinite;pointer-events:none;z-index:-1}.card h2{margin-bottom:clamp(1rem,3vw,1.5rem);color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);font-size:clamp(1.5rem,5vw,2rem);letter-spacing:2px}.card input{width:100%;padding:clamp(10px,3vw,12px) clamp(12px,3vw,15px);margin-bottom:clamp(.8rem,2vw,1rem);background:#00000080;border:1px solid #00ffff;color:#0ff;font-family:Courier New,monospace;border-radius:4px;transition:all .3s;font-size:clamp(.9rem,3vw,1rem)}.card input:focus{outline:none;border-color:#f0f;box-shadow:0 0 10px #ff00ff80}.card input::placeholder{color:#00ffff80}.card button{width:100%;padding:clamp(10px,3vw,12px);background:linear-gradient(45deg,#0ff,#f0f);border:none;color:#000;font-weight:700;font-family:Orbitron,sans-serif;border-radius:4px;cursor:pointer;transition:all .3s;margin-top:1rem;text-transform:uppercase;letter-spacing:1px;font-size:clamp(.9rem,3vw,1rem);position:relative;overflow:hidden}.card button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0ff6}.logout{background:linear-gradient(45deg,#f0f,#f55)}.logout:hover{background:linear-gradient(45deg,#f55,#f0f);box-shadow:0 5px 15px #f0f6}.link{color:#f0f;cursor:pointer;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;margin-top:1rem;font-family:Orbitron,sans-serif}.link:hover{text-shadow:0 0 10px rgba(255,0,255,.7);transform:scale(1.05)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes border-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.floating-binary{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-binary span{position:absolute;color:#00ffff4d;font-family:Courier New,monospace;animation:float-up 15s linear infinite;-webkit-user-select:none;user-select:none}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width: 480px){.app-container{padding:.5rem}.card{width:95%;padding:1.25rem}.card button:hover,.link:hover{transform:none}}