/* Reset and Base Styles */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang TC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            line-height: 1.8;
            color: #2c3e50;
            background-color: #f0f4f8;
        }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

        /* Header Styles - Professional Blue Gradient */
        .header {
            background: linear-gradient(135deg, #003366 0%, #00509d 100%);
            color: white;
            padding: 80px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .header::before {
            content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1.2" fill="rgba(255,255,255,0.08)"/></svg>') repeat;
        }
        .header-content { position: relative; z-index: 2; }
        .main-title { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; margin-bottom: 20px; letter-spacing: 1px; }
        .subtitle { font-size: 1.3rem; margin-bottom: 30px; opacity: 0.9; font-weight: 300; }
        
        /* Buttons - Authority Blue */
        .cta-button {
            display: inline-block; background: #007bff; color: white; padding: 16px 45px;
            border-radius: 8px; text-decoration: none; font-weight: 700; transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
        }
        .cta-button:hover { background: #0056b3; transform: translateY(-2px); }

        /* Meta Info */
        .meta-info { text-align: center; padding: 20px 0; background: white; border-bottom: 1px solid #d1d9e6; }
        .meta-info p { color: #7f8c8d; font-size: 0.95rem; }

        /* TOC - Structured Blue */
        .toc { background: white; padding: 40px; margin: 40px 0; border-radius: 15px; border: 1px solid #d1d9e6; box-shadow: 0 5px 20px rgba(0,0,0,0.03); }
        .toc h2 { color: #003366; font-size: 1.6rem; margin-bottom: 25px; text-align: center; }
        .toc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; }
        .toc-item { 
            display: block; padding: 15px 20px; background: #f8fbff; border-radius: 8px; 
            text-decoration: none; color: #34495e; transition: all 0.3s ease; border-left: 4px solid #00509d;
        }
        .toc-item:hover { background: #00509d; color: white; transform: translateX(5px); }

        /* Content Sections */
        .content-section { background: white; margin: 40px 0; padding: 60px 50px; border-radius: 16px; border: 1px solid #d1d9e6; }
        .section-title { color: #003366; font-size: 2.1rem; margin-bottom: 35px; text-align: center; font-weight: 700; }
        .section-title::after { content: ''; display: block; width: 50px; height: 4px; background: #007bff; margin: 15px auto 0; border-radius: 10px; }
        .content-text { font-size: 1.1rem; color: #2c3e50; }

        /* Info Cards - Hospital Blue */
        .info-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 40px 0; }
        .info-card { background: #fff; padding: 35px; border-radius: 12px; border: 1px solid #d1d9e6; border-top: 6px solid #00509d; transition: all 0.3s; }
        .info-card:hover { box-shadow: 0 10px 30px rgba(0,51,102,0.08); transform: translateY(-5px); }
        .info-card h3 { color: #003366; margin-bottom: 15px; font-size: 1.3rem; border-bottom: 1px solid #f0f4f8; padding-bottom: 10px; }

        /* Process Steps */
        .process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 40px 0; }
        .process-step { text-align: center; padding: 30px 20px; background: #f0f7ff; border-radius: 12px; border: 1px solid #cce5ff; }
        .step-number { 
            display: inline-block; width: 50px; height: 50px; background: #00509d;
            color: white; border-radius: 50%; line-height: 50px; font-weight: 700; font-size: 1.2rem; margin-bottom: 15px;
        }

        /* Pricing Table - Clean Tech Blue */
        .pricing-tables { display: grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); gap: 30px; margin: 50px 0; }
        .pricing-table { background: white; border-radius: 12px; overflow: hidden; border: 1px solid #d1d9e6; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
        .pricing-header { background: #003366; color: white; padding: 25px; text-align: center; }
        .pricing-row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; border-bottom: 1px solid #edf2f7; }
        .pricing-cell { padding: 18px 10px; text-align: center; font-size: 0.95rem; }
        .pricing-row:first-child { font-weight: 700; background: #f8fbff; color: #003366; }

        /* Premium Package - Deep Authority Blue */
        .premium-package {
            background: #001d3d; color: white;
            padding: 60px; border-radius: 20px; margin: 60px 0; text-align: center; border: 3px solid #00509d;
            box-shadow: 0 20px 40px rgba(0,29,61,0.2);
        }
        .premium-badge { background: #007bff; color: white; padding: 5px 15px; border-radius: 4px; font-size: 0.85rem; margin-bottom: 20px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; }
        .premium-title { font-size: 2.3rem; color: #ffffff; margin-bottom: 20px; font-weight: 800; }
        .premium-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 40px 0; text-align: left; }
        .premium-features ul li { list-style: none; padding: 8px 0; color: #e0e6ed; }
        .premium-features ul li::before { content: '✓'; color: #00a8ff; font-weight: bold; margin-right: 12px; }
        .premium-cta {
            display: inline-block; background: #ffffff; color: #001d3d; padding: 18px 60px;
            border-radius: 8px; text-decoration: none; font-weight: 800; transition: all 0.3s;
        }
        .premium-cta:hover { background: #007bff; color: white; }

        /* Timeline - Medical Blue Line */
        .aftercare-timeline { margin: 50px 0; border-left: 4px solid #00509d; padding-left: 35px; }
        .timeline-item { margin-bottom: 40px; position: relative; }
        .timeline-marker { 
            position: absolute; left: -53px; width: 32px; height: 32px; background: white; 
            border: 5px solid #007bff; border-radius: 50%;
        }
        .timeline-content { background: white; padding: 25px; border-radius: 12px; border: 1px solid #d1d9e6; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
        .timeline-title { color: #003366; margin-bottom: 10px; font-size: 1.25rem; font-weight: 700; }

        /* FAQ - Professional Accordion */
        .faq-item { background: white; margin-bottom: 12px; border-radius: 8px; border: 1px solid #d1d9e6; overflow: hidden; }
        .faq-question { padding: 20px 25px; cursor: pointer; font-weight: 700; color: #003366; display: flex; justify-content: space-between; align-items: center; background: #f8fbff; }
        .faq-answer { padding: 25px; display: none; background: #ffffff; border-top: 1px solid #edf2f7; line-height: 1.8; }

        /* Alert Box - Medical Warning Blue */
        .alert-box { background: #eef6ff; border-left: 6px solid #007bff; padding: 30px; border-radius: 8px; margin: 30px 0; color: #003366; }
        
        /* Contact Section - Solid Deep Navy */
        .contact-section { 
            background: #000814; color: white;
            padding: 80px 40px; text-align: center; border-radius: 20px; margin: 80px 0;
        }
        .contact-buttons { display: flex; gap: 20px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
        .contact-btn { padding: 18px 45px; border-radius: 8px; text-decoration: none; font-weight: 700; transition: all 0.3s; min-width: 250px; }
        .whatsapp-btn { background: #25d366; color: white; }
        .phone-btn { background: transparent; color: white; border: 2px solid #00509d; }
        .phone-btn:hover { background: #00509d; }

        /* Float Button */
        .whatsapp-float {
            position: fixed; bottom: 30px; right: 30px; width: 65px; height: 65px; background: #25d366;
            border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;
            font-size: 2rem; box-shadow: 0 10px 25px rgba(0,0,0,0.2); z-index: 1000; text-decoration: none;
        }

        @media (max-width: 768px) {
            .content-section { padding: 30px 20px; }
            .premium-package { padding: 40px 25px; }
            .pricing-tables { grid-template-columns: 1fr; }
            .main-title { font-size: 1.8rem; }
        }