:root {
    --bg: #000;
    --card-bg: #0b0b0b;
    --cyan: #00e5ff;
    --green: #00ff9d;
    --text-gray: #b0b0b0;
    --border: #1a1a1a;
}

body {
    margin: 0; background: var(--bg); color: white;
    font-family: 'Segoe UI', sans-serif; line-height: 1.6;
}

.container { max-width: 450px; margin: auto; padding: 20px; box-sizing: border-box; }

/* Header & Logo */
.header-top { text-align: center; padding: 10px 0; border-bottom: 1px solid var(--border); }
.logo-main { font-size: 28px; font-weight: bold; color: var(--cyan); text-shadow: 0 0 10px var(--cyan); margin: 0; }
.tagline { font-size: 11px; color: var(--text-gray); text-transform: uppercase; letter-spacing: 1px; }

/* Nav Bar */
.nav-card {
    background: var(--card-bg); border: 1px solid var(--border);
    border-radius: 10px; padding: 12px; display: flex; 
    justify-content: space-between; align-items: center; margin: 15px 0;
}
.brand-info h2 { margin: 0; font-size: 16px; }
.brand-info span { font-size: 10px; color: var(--text-gray); }

.btn { padding: 8px 15px; border-radius: 5px; border: none; color: white; font-weight: bold; text-decoration: none; font-size: 13px; }
.btn-login { background: linear-gradient(to right, #ff416c, #ff4b2b); }
.btn-signup { background: linear-gradient(to right, #00b09b, #96c93d); }

/* Content Headings */
.page-title { 
    color: var(--cyan); text-align: center; font-size: 26px; 
    margin: 30px 0; text-shadow: 0 0 15px var(--cyan); 
}

h3 { color: var(--cyan); margin-top: 25px; font-size: 18px; }
ul { padding-left: 20px; color: #fff; }
li { margin-bottom: 8px; font-size: 14px; }
p { font-size: 14px; color: #eee; }

/* Footer */
footer { text-align: center; padding: 30px 0; font-size: 10px; color: var(--text-gray); }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 20px; }
.footer-links a { color: var(--cyan); text-decoration: none; font-size: 12px; }

/* Form inputs for Login/Register */
.form-group { margin-bottom: 15px; }
input { 
    width: 100%; padding: 12px; background: #111; border: 1px solid #333; 
    color: white; border-radius: 5px; box-sizing: border-box;
}