body {
    background: linear-gradient(120deg, #0d1117 0%, #1c1f2a 100%);
    color: #F3E9D2;
    font-family: 'Roboto Slab', 'Special Elite', serif;
    min-height: 100vh;
}

/* Navbar & footer */
.navbar, footer {
    background: #232741 !important;
    color: #ffdf6c !important;
    border-bottom: 2px solid #fcb100;
}

.navbar-brand, .navbar-text {
    font-family: 'Special Elite', 'Roboto Slab', serif;
    color: #ffdf6c !important;
    font-size: 1.25rem;
}

/* Dashboard headline */
h2 {
    font-family: 'Special Elite', 'Roboto Slab', serif;
    color: #FFBF00;
    font-size: 2.3rem;
    text-shadow: 2px 2px 8px #16192099, 0 1px 0 #fff8;
    margin-bottom: 0.75em;
}

/* Cards */
.card {
    background: linear-gradient(135deg, #232741 80%, #33384d 100%);
    border-radius: 16px;
    border: 2px solid #ffdf6c;
    box-shadow: 0 0 18px #FFBF0090, 0 2px 12px #17192095;
    color: #FDFFFC;
    margin-bottom: 1.5em;
    font-size: 1.1rem;
    padding-bottom: 0.5em;
}

/* Card titles */
.card-title {
    color: #FFBF00;
    font-family: 'Special Elite', 'Roboto Slab', serif;
    font-size: 1.3rem;
    margin-bottom: 1em;
    text-shadow: 1px 1px 4px #16192080;
    border-bottom: 1px dashed #FFBF00;
    padding-bottom: 0.4em;
}

/* Profile and progress fields */
.card-body p {
    margin: 0.3em 0;
}
.card-body p strong {
    color: #5FB7EA;
    font-weight: 700;
}

/* Buttons */
.btn-warning, .btn-outline-warning {
    background: #FFBF00 !important;
    color: #232741 !important;
    border: 2px solid #232741 !important;
    font-weight: bold;
    box-shadow: 0 0 7px #ffaa0080;
    border-radius: 8px;
    letter-spacing: 0.04em;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    h2 { font-size: 1.6rem; }
    .form-container, .card { margin-bottom: 1.2em !important; }
    .container { padding-left: 0.4em; padding-right: 0.4em; }
}

/* Add subtle svg icons */
.fa-user-secret, .fa-trophy, .fa-lightbulb {
    color: #FFD800;
    margin-right: 7px;
    text-shadow: 0 0 10px #FFD80088;
}

/* Rarity Colors */
.rarity-unique {
    color: #FFD700; /* Gold */
    text-shadow: 0 0 10px #FFD700;
    animation: glow-unique 1.5s infinite;
}

.rarity-legendary {
    color: #FF6B35; /* Orange-Red */
    text-shadow: 0 0 8px #FF6B35;
    animation: glow-legendary 1.5s infinite;
}

.rarity-epic {
    color: #9B59B6; /* Purple */
    text-shadow: 0 0 6px #9B59B6;
}

.rarity-rare {
    color: #3498DB; /* Blue */
    text-shadow: 0 0 4px #3498DB;
}

.rarity-uncommon {
    color: #2ECC71; /* Green */
}

.rarity-common {
    color: #95A5A6; /* Gray */
}

/* Glow animations for top rarities */
@keyframes glow-unique {
    0%, 100% { text-shadow: 0 0 10px #FFD700, 0 0 20px #FFD700; }
    50% { text-shadow: 0 0 20px #FFD700, 0 0 30px #FFD700; }
}

@keyframes glow-legendary {
    0%, 100% { text-shadow: 0 0 8px #FF6B35, 0 0 16px #FF6B35; }
    50% { text-shadow: 0 0 16px #FF6B35, 0 0 24px #FF6B35; }
}