@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Orbitron',sans-serif;
}

body{
    background:
        radial-gradient(circle at center,#001a22 0%,#000000 100%);
    color:#00ffff;
    min-height:100vh;
    overflow:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    background-image:
        radial-gradient(white 1px, transparent 1px);
    background-size:50px 50px;
    opacity:0.35;
    z-index:-1;
}

.panel{
    width:420px;
    padding:40px;
    border:2px solid #00ffff;
    border-radius:15px;
    background:rgba(0,15,20,0.9);
    box-shadow:
        0 0 15px #00ffff,
        0 0 30px #00ffff44;
}

h1{
    text-align:center;
    margin-bottom:10px;
    text-shadow:0 0 10px #00ffff;
}

.subtitle{
    text-align:center;
    margin-bottom:30px;
    color:#7ffcff;
}

label{
    display:block;
    margin-bottom:8px;
}

input{
    width:100%;
    padding:12px;
    margin-bottom:20px;
    background:#00151b;
    border:1px solid #00ffff;
    color:#00ffff;
    border-radius:5px;
}

button{
    width:100%;
    padding:12px;
    background:#00ffff;
    color:black;
    border:none;
    border-radius:5px;
    cursor:pointer;
    font-weight:bold;
}

button:hover{
    box-shadow:0 0 15px #00ffff;
}

.error{
    color:#ff5555;
    margin-top:15px;
    text-align:center;
}

.account-card{
    max-width:700px;
    margin:auto;
    margin-top:100px;
    padding:40px;
    border:2px solid #00ffff;
    border-radius:15px;
    background:rgba(0,15,20,0.9);
    box-shadow:0 0 20px #00ffff;
}

.account-card h2{
    margin-bottom:25px;
}

.info{
    margin:15px 0;
}