.milestones-banner{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)) center/cover,url('../images/milestone banner.jpg') center/cover;height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.milestones-banner h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.8)}.milestones-banner p{font-size:1.3rem;color:#fff;opacity:.95;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.stats-section{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:80px 0;color:#fff}.stat-item{text-align:center;padding:30px;background:rgba(255,255,255,.1);border-radius:15px;margin-bottom:30px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:.3s}.stat-item:hover{transform:translateY(-10px);background:rgba(255,255,255,.15)}.stat-number{font-size:4rem;font-weight:700;margin-bottom:10px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:1.2rem;font-weight:500;margin-bottom:10px}.stat-description{font-size:.9rem;opacity:.8}.timeline-section{padding:100px 0;background:linear-gradient(135deg,#f8f9ff 0,#e6f2ff 100%)}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#667eea,#764ba2);transform:translateX(-50%)}.timeline-item{position:relative;margin-bottom:60px;opacity:0;transform:translateY(50px);transition:.6s}.timeline-item.animate{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd) .timeline-content{margin-left:0;margin-right:calc(50% + 40px);text-align:right}.timeline-item:nth-child(2n) .timeline-content{margin-left:calc(50% + 40px);margin-right:0;text-align:left}.timeline-content{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:3px solid #667eea;position:relative;transition:.3s}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.timeline-content.golden{border-color:gold;background:linear-gradient(135deg,#fff8dc 0,#fff 100%);box-shadow:0 10px 30px rgba(255,215,0,.3)}.timeline-content.golden:hover{box-shadow:0 15px 40px rgba(255,215,0,.4);transform:translateY(-8px) scale(1.02)}.timeline-year{font-size:1.8rem;font-weight:700;color:#667eea;margin-bottom:15px}.timeline-content.golden .timeline-year{color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.timeline-title{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.timeline-description{color:#6c757d;line-height:1.6}.timeline-dot{position:absolute;left:50%;top:30px;width:20px;height:20px;background:#667eea;border-radius:50%;transform:translateX(-50%);z-index:2;border:4px solid #fff;box-shadow:0 0 0 4px #667eea}.timeline-content.golden+.timeline-dot{background:gold;box-shadow:0 0 0 4px gold;animation:2s ease-in-out infinite goldenPulse}@keyframes goldenPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.2)}}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}@media (min-width:768px){.chatbot-container{bottom:90px;right:30px}}.chatbot-icon{width:60px;height:60px;background:linear-gradient(135deg,#ff5722 0,#ff9800 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:.3s;animation:2s ease-in-out infinite chatbotPulse}.chatbot-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.25)}@keyframes chatbotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.chatbot-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:none;flex-direction:column;overflow:hidden;border:1px solid #e0e0e0}.chatbot-window.active{display:flex;animation:.3s ease-out slideUpFade}@keyframes slideUpFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient(135deg,#ff5722 0,#ff9800 100%);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.chatbot-header h4{margin:0;font-size:16px}.chatbot-close{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.chatbot-close:hover{background:rgba(255,255,255,.2)}.chatbot-body{flex:1;padding:20px;overflow-y:auto}@media (max-width:768px){.milestones-banner h1{font-size:2.5rem}.stat-number{font-size:3rem}.timeline-dot,.timeline-line{left:30px}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{margin-left:60px;margin-right:0;text-align:left}.chatbot-window{width:300px;height:450px}.chatbot-container{bottom:15px;right:15px}.ui-to-top.active+.chatbot-container{bottom:70px}}