/* Premium neon + glassmorphism styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

*{box-sizing:border-box}
body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background: radial-gradient(circle at top left, #071428, #000814 60%);
    color: #e6f7ff;
    -webkit-font-smoothing:antialiased;
}

a{color:#00eaff;text-decoration:none;margin:0 8px;font-weight:500}

.glass {
    backdrop-filter: blur(12px);
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 8px 30px rgba(0,170,255,0.04);
}

.btn {
    padding: 11px 18px;
    background: linear-gradient(90deg, rgba(0,234,255,1), rgba(0,102,255,1));
    border: none;
    color: #001;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .18s ease;
}

.btn:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,170,255,0.14); }

header { padding:12px 20px; display:flex; justify-content:space-between; align-items:center; background:transparent; }
header nav a { padding:8px 10px; border-radius:8px; transition: background .15s; }
header nav a:hover { background: rgba(0,234,255,0.06); }

.hero { border-radius:12px; margin-bottom:16px; }

.card { background: rgba(255,255,255,0.02); border-radius:12px; padding:12px; }

input[type="text"], input[type="email"], input[type="password"], textarea {
    width:100%; padding:12px; border-radius:8px; border:1px solid rgba(255,255,255,0.06);
    background: rgba(0,0,0,0.25); color: #fff; outline:none;
}

input[type="file"] { color: #ddd; }

table { border-collapse:collapse; width:100%; color:#e6f7ff; }
table th, table td { padding:8px 10px; border-bottom:1px solid rgba(255,255,255,0.04); text-align:left; }

/* Responsive */
@media(max-width:900px){
    header nav{ display:none }
    .main { margin-left:0 }
}