/* =========================================
   1. CORE VARIABLES & GLOBAL RESET
   ========================================= */
:root {
    /* Brand Colors */
    --primary-orange: #ffae00;    
    --primary-yellow: #FFC107;    
    --light-yellow: #FFF8E1;      
    
    /* Gradients */
    --main-gradient: linear-gradient(135deg, #FF6B00 0%, #FFC107 100%);
    --card-gradient: linear-gradient(180deg, #ffffff 0%, #FFFDF5 100%);

    /* UI Colors */
    --dark-text: #2D2D2D;
    --light-text: #9A9A9D;
    --bg-body: #F5F5F8;
    --white: #FFFFFF;
    --grey-btn: #F3F3F5;
    
    /* Shadows & Radius */
    --shadow-orange: 0 10px 25px rgba(255, 107, 0, 0.25);
    --card-shadow: 0 8px 24px rgba(149, 157, 165, 0.08);
    --card-radius: 24px;
    --btn-radius: 14px;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

body {
    margin: 0; padding: 0;
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-body);
    color: var(--dark-text);
    padding-bottom: 100px; /* Space for bottom nav */
    overflow-x: hidden;
}

.trans-03 { transition: all 0.3s ease; }

/* Wrapper to hold content */
.content-container { padding: 0 10px; }

.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;margin-top: 5px; }
.section-title { font-size: 20px; font-weight: 700; margin: 0; }
.see-all { font-size: 14px; color: var(--primary-orange); font-weight: 600; text-decoration: none; }