Token and spacing effects appear here.
.glass-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px) saturate(1.5);
-webkit-backdrop-filter: blur(16px) saturate(1.5);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 1rem;
padding: 1.5rem;
box-shadow:
0 4px 24px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
/* Dark mode versiyonu */
@media (prefers-color-scheme: dark) {
.glass-card {
background: rgba(20, 18, 16, 0.6);
border-color: rgba(255, 255, 255, 0.08);
}
}