:root {
            --primary-dark: #0f172a;
            --accent-blue: #2563eb;
            --glass-white: rgba(255, 255, 255, 0.95);
        }
        body { font-family: 'Inter', sans-serif; background-color: #f8fafc; color: var(--primary-dark); }
        
        /* Hero Section */
        .hero-section {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            padding: 140px 0 100px 0;
            color: white;
            border-bottom-left-radius: 60px;
            border-bottom-right-radius: 60px;
        }
        .hero-title { font-weight: 800; font-size: 3.8rem; letter-spacing: -2px; }
        
        /* Feature Cards */
        .feature-card {
            border: none;
            border-radius: 24px;
            transition: all 0.3s ease;
            background: white;
            box-shadow: 0 4px 20px rgba(0,0,0,0.03);
        }
        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0,0,0,0.08);
        }
        .icon-box {
            width: 55px; height: 55px;
            background: #eff6ff;
            color: var(--accent-blue);
            border-radius: 15px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.4rem; margin-bottom: 20px;
        }

        /* Content Styling */
        .post-card {
            border: none;
            border-radius: 20px;
            overflow: hidden;
            background: white;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
        .post-image { height: 230px; object-fit: cover; }
        
        .daily-maxim-box {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-left: 4px solid var(--accent-blue);
        }