body { font-family: 'Noto Sans KR', sans-serif; background: var(--wing-bg); color: var(--wing-text); transition: background-color 0.2s ease, color 0.2s ease; } /* Scrollbar styling for dark mode */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: var(--wing-surface); } ::-webkit-scrollbar-thumb { background: var(--wing-muted); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--wing-accent); } /* Main Menu Cards */ .gc-cards { padding: 2rem 0; display: flex; justify-content: center; align-items: stretch; gap: 2rem; width: 80%; margin: 0 auto; } .gc-cards > * { flex: 1 1 0; } .gc-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2.5rem 2rem; border: 1px solid var(--wing-border); border-radius: 12px; background: var(--wing-surface); text-decoration: none !important; color: inherit !important; transition: all 0.2s ease; height: 100%; } .gc-card:hover { border-color: #4183c4; box-shadow: 0 4px 16px rgba(65, 131, 196, 0.15); transform: translateY(-2px); } .gc-card-icon { color: #4183c4; margin-bottom: 1rem; } .gc-card-icon-guide { color: #21ba45; } .gc-card-icon-nexus { color: #f2711c; } .gc-card h3 { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--wing-text); } .gc-card p { font-size: 0.95rem; color: var(--wing-muted); line-height: 1.5; margin-bottom: 1rem; } .gc-card-link { font-size: 0.9rem; color: #4183c4; font-weight: 600; margin-top: auto; } .gc-card:hover .gc-card-link { text-decoration: underline; }