🎯 IBPS Exam Phase Preparation Guide

<div class="strategy-card">
  <h4>📊 Data Analysis & Interpretation</h4>
  <div class="topic-focus">
    <h5>Key Areas:</h5>
    <ul>
      <li><strong>Caselet DI:</strong> 15-20 marks</li>
      <li><strong>Mixed Graphs:</strong> 10-15 marks</li>
      <li><strong>Missing DI:</strong> 10-15 marks</li>
      <li><strong>Arithmetic Applications:</strong> 15-20 marks</li>
    </ul>
    <h5>Preparation Strategy:</h5>
    <ul>
      <li>Master all DI formats</li>
      <li>Practice mental calculations</li>
      <li>Focus on approximation techniques</li>
      <li>Time-bound DI solving</li>
    </ul>
  </div>
</div>

<div class="strategy-card">
  <h4>🌍 General/Economy/Banking Awareness</h4>
  <div class="topic-focus">
    <h5>Key Areas:</h5>
    <ul>
      <li><strong>Current Affairs:</strong> 15-20 marks (Last 6 months)</li>
      <li><strong>Banking Awareness:</strong> 15-18 marks</li>
      <li><strong>Economic Awareness:</strong> 10-12 marks</li>
                      <li><strong>Static GK:</strong> 5-8 marks</li>
    </ul>
    <h5>Preparation Strategy:</h5>
                    <ul>
                      <li>Daily current affairs reading</li>
                      <li>Banking terminology mastery</li>
                      <li>Economic indicators tracking</li>
                      <li>Regular quiz practice</li>
                    </ul>
                  </div>
                </div>

                <div class="strategy-card">
                  <h4>✍️ English Language (Descriptive)</h4>
                  <div class="topic-focus">
                    <h5>Key Areas:</h5>
                    <ul>
                      <li><strong>Letter Writing:</strong> 12.5 marks (Formal/Informal)</li>
                      <li><strong>Essay Writing:</strong> 12.5 marks (250 words)</li>
                    </ul>
                    <h5>Preparation Strategy:</h5>
                    <ul>
                      <li>Practice letter formats regularly</li>
                      <li>Read editorials for essay ideas</li>
                      <li>Time-based writing practice</li>
                      <li>Grammar and vocabulary enhancement</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>

            ### **Mains Study Plan (45 Days)**

            <div class="study-plan mains-plan">
              <div class="plan-header">
                <h4>📅 45-Day Comprehensive Mains Preparation</h4>
              </div>

              <div class="plan-phases">
                <div class="phase-block">
                  <h5>Phase 1: Foundation (Days 1-15)</h5>
                  <div class="phase-activities">
                    <div class="activity-group">
                      <span class="activity-subject">Current Affairs:</span>
                      <span class="activity-detail">Last 6 months compilation</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Banking Awareness:</span>
                      <span class="activity-detail">Complete syllabus coverage</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">DI Practice:</span>
                      <span class="activity-detail">All formats mastery</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Descriptive Writing:</span>
                      <span class="activity-detail">Format and structure practice</span>
                    </div>
                  </div>
                </div>

                <div class="phase-block">
                  <h5>Phase 2: Intensive Practice (Days 16-30)</h5>
                  <div class="phase-activities">
                    <div class="activity-group">
                      <span class="activity-subject">Mock Tests:</span>
                      <span class="activity-detail">15 full-length tests</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Section-wise:</span>
                      <span class="activity-detail">Weak area improvement</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Time Management:</span>
                      <span class="activity-detail">Sectional time allocation</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Analysis:</span>
                      <span class="activity-detail">Detailed error analysis</span>
                    </div>
                  </div>
                </div>

                <div class="phase-block">
                  <h5>Phase 3: Final Touches (Days 31-45)</h5>
                  <div class="phase-activities">
                    <div class="activity-group">
                      <span class="activity-subject">Revision:</span>
                      <span class="activity-detail">Important topics recap</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Speed Tests:</span>
                      <span class="activity-detail">Quick solving practice</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Current Affairs:</span>
                      <span class="activity-detail">Latest updates</span>
                    </div>
                    <div class="activity-group">
                      <span class="activity-subject">Confidence Building:</span>
                      <span class="activity-detail">Mock interview preparation</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            ---

            ## 🎭 Phase 3: Interview Preparation

            ### **Personality Assessment & Communication Skills**

            <div class="phase-strategy interview-strategy">
              <div class="strategy-header">
                <h3>🗣️ Interview: Personality & Communication Focus</h3>
                <p>The interview assesses <strong>personality, communication skills, knowledge, and suitability</strong> for banking roles. It's a comprehensive personality test.</p>
              </div>

              <div class="interview-structure">
                <h4>📋 Interview Assessment Components</h4>
                <div class="assessment-grid">
                  <div class="assessment-item">
                    <div class="component-icon">👔</div>
                    <div class="component-details">
                      <h5>Personality Assessment</h5>
                      <p>Leadership qualities, decision-making, stress handling, teamwork, confidence</p>
                      <div class="weightage">Weightage: 30%</div>
                    </div>
                  </div>

                  <div class="assessment-item">
                    <div class="component-icon">📚</div>
                    <div class="component-details">
                      <h5>Academic & Professional Knowledge</h5>
                      <p>Educational background, work experience, subject matter expertise</p>
                      <div class="weightage">Weightage: 25%</div>
                    </div>
                  </div>

                  <div class="assessment-item">
                    <div class="component-icon">🏦</div>
                    <div class="component-details">
                      <h5>Banking Awareness</h5>
                      <p>Current banking scenario, RBI policies, financial inclusion, digital banking</p>
                      <div class="weightage">Weightage: 20%</div>
                    </div>
                  </div>

                  <div class="assessment-item">
                    <div class="component-icon">🌍</div>
                    <div class="component-details">
                      <h5>General Awareness</h5>
                      <p>Current affairs, economic developments, social issues, government schemes</p>
                      <div class="weightage">Weightage: 15%</div>
                    </div>
                  </div>

                  <div class="assessment-item">
                    <div class="component-icon">💬</div>
                    <div class="component-details">
                      <h5>Communication Skills</h5>
                      <p>Clarity of thought, expression, listening skills, body language</p>
                      <div class="weightage">Weightage: 10%</div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="interview-preparation">
                <h4>🎯 Interview Preparation Strategy</h4>

                <div class="prep-categories">
                  <div class="prep-category">
                    <h5>📖 Knowledge Preparation</h5>
                    <div class="prep-list">
                      <div class="prep-item">
                        <span class="prep-topic">Banking Fundamentals:</span>
                        <span class="prep-detail">Types of banks, functions, regulations</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Current Banking:</span>
                        <span class="prep-detail">Recent RBI policies, digital banking trends</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Economic Awareness:</span>
                        <span class="prep-detail">GDP, inflation, monetary policy</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Current Affairs:</span>
                        <span class="prep-detail">National and international events</span>
                      </div>
                    </div>
                  </div>

                  <div class="prep-category">
                    <h5>👤 Personal Assessment</h5>
                    <div class="prep-list">
                      <div class="prep-item">
                        <span class="prep-topic">Self-Introduction:</span>
                        <span class="prep-detail">Prepare 2-minute professional introduction</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Strengths & Weaknesses:</span>
                        <span class="prep-detail">Honest self-assessment with examples</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Career Goals:</span>
                        <span class="prep-detail">Short-term and long-term objectives</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Banking Career:</span>
                        <span class="prep-detail">Why banking, why this bank</span>
                      </div>
                    </div>
                  </div>

                  <div class="prep-category">
                    <h5>🎭 Communication Practice</h5>
                    <div class="prep-list">
                      <div class="prep-item">
                        <span class="prep-topic">Mock Interviews:</span>
                        <span class="prep-detail">Regular practice with feedback</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Group Discussion:</span>
                        <span class="prep-detail">Practice speaking in groups</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Body Language:</span>
                        <span class="prep-detail">Eye contact, posture, gestures</span>
                      </div>
                      <div class="prep-item">
                        <span class="prep-topic">Voice Modulation:</span>
                        <span class="prep-detail">Clarity, pace, tone</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="common-questions">
                <h4>❓ Common Interview Questions</h4>
                <div class="question-categories">
                  <div class="question-category">
                    <h5>🏦 Banking Sector</h5>
                    <ul>
                      <li>Why do you want to join the banking sector?</li>
                      <li>What are the current challenges facing Indian banks?</li>
                      <li>What is your understanding of financial inclusion?</li>
                      <li>How is technology changing the banking landscape?</li>
                    </ul>
                  </div>

                  <div class="question-category">
                    <h5>👤 Personal</h5>
                    <ul>
                      <li>Tell us about yourself</li>
                      <li>What are your strengths and weaknesses?</li>
                      <li>How do you handle pressure and stress?</li>
                      <li>Where do you see yourself in 5 years?</li>
                    </ul>
                  </div>

                  <div class="question-category">
                    <h5>📚 Academic</h5>
                    <ul>
                      <li>How will your education help in banking?</li>
                      <li>What was your favorite subject and why?</li>
                      <li>How do you keep yourself updated with current affairs?</li>
                      <li>What are your hobbies and interests?</li>
                    </ul>
                  </div>

                  <div class="question-category">
                    <h5>🌍 Current Affairs</h5>
                    <ul>
                      <li>What are your views on the current economic situation?</li>
                      <li>Discuss a recent government scheme</li>
                      <li>What is the impact of digital payments in India?</li>
                      <li>How can banks contribute to rural development?</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>

            ---

            ## 📊 Phase Transition Strategy

            ### **Seamless Movement Between Phases**

            <div class="transition-strategy">
              <h4>🔄 Strategic Phase Transitions</h4>

              <div class="transition-timeline">
                <div class="transition-phase">
                  <div class="phase-marker">
                    <div class="marker-number">1</div>
                    <div class="marker-title">Prelims Completion</div>
                  </div>
                  <div class="transition-details">
                    <h5>Immediate Actions (Days 1-3)</h5>
                    <ul>
                      <li>Take a 2-3 day break for mental refreshment</li>
                      <li>Analyze prelims performance and identify weak areas</li>
                      <li>Start light current affairs reading</li>
                      <li>Begin banking awareness preparation</li>
                    </ul>
                  </div>
                </div>

                <div class="transition-phase">
                  <div class="phase-marker">
                    <div class="marker-number">2</div>
                    <div class="marker-title">Mains Preparation</div>
                  </div>
                  <div class="transition-details">
                    <h5>Strategic Shift (Days 4-45)</h5>
                    <ul>
                      <li>Shift focus from speed to depth</li>
                      <li>Start descriptive writing practice</li>
                      <li>Begin comprehensive current affairs compilation</li>
                      <li>Practice advanced level questions</li>
                    </ul>
                  </div>
                </div>

                <div class="transition-phase">
                  <div class="phase-marker">
                    <div class="marker-number">3</div>
                    <div class="marker-title">Mains Completion</div>
                  </div>
                  <div class="transition-details">
                    <h5>Interview Preparation (Days 46-60)</h5>
                    <ul>
                      <li>Begin mock interviews immediately</li>
                      <li>Update current affairs till interview date</li>
                      <li>Prepare detailed self-introduction</li>
                      <li>Practice group discussions</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>

            ---

            ## 📈 Success Metrics & Benchmarks

            ### **Phase-wise Performance Indicators**

            <div class="success-metrics">
              <div class="metric-category">
                <h4>🎯 Prelims Success Indicators</h4>
                <div class="metric-benchmarks">
                  <div class="benchmark-item">
                    <span class="benchmark-label">Mock Test Performance:</span>
                    <span class="benchmark-value">Consistently 75+ marks</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Accuracy Rate:</span>
                    <span class="benchmark-value">85%+ across sections</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Time Management:</span>
                    <span class="benchmark-value">Complete all sections in time</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Section-wise Balance:</span>
                    <span class="benchmark-value">25+ questions in each section</span>
                  </div>
                </div>
              </div>

              <div class="metric-category">
                <h4>📚 Mains Success Indicators</h4>
                <div class="metric-benchmarks">
                  <div class="benchmark-item">
                    <span class="benchmark-label">Mock Test Score:</span>
                    <span class="benchmark-value">140+ marks consistently</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Descriptive Writing:</span>
                    <span class="benchmark-value">15+ marks average</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Current Affairs:</span>
                    <span class="benchmark-value">80%+ accuracy in quizzes</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">DI & Reasoning:</span>
                    <span class="benchmark-value">70%+ accuracy</span>
                  </div>
                </div>
              </div>

              <div class="metric-category">
                <h4>🎭 Interview Success Indicators</h4>
                <div class="metric-benchmarks">
                  <div class="benchmark-item">
                    <span class="benchmark-label">Mock Interview Rating:</span>
                    <span class="benchmark-value">7.5+ / 10 consistently</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Communication Skills:</span>
                    <span class="benchmark-value">Clear, confident, structured</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Knowledge Assessment:</span>
                    <span class="benchmark-value">70%+ questions answered correctly</span>
                  </div>
                  <div class="benchmark-item">
                    <span class="benchmark-label">Personality Score:</span>
                    <span class="benchmark-value">Positive impression, good body language</span>
                  </div>
                </div>
              </div>
            </div>

            ---

            <style>
            .exam-structure {
              background: white;
              padding: 2rem;
              border-radius: 15px;
              box-shadow: 0 4px 6px rgba(0,0,0,0.1);
              margin: 2rem 0;
            }

            .phase-intro {
              text-align: center;
              margin-bottom: 2rem;
              padding: 1.5rem;
              background: #f8fafc;
              border-radius: 10px;
            }

            .phase-flow {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 1rem;
              flex-wrap: wrap;
            }

            .flow-item {
              text-align: center;
              padding: 1.5rem;
              border-radius: 10px;
              min-width: 150px;
              transition: transform 0.3s ease;
            }

            .flow-item:hover {
              transform: translateY(-5px);
            }

            .flow-item.prelims {
              background: linear-gradient(135deg, #3b82f6, #1e40af);
              color: white;
            }

            .flow-item.mains {
              background: linear-gradient(135deg, #10b981, #047857);
              color: white;
            }

            .flow-item.interview {
              background: linear-gradient(135deg, #f59e0b, #d97706);
              color: white;
            }

            .phase-number {
              font-size: 2rem;
              font-weight: bold;
              margin-bottom: 0.5rem;
            }

            .phase-title {
              font-size: 1.1rem;
              font-weight: 600;
              margin-bottom: 0.25rem;
            }

            .flow-arrow {
              font-size: 2rem;
              font-weight: bold;
              color: #6b7280;
            }

            .comparison-table {
              margin: 2rem 0;
              overflow-x: auto;
            }

            .phase-comparison {
              width: 100%;
              border-collapse: collapse;
              background: white;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            }

            .phase-comparison th,
            .phase-comparison td {
              padding: 1rem;
              text-align: left;
              border-bottom: 1px solid #e5e7eb;
            }

            .phase-comparison th {
              background-color: #f8fafc;
              font-weight: 600;
              color: #374151;
            }

            .phase-strategy {
              background: white;
              padding: 2rem;
              border-radius: 15px;
              box-shadow: 0 4px 6px rgba(0,0,0,0.1);
              margin: 2rem 0;
            }

            .strategy-header {
              text-align: center;
              margin-bottom: 2rem;
              padding: 1.5rem;
              background: #f8fafc;
              border-radius: 10px;
            }

            .strategy-grid {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
              gap: 1.5rem;
            }

            .strategy-card {
              background: #f8fafc;
              padding: 1.5rem;
              border-radius: 10px;
              border-left: 4px solid #3b82f6;
            }

            .time-allocation {
              margin-top: 1rem;
            }

            .time-block {
              display: grid;
              grid-template-columns: 2fr 1fr 1fr;
              gap: 0.5rem;
              padding: 0.75rem;
              margin: 0.5rem 0;
              background: white;
              border-radius: 8px;
              border-left: 3px solid #10b981;
            }

            .section-strategy {
              margin-top: 1rem;
            }

            .section-item {
              background: white;
              padding: 1rem;
              margin: 1rem 0;
              border-radius: 8px;
              border-left: 3px solid #f59e0b;
            }

            .success-metrics {
              margin-top: 1rem;
            }

            .metric-item {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 0.75rem;
              margin: 0.5rem 0;
              background: white;
              border-radius: 8px;
            }

            .study-plan {
              background: white;
              padding: 2rem;
              border-radius: 15px;
              box-shadow: 0 4px 6px rgba(0,0,0,0.1);
              margin: 2rem 0;
            }

            .plan-header {
              text-align: center;
              margin-bottom: 2rem;
            }

            .plan-weeks {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
              gap: 1.5rem;
            }

            .week-plan {
              background: #f8fafc;
              padding: 1.5rem;
              border-radius: 10px;
              border-top: 4px solid #10b981;
            }

            .daily-plan {
              margin-top: 1rem;
            }

            .day-plan {
              display: flex;
              gap: 0.5rem;
              padding: 0.5rem 0;
              border-bottom: 1px solid #e5e7eb;
            }

            .mains-structure {
              margin: 2rem 0;
            }

            .exam-breakdown {
              background: #f8fafc;
              padding: 1.5rem;
              border-radius: 10px;
              margin-top: 1rem;
            }

            .section-details {
              display: grid;
              gap: 0.75rem;
            }

            .section-info {
              display: grid;
              grid-template-columns: 2fr 1fr 1fr;
              gap: 1rem;
              padding: 1rem;
              background: white;
              border-radius: 8px;
              border-left: 3px solid #3b82f6;
            }

            .section-info.descriptive {
              border-left-color: #f59e0b;
              background: #fffbeb;
            }

            .mains-plan .plan-phases {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
              gap: 1.5rem;
              margin-top: 1.5rem;
            }

            .phase-block {
              background: #f8fafc;
              padding: 1.5rem;
              border-radius: 10px;
              border-left: 4px solid #8b5cf6;
            }

            .phase-activities {
              margin-top: 1rem;
            }

            .activity-group {
              display: flex;
              justify-content: space-between;
              padding: 0.5rem 0;
              border-bottom: 1px solid #e5e7eb;
            }

            .interview-strategy {
              background: white;
              padding: 2rem;
              border-radius: 15px;
              box-shadow: 0 4px 6px rgba(0,0,0,0.1);
              margin: 2rem 0;
            }

            .assessment-grid {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
              gap: 1.5rem;
              margin-top: 1.5rem;
            }

            .assessment-item {
              display: flex;
              gap: 1rem;
              padding: 1.5rem;
              background: #f8fafc;
              border-radius: 10px;
              border-left: 4px solid #10b981;
            }

            .component-icon {
              font-size: 2rem;
              text-align: center;
            }

            .prep-categories {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
              gap: 1.5rem;
              margin-top: 1.5rem;
            }

            .prep-category {
              background: #f8fafc;
              padding: 1.5rem;
              border-radius: 10px;
              border-left: 4px solid #f59e0b;
            }

            .prep-list {
              margin-top: 1rem;
            }

            .prep-item {
              display: flex;
              justify-content: space-between;
              padding: 0.5rem 0;
              border-bottom: 1px solid #e5e7eb;
            }

            .question-categories {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
              gap: 1.5rem;
              margin-top: 1.5rem;
            }

            .question-category {
              background: #f8fafc;
              padding: 1.5rem;
              border-radius: 10px;
              border-left: 4px solid #ef4444;
            }

            .transition-strategy {
              background: white;
              padding: 2rem;
              border-radius: 15px;
              box-shadow: 0 4px 6px rgba(0,0,0,0.1);
              margin: 2rem 0;
            }

            .transition-timeline {
              margin-top: 1.5rem;
            }

            .transition-phase {
              display: flex;
              gap: 1.5rem;
              margin: 1rem 0;
              padding: 1.5rem;
              background: #f8fafc;
              border-radius: 10px;
              border-left: 4px solid #6b7280;
            }

            .phase-marker {
              text-align: center;
              min-width: 120px;
            }

            .marker-number {
              width: 40px;
              height: 40px;
              background: #3b82f6;
              color: white;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-weight: bold;
              margin: 0 auto 0.5rem;
            }

            .transition-details {
              flex: 1;
            }

            .metric-category {
              background: #f8fafc;
              padding: 1.5rem;
              margin: 1rem 0;
              border-radius: 10px;
              border-left: 4px solid #22c55e;
            }

            .metric-benchmarks {
              margin-top: 1rem;
            }

            .benchmark-item {
              display: flex;
              justify-content: space-between;
              padding: 0.75rem;
              margin: 0.5rem 0;
              background: white;
              border-radius: 8px;
              border-left: 3px solid #22c55e;
            }

            @media (max-width: 768px) {
              .phase-flow {
                flex-direction: column;
              }

              .flow-arrow {
                transform: rotate(90deg);
              }

              .strategy-grid,
              .plan-weeks,
              .assessment-grid,
              .prep-categories,
              .question-categories {
                grid-template-columns: 1fr;
              }

              .section-info,
              .time-block {
                grid-template-columns: 1fr;
                gap: 0.25rem;
              }

              .transition-phase {
                flex-direction: column;
                text-align: center;
              }
            }
            </style>

            <script>
            document.addEventListener('DOMContentLoaded', function() {
              // Animate phase flow
              const flowItems = document.querySelectorAll('.flow-item');
              flowItems.forEach((item, index) => {
                item.style.opacity = '0';
                item.style.transform = 'translateY(20px)';
                setTimeout(() => {
                  item.style.transition = 'all 0.5s ease';
                  item.style.opacity = '1';
                  item.style.transform = 'translateY(0)';
                }, index * 200);
              });

              // Interactive comparison table
              const tableRows = document.querySelectorAll('.phase-comparison tbody tr');
              tableRows.forEach(row => {
                row.addEventListener('mouseenter', function() {
                  this.style.backgroundColor = '#f0f9ff';
                  this.style.transform = 'scale(1.02)';
                  this.style.transition = 'all 0.3s ease';
                });

                row.addEventListener('mouseleave', function() {
                  this.style.backgroundColor = 'transparent';
                  this.style.transform = 'scale(1)';
                });
              });

              // Progress tracking for study plans
              const planItems = document.querySelectorAll('.day-plan, .activity-group');
              planItems.forEach(item => {
                item.addEventListener('click', function() {
                  this.style.backgroundColor = this.style.backgroundColor === 'rgb(220, 252, 231)' ? 'transparent' : '#dcfce7';
                  this.style.transition = 'background-color 0.3s ease';
                });
              });

              // Interactive metric tracking
              const metricItems = document.querySelectorAll('.benchmark-item, .metric-item');
              metricItems.forEach(item => {
                item.addEventListener('click', function() {
                  this.classList.toggle('achieved');
                  if (this.classList.contains('achieved')) {
                    this.style.backgroundColor = '#dcfce7';
                    this.style.borderLeftColor = '#22c55e';
                  } else {
                    this.style.backgroundColor = 'white';
                    this.style.borderLeftColor = '#22c55e';
                  }
                });
              });

              // Smooth scroll for navigation
              document.querySelectorAll('h4').forEach(header => {
                header.addEventListener('click', function() {
                  this.scrollIntoView({ behavior: 'smooth', block: 'start' });
                });
              });

              // Add tooltips for exam phases
              const phaseCards = document.querySelectorAll('.flow-item');
              phaseCards.forEach(card => {
                card.addEventListener('mouseenter', function() {
                  const tooltip = document.createElement('div');
                  tooltip.className = 'phase-tooltip';
                  tooltip.textContent = this.querySelector('.phase-desc').textContent;
                  tooltip.style.cssText = `
                    position: absolute;
                    background: #1f2937;
                    color: white;
                    padding: 0.5rem 1rem;
                    border-radius: 5px;
                    font-size: 0.875rem;
                    z-index: 1000;
                    bottom: 100%;
                    left: 50%;
                    transform: translateX(-50%);
                    margin-bottom: 0.5rem;
                  `;
                  this.style.position = 'relative';
                  this.appendChild(tooltip);
                });

                card.addEventListener('mouseleave', function() {
                  const tooltip = this.querySelector('.phase-tooltip');
                  if (tooltip) tooltip.remove();
                });
              });
            });
            </script>