:root {
    --glass: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
    --neon-blue: #00d2ff;
    --neon-pink: #fd99cc;
    --success: #2ed573;
    --danger: #ff4757;
}

body {
    background: #0d0f14;
    background-image: radial-gradient(circle at 50% 0%, #1c222d 0%, #0d0f14 100%);
    color: #ffffff;
    font-family: 'Kanit', sans-serif;
    margin: 0; padding: 20px;
    display: flex; flex-direction: column; align-items: center;
    min-height: 100vh;
}

.glass-card {
    background: var(--glass);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 20px;
    width: 100%; max-width: 420px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

input, textarea {
    width: 100%; background: rgba(0,0,0,0.4);
    border: 1px solid var(--glass-border);
    color: #fff; padding: 12px; border-radius: 12px;
    margin: 8px 0; box-sizing: border-box; font-family: 'Kanit';
}

button {
    border: none; border-radius: 12px; padding: 12px;
    cursor: pointer; font-family: 'Kanit'; transition: 0.3s;
}

.btn-blue { background: var(--neon-blue); color: #000; font-weight: bold; width: 100%; }
.btn-pink { background: var(--neon-pink); color: #000; font-weight: bold; width: 100%; }