body { font-family: 'Segoe UI', sans-serif; 
    background-color: #0f172a;
     color: #ffffff; display:
      flex; justify-content: center;
       align-items: center; 
       height: 100vh; margin: 0; }

.auth-container { background-color: #1e293b;
     padding: 40px; 
     border-radius: 12px; 
     width: 350px; 
     text-align: center;
     box-shadow: 0 10px 25px rgba(0,0,0,0.5);
 }

input { width: 100%;
    padding: 12px; 
    margin: 10px 0;
    border-radius: 6px;
    border: 1px solid #334155;
    background: #0f172a;
    color: white; 
    box-sizing: border-box; 
}

button { width: 100%;
    padding: 12px;
    margin-top: 15px;
    background-color: #38bdf8;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer; 
}

#authToggle { color: #38bdf8; 
    cursor: pointer; 
    text-decoration: underline; 
}

.info { margin-top: 15px; 
    font-size: 0.85em; }