@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@200;400;700;800&display=swap');

:root {
    --bg-main: #020617;
    --accent-emerald: #10b981;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
}

body { 
    background-color: var(--bg-main); 
    color: #f8fafc; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
}

.serif-display { 
    font-family: 'Bodoni Moda', serif; 
    letter-spacing: -0.02em; 
}

/* Hero Section */
.about-hero {
    padding: 100px 0 60px;
    background: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.08) 0%, transparent 70%);
    text-align: center;
}

/* Advantage Cards */
.advantage-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 40px;
    transition: all 0.4s ease;
}

.advantage-card:hover { 
    border-color: var(--accent-emerald); 
    transform: translateY(-5px); 
}

/* Testimonial Styling */
.rec-card {
    background: linear-gradient(145deg, rgba(255,255,255,0.01), rgba(255,255,255,0.04));
    border: 1px solid var(--glass-border);
    border-radius: 20px;
}