body { font-family: 'Inter', sans-serif; }
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}

.finango-theme {
    --finango-primary: #16a34a;
    --finango-primary-soft: rgba(22, 163, 74, 0.12);
    --finango-primary-strong: #22c55e;
}

.finango-theme .text-primary {
    color: var(--finango-primary-strong);
}

.finango-theme .bg-primary {
    background-color: var(--finango-primary);
}

.finango-theme .bg-primary\/5 {
    background-color: rgba(22, 163, 74, 0.08);
}

.finango-theme .bg-primary\/10 {
    background-color: var(--finango-primary-soft);
}

.finango-theme .bg-primary\/20 {
    background-color: rgba(22, 163, 74, 0.2);
}

.finango-theme .from-primary\/20 {
    --tw-gradient-from: rgba(22, 163, 74, 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(22, 163, 74, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.finango-theme .to-primary\/5 {
    --tw-gradient-to: rgba(22, 163, 74, 0.08) var(--tw-gradient-to-position);
}

.finango-theme .border-primary\/20 {
    border-color: rgba(34, 197, 94, 0.3);
}

.finango-theme .border-primary\/30 {
    border-color: rgba(34, 197, 94, 0.4);
}

.finango-theme .hover\:border-primary\/30:hover {
    border-color: rgba(34, 197, 94, 0.5);
}

.finango-theme .hover\:border-primary\/50:hover {
    border-color: rgba(74, 222, 128, 0.65);
}

.finango-theme .group:hover .group-hover\:text-primary {
    color: var(--finango-primary-strong);
}

.finango-theme .group:hover .group-hover\:bg-primary\/20 {
    background-color: rgba(22, 163, 74, 0.2);
}

.tech-pill:hover {
    background-color: rgba(22, 163, 74, 0.15);
    color: #22c55e;
    border-color: #22c55e;
}

.github-repo-button {
    color: #e2e8f0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.9));
    border: 1px solid rgba(34, 197, 94, 0.35);
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.35);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 260ms ease, color 220ms ease;
}

.github-repo-button:hover {
    color: #052e16;
    background: linear-gradient(135deg, #16a34a, #22c55e);
    border-color: rgba(134, 239, 172, 0.95);
    box-shadow: 0 16px 36px rgba(34, 197, 94, 0.35);
    transform: translateY(-2px) scale(1.02);
}

.github-repo-button:focus-visible {
    outline: 2px solid #22c55e;
    outline-offset: 4px;
}

.section-centered {
    width: 100%;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}