body {
margin: 0;
font-family: 'Arial', sans-serif;
background: radial-gradient(circle at top, #0a0f1c, #05070d);
color: white;
text-align: center;
}

.container {
max-width: 500px;
margin: 100px auto;
padding: 40px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 15px;
backdrop-filter: blur(10px);
}

h1, h2, h3 {
color: #00d4ff;
}

input {
width: 100%;
padding: 12px;
margin: 10px 0;
border-radius: 8px;
border: none;
outline: none;
background: #0f1629;
color: white;
}

button {
padding: 12px 25px;
border: none;
border-radius: 25px;
background: linear-gradient(90deg, #00d4ff, #0066ff);
color: white;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}

button:hover {
transform: scale(1.05);
}

.glow {
text-shadow: 0 0 10px #00d4ff;
}

.loader {
border: 4px solid rgba(255,255,255,0.1);
border-top: 4px solid #00d4ff;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 20px auto;
animation: spin 1s linear infinite;
}

@keyframes spin {
100% { transform: rotate(360deg); }
}