.cyber-card {
	background: rgba(12, 17, 43, 0.75);
	border: var(--cyber-border);
	border-radius: var(--cyber-radius-md);
	box-shadow: var(--cyber-shadow-soft);
	padding: 1.5rem;
	position: relative;
	overflow: hidden;
}

.cyber-card::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(102, 126, 234, 0.18), transparent 55%);
	opacity: 0.7;
	pointer-events: none;
}

.cyber-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
}

.cyber-card-title {
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}

.cyber-card-body {
	position: relative;
	z-index: 1;
}

.cyber-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--cyber-shadow);
	border-color: rgba(102, 126, 234, 0.3);
	transition: all var(--cyber-transition);
}

.cyber-card--glass {
	background: var(--cyber-glass-bg);
	backdrop-filter: blur(var(--cyber-glass-blur));
	border: 1px solid var(--cyber-glass-border);
}

.cyber-card--success {
	border-left: 4px solid var(--cyber-success);
}

.cyber-card--warning {
	border-left: 4px solid var(--cyber-warning);
}

.cyber-card--danger {
	border-left: 4px solid var(--cyber-danger);
}

.cyber-card--primary {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.05));
	border-color: var(--cyber-accent-primary);
}