#club-timeline{padding:4rem 2rem;max-width:1200px;margin:0 auto;position:relative}.timeline-header{text-align:center;margin-bottom:4rem}.timeline-header h2{font-size:3rem;color:#ef3e34;margin-bottom:1rem}.timeline-subtitle{font-size:1.3rem;color:#ccc;max-width:600px;margin:0 auto}.timeline-container{position:relative;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ef3e34,#ff736c,#ef3e34);transform:translateX(-50%);border-radius:2px;box-shadow:0 0 20px rgba(239,62,52,.3)}.timeline-item{position:relative;margin-bottom:4rem;display:flex;align-items:flex-start}.item-left{justify-content:flex-end;padding-right:3rem}.item-right{justify-content:flex-start;padding-left:3rem}.timeline-marker{position:absolute;left:50%;transform:translateX(-50%);z-index:10}.marker-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #ef3e34;background:var(--background);box-shadow:0 4px 20px rgba(239,62,52,.3);transition:all .3s ease}.marker-icon:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(239,62,52,.5)}.marker-icon.founding{background:linear-gradient(135deg,#ef3e34,#ff736c);color:white}.marker-icon.expansion{background:linear-gradient(135deg,#34a853,#7ed321);border-color:#34a853;color:white}.marker-icon.achievement{background:linear-gradient(135deg,#ffd700,#ffa500);border-color:#ffd700;color:#333}.marker-icon.milestone{background:linear-gradient(135deg,#9c27b0,#e91e63);border-color:#9c27b0;color:white}.marker-icon .material-symbols-outlined{font-size:1.5rem}.timeline-content{background:rgba(255,255,255,.05);border:1px solid rgba(239,62,52,.2);border-radius:1rem;padding:2rem;max-width:500px;backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.timeline-content:hover{background:rgba(255,255,255,.08);border-color:rgba(239,62,52,.4);transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.2)}.item-left .timeline-content:after{right:-15px;border-left:15px solid rgba(239,62,52,.2)}.item-left .timeline-content:after,.item-right .timeline-content:after{content:"";position:absolute;top:30px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}.item-right .timeline-content:after{left:-15px;border-right:15px solid rgba(239,62,52,.2)}.timeline-year{font-size:1.5rem;font-weight:700;color:#ef3e34;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.timeline-year:before{content:"";width:20px;height:2px;background:#ef3e34}.timeline-title{font-size:1.8rem;color:var(--foreground);margin-bottom:1rem;font-weight:600}.timeline-description{font-size:1.1rem;color:#ccc;line-height:1.6;margin-bottom:1.5rem}.timeline-image{margin:1.5rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.3)}.timeline-achievements{background:rgba(239,62,52,.1);border-radius:.5rem;padding:1.5rem;margin-top:1.5rem}.timeline-achievements h4{display:flex;align-items:center;gap:.5rem;color:#ef3e34;font-size:1.2rem;margin-bottom:1rem}.timeline-achievements h4 .material-symbols-outlined{font-size:1.3rem}.timeline-achievements ul{list-style:none;padding:0}.timeline-achievements li{color:var(--foreground);padding:.5rem 0 .5rem 1.5rem;position:relative}.timeline-achievements li:before{content:"⭐";position:absolute;left:0;color:#ffd700}@media (max-width:968px){.timeline-line{left:30px}.timeline-item{flex-direction:column;padding-left:80px!important;padding-right:0!important}.item-left,.item-right{justify-content:flex-start}.timeline-marker{left:30px}.timeline-content{max-width:none}.item-left .timeline-content:after,.item-right .timeline-content:after{left:-15px;right:auto;border-left:none;border-right:15px solid rgba(239,62,52,.2)}}@media (max-width:768px){#club-timeline{padding:2rem 1rem}.timeline-header h2{font-size:2.5rem}.timeline-content{padding:1.5rem}.timeline-title{font-size:1.5rem}.marker-icon{width:50px;height:50px}.marker-icon .material-symbols-outlined{font-size:1.2rem}}@media (max-width:480px){.timeline-item{padding-left:60px!important}.timeline-line,.timeline-marker{left:25px}.marker-icon{width:40px;height:40px}.marker-icon .material-symbols-outlined{font-size:1rem}}