body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background: #fff;
            color: #1a1a1a;
        }
        h1 {
            font-size: 2rem;
            border-bottom: 2px solid #eaecef;
            padding-bottom: 0.3em;
        }
        h2 {
            font-size: 1.5rem;
            margin-top: 1.5em;
        }
        .step {
            background: #f8f9fa;
            border-left: 4px solid #2c7da0;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 0 8px 8px 0;
        }
        .step strong {
            color: #2c7da0;
        }
        .faq-question {
            font-weight: bold;
            margin-top: 1rem;
        }
        .faq-answer {
            margin-bottom: 1rem;
            padding-left: 1rem;
            border-left: 2px solid #ddd;
        }
        .cta-button {
            display: inline-block;
            background: #2c7da0;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            margin-top: 1rem;
        }
        .cta-button:hover {
            background: #1f5e7a;
        }
        footer {
            margin-top: 3rem;
            font-size: 0.8rem;
            color: #6c757d;
            text-align: center;
            border-top: 1px solid #eaecef;
            padding-top: 1rem;
        }
        .mid-image {
            margin: 2rem 0;
            text-align: center;
        }
        .mid-image img {
            max-width: 100%;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }