body {font-family: Arial, sans-serif; margin:0; background:#0f1115; color:#f5f5f5;}
.container {padding:20px;}
.site-header {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background:#171a21;}
.site-header a {color:#9dc9ff; margin-right:15px; text-decoration:none;}
.site-header .logo {font-weight:bold; font-size:20px;}
.site-footer {text-align:center; padding:20px; color:#777;}
.flash {padding:10px; margin-bottom:15px; border-radius:4px;}
.flash-success {background:#1f4d2b;}
.flash-error {background:#5a1f1f;}
.orb {width:160px; height:160px; border-radius:50%; background:radial-gradient(circle at 30% 30%, #00e0ff, #003b66); margin:40px auto; box-shadow:0 0 25px rgba(0,224,255,0.6);}
.card {background:#171a21; padding:20px; border-radius:8px; margin-bottom:20px;}
input, select, textarea {width:100%; padding:10px; margin:8px 0; border-radius:4px; border:1px solid #333; background:#0f1115; color:#f5f5f5;}
button {padding:10px 16px; background:#2a7fff; border:none; color:white; border-radius:4px; cursor:pointer;}
button.secondary {background:#444;}
.list {list-style:none; padding:0;}
.list li {margin-bottom:10px; padding:10px; background:#171a21; border-radius:6px;}
.modal {background:rgba(0,0,0,0.8); padding:20px; border-radius:8px;}