:root {
    --navy: #1a1a2e;
    --dark-navy: #16213e;
    --info: #00d2ff;
}

body {
    background-color: #f4f6f9;
    font-family: 'Inter', sans-serif;
    background-image: radial-gradient(#d1d1d1 1px, transparent 1px);
    background-size: 20px 20px;
}

.fw-800 { font-weight: 800; }
.bg-sidebar { background-color: var(--navy); }
.bg-dark-soft { background: rgba(255,255,255,0.05); }
.text-info { color: var(--info) !important; }

/* Input Styling */
.password-field {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.2rem;
    border: 2px solid #edf2f7;
    border-radius: 15px;
    letter-spacing: 2px;
}
.password-field:focus {
    border-color: var(--info);
    box-shadow: 0 0 0 4px rgba(0, 210, 255, 0.1);
}

/* Meter Transition */
.transition-all { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

/* Suggestions */
.suggestion-item {
    border: none;
    padding: 10px 0;
    color: #64748b;
    display: flex;
    align-items: center;
}
.suggestion-item i { margin-right: 10px; width: 20px; text-align: center; }

@media (max-width: 991px) {
    .main-card { border-radius: 0; }
    .bg-sidebar { border-radius: 0; }
}