:root {
    --brand: #0f766e;
    --accent: #f97316;
    --surface: #f8fafc;
    --ink: #0f172a;
}

body {
    font-family: 'Poppins', sans-serif;
    background: radial-gradient(circle at top right, rgba(15, 118, 110, 0.12), transparent 35%),
        radial-gradient(circle at bottom left, rgba(249, 115, 22, 0.14), transparent 40%),
        var(--surface);
    color: var(--ink);
}

.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.fade-up {
    animation: fadeUp 0.45s ease-out both;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}