#page-timeline{background:linear-gradient(135deg,#fff5f8,#ffe8f0);overflow-y:auto;padding:60px 0 100px;}
#page-timeline h1{text-align:center;color:#ff2d75;margin-bottom:10px;}

#page-timeline .timeline-wrap{position:relative;max-width:600px;margin:30px auto;padding:0 16px;}
#page-timeline .timeline-wrap::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;
  background:linear-gradient(#ffb3c7,#ff4d88);transform:translateX(-50%);}

#page-timeline .timeline-item{position:relative;width:50%;padding:20px 30px;opacity:0;transform:translateY(20px);
  transition:opacity .5s ease, transform .5s ease;}
#page-timeline .timeline-item.shown{opacity:1;transform:translateY(0);}
#page-timeline .timeline-item.left{left:0;text-align:right;}
#page-timeline .timeline-item.right{left:50%;text-align:left;}

#page-timeline .timeline-dot{position:absolute;top:24px;width:16px;height:16px;border-radius:50%;
  background:#ff4d88;box-shadow:0 0 0 5px rgba(255,77,136,.2);}
#page-timeline .timeline-item.left .timeline-dot{right:-8px;}
#page-timeline .timeline-item.right .timeline-dot{left:-8px;}

#page-timeline .timeline-card{background:white;border-radius:14px;padding:16px 18px;box-shadow:0 10px 25px rgba(0,0,0,.1);
  display:inline-block;text-align:left;max-width:100%;}
#page-timeline .timeline-date{display:block;font-size:12px;color:#ff8fb3;font-weight:700;letter-spacing:.5px;margin-bottom:4px;}
#page-timeline .timeline-card h3{color:#ff2d75;font-size:16px;margin-bottom:6px;}
#page-timeline .timeline-card p{color:#555;font-size:14px;line-height:1.5;}

#page-timeline button{display:block;margin:30px auto 0;padding:14px 32px;border:none;border-radius:40px;
  background:#ff4d88;color:white;font-size:16px;cursor:pointer;transition:.3s;}
#page-timeline button:hover{transform:scale(1.05);}

@media (max-width: 560px){
  #page-timeline .timeline-wrap::before{left:10px;}
  #page-timeline .timeline-item, #page-timeline .timeline-item.left, #page-timeline .timeline-item.right{
    width:100%;left:0;text-align:left;padding-left:34px;padding-right:8px;}
  #page-timeline .timeline-item.left .timeline-dot, #page-timeline .timeline-item.right .timeline-dot{left:2px;right:auto;}
}

/* Premium responsive */
*{box-sizing:border-box}img,video{max-width:100%;height:auto}body{overflow-x:hidden}
.container{width:min(92%,1100px);margin:auto}
h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,3rem)}p{font-size:clamp(1rem,2vw,1.1rem)}
button,.btn{min-height:48px;padding:.8rem 1.4rem;border-radius:14px}
@media(max-width:768px){section{padding:60px 16px}}