:root{--primary-color:#e85d04;--secondary-color:#03071e;--bg-color:#f8f9fa;--card-bg:#ffffff;--text-color:#343a40;--font-family:'Poppins',Arial,Helvetica,sans-serif;--radius:10px;--shadow:0 4px 15px rgba(0,0,0,0.08);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0;line-height:1.6;font-size:1rem;}.container{max-width:1280px;margin:0 auto;padding:20px;}.hero-section{background:linear-gradient(135deg,var(--secondary-color),#370617);color:white;padding:60px 20px;text-align:center;}.hero-section h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:15px;font-weight:700;}.hero-section p{font-size:1.1rem;opacity:0.9;}.search-wrapper{margin:40px 0;text-align:center;}#searchInput{width:60%;max-width:500px;padding:14px 20px;font-size:1rem;border:1px solid #ddd;border-radius:50px;box-shadow:var(--shadow);transition:all 0.3s ease;}#searchInput:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px rgba(232,93,4,0.4);}.rate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;}.rate-card{background-color:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;transition:transform 0.25s ease,box-shadow 0.25s ease;border-top:4px solid var(--primary-color);}.rate-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,0.12);}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:15px;}.city-name{font-size:1.4rem;margin:0;font-weight:600;color:var(--secondary-color);}.trend-badge{padding:5px 12px;border-radius:50px;font-size:0.85rem;font-weight:500;color:white;text-transform:uppercase;}.trend-badge.up{background-color:#28a745;}.trend-badge.down{background-color:#dc3545;}.trend-badge.stable{background-color:#6c757d;}.main-price{font-size:2.2rem;font-weight:700;color:var(--primary-color);text-align:center;margin:20px 0;}.main-price span{font-size:0.9rem;font-weight:400;color:#6c757d;}.price-breakdown{list-style:none;padding:0;margin:0;}.price-breakdown li{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #f1f1f1;}.price-breakdown li span{color:#6c757d;}.price-breakdown li strong{color:var(--secondary-color);font-size:1.05rem;}.no-data{text-align:center;font-size:1.2rem;padding:50px;opacity:0.8;}.footer{text-align:center;padding:25px;margin-top:40px;font-size:0.9rem;color:#6c757d;}.footer a{color:var(--primary-color);text-decoration:none;}.footer a:hover{text-decoration:underline;}a.card-link{text-decoration:none;color:inherit;display:block;}@media (max-width:768px){#searchInput{width:90%;}.rate-grid{grid-template-columns:1fr;}.main-price{font-size:1.8rem;}.city-name{font-size:1.2rem;}}.egg-rate-intro{max-width:800px;margin:20px auto;padding:25px;background:#ffffff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);font-family:"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;color:#333;}.egg-rate-intro h2{font-size:1.8rem;margin-bottom:15px;color:#2a7ae2;font-weight:600;text-align:center;}.egg-rate-intro p{font-size:1.05rem;text-align:justify;}.egg-rate-intro strong{color:#e67e22;}.blog-post{max-width:900px;margin:30px auto;padding:25px;background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,0.1);font-family:"Segoe UI",Roboto,Arial,sans-serif;line-height:1.8;color:#333;}.blog-post h1{font-size:2rem;margin-bottom:20px;text-align:center;color:#2a7ae2;}.blog-post h2{font-size:1.5rem;margin:25px 0 15px;color:#e67e22;border-left:4px solid #e67e22;padding-left:10px;}.blog-post p{margin-bottom:15px;font-size:1.05rem;text-align:justify;}.blog-post ul{margin:15px 0;padding-left:25px;}.blog-post ul li{margin:6px 0;}.faq p{margin-bottom:15px;background:#f9f9f9;padding:12px 15px;border-radius:10px;border-left:4px solid #2a7ae2;}.disclaimer{margin-top:30px;padding:20px;background:#fff7e6;border:1px solid #f5d580;border-radius:10px;}.disclaimer h3{color:#d35400;margin-bottom:10px;}.disclaimer p{font-size:0.95rem;line-height:1.6;color:#444;}body{font-family:'Poppins',sans-serif;background-color:#f4f7f6;color:#3a3a3a;margin:0;padding-top:80px;}.container{max-width:1200px;margin:0 auto;padding:0 15px;}a{text-decoration:none;color:#3498db;}main.main-content{min-height:calc(100vh - 250px);}.main-header{background-color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:15px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;}.main-nav{display:flex;justify-content:space-between;align-items:center;}.logo{display:flex;align-items:center;font-size:1.6em;font-weight:600;color:#2c3e50;}.logo img{max-width: 200px;height: auto;display: block;margin-right:10px;}.nav-links{list-style:none;margin:0;padding:0;display:flex;}.nav-links li{margin-left:30px;}.nav-links a{font-weight:500;color:#34495e;transition:color 0.3s;padding-bottom:5px;border-bottom:2px solid transparent;}.nav-links a:hover{color:#3498db;border-bottom-color:#3498db;}.hamburger-menu{display:none;font-size:1.8em;cursor:pointer;color:#2c3e50;}.main-footer{background-color:#2c3e50;color:#bdc3c7;padding:40px 0 20px 0;margin-top:40px;}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px;}.footer-column h4{color:#ffffff;margin-bottom:15px;}.footer-column p{font-size:0.9em;}.footer-column ul{list-style:none;padding:0;}.footer-column ul li{margin-bottom:10px;}.footer-column ul a{color:#bdc3c7;transition:color 0.3s;}.footer-column ul a:hover{color:#ffffff;}.social-links a{color:#bdc3c7;font-size:1.4em;margin-right:15px;transition:color 0.3s;}.social-links a:hover{color:#3498db;}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #34495e;font-size:0.9em;}@media (max-width:768px){.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background-color:#ffffff;flex-direction:column;align-items:center;padding-top:40px;transition:left 0.3s ease-in-out;}.nav-links.active{left:0;}.nav-links li{margin:15px 0;}.nav-links a{font-size:1.2em;}.hamburger-menu{display:block;}.footer-grid{grid-template-columns:1fr;text-align:center;}}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;margin-bottom:30px;}.page-title-container{text-align:center;margin-bottom:30px;}.page-title-container h1{font-size:clamp(2rem,5vw,3rem);margin:0;color:var(--secondary-color);font-weight:700;}.page-title-container p{color:#6c757d;font-size:1rem;margin-top:10px;}.main-content{display:flex;gap:30px;align-items:flex-start;}.content-area{flex:3;}.sidebar{flex:1;position:sticky;top:20px;}.today-rate-card h2{margin:0 0 15px;font-size:1.4rem;color:var(--secondary-color);}.main-price2{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:20px;}.main-price2 span{display:block;font-size:1rem;color:#6c757d;font-weight:400;}.price-breakdown{list-style:none;padding:0;margin:0;}.price-breakdown li{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #f1f1f1;}.price-breakdown li strong{color:var(--secondary-color);font-size:1.1rem;}.chart-container{position:relative;height:300px;}.table-container{max-height:400px;overflow-y:auto;border-radius:var(--radius);box-shadow:var(--shadow);}table{width:100%;border-collapse:collapse;}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee;}thead th{background:#f8f9fa;font-weight:600;}tbody tr:hover{background:#fdf3eb;}.sidebar h3{margin-top:0;margin-bottom:15px;border-bottom:2px solid var(--primary-color);padding-bottom:8px;font-size:1.2rem;}.city-links{list-style:none;padding:0;margin:0;}.city-links li a{display:block;padding:10px 8px;text-decoration:none;color:var(--secondary-color);border-radius:6px;transition:all 0.2s;}.city-links li a:hover{background:#fff3eb;color:var(--primary-color);}@media (max-width:992px){.main-content{flex-direction:column;}.sidebar{position:static;width:100%;margin-top:20px;}}@media (max-width:576px){.main-price{font-size:2.2rem;}.page-title-container h1{font-size:1.8rem;}th,td{font-size:0.9rem;padding:8px;}@font-face{font-display: swap;}}