/* Shadowmere Login Panel */

.sk-login-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle at top, #151827 0%, #05060a 55%, #020308 100%);
    color: #e5e7eb;
}

.sk-login-card {
    background: rgba(10, 12, 20, 0.96);
    border-radius: 12px;
    padding: 32px;
    width: 360px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75);
    border: 1px solid rgba(148,163,184,0.25);
    backdrop-filter: blur(10px);
    text-align: center;
}

.sk-login-title {
    margin: 0;
    font-size: 1.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sk-login-subtitle {
    margin: 6px 0 20px;
    font-size: 0.9rem;
    color: #9ca3af;
}

.sk-form label {
    display: block;
    text-align: left;
    margin-bottom: 6px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
}

.sk-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 14px;
    border-radius: 6px;
    border: 1px solid #374151;
    background: #020617;
    color: #e5e7eb;
}

.sk-input:focus {
    outline: none;
    border-color: #3fd0c9;
    box-shadow: 0 0 0 1px rgba(63, 208, 201, 0.4);
}

.sk-btn {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 10px;
}

.sk-btn-primary {
    background: linear-gradient(135deg, #3b82f6, #3fd0c9);
    color: #020617;
}

.sk-btn-secondary {
    background: #1f2937;
    color: #e5e7eb;
}

.sk-btn-primary:hover,
.sk-btn-secondary:hover {
    filter: brightness(1.05);
}

.sk-error {
    margin-top: 12px;
    color: #ff6b6b;
    font-size: 0.85rem;
    min-height: 20px;
}