<style> /* ===== RAESON Conference Schedule (Scoped) ===== */ .raeson-sch-wrapper { padding: 50px 20px; background: linear-gradient(135deg, #f3e5f5, #e0f7fa); min-height: 70vh; } .raeson-sch-title { text-align: center; font-size: 2.2rem; font-weight: 800; color: #6f42c1; margin-bottom: 40px; text-shadow: 1px 1px 3px rgba(0,0,0,.1); } /* Timeline container */ .raeson-sch-list { max-width: 800px; margin: 0 auto; position: relative; } /* Vertical line */ .raeson-sch-list::before { content: ""; position: absolute; left: 30px; top: 0; bottom: 0; width: 4px; background: linear-gradient(#6f42c1, #0dcaf0); border-radius: 10px; } /* Schedule card */ .raeson-sch-card { background: #fff; margin-bottom: 25px; margin-left: 70px; padding: 20px 25px; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,.1); position: relative; transition: transform .35s, box-shadow .35s; } .raeson-sch-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(111,66,193,.25); } /* Timeline dot */ .raeson-sch-dot { position: absolute; left: -50px; top: 24px; width: 22px; height: 22px; background: #fff; border: 5px solid #6f42c1; border-radius: 50%; } /* Time badge */ .raeson-sch-time { display: inline-block; background: linear-gradient(135deg, #6f42c1, #0dcaf0); color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; margin-bottom: 8px; } /* Title */ .raeson-sch-session { font-size: 1.25rem; font-weight: 700; color: #3f51b5; margin-bottom: 6px; } /* Speaker chip */ .raeson-sch-speaker { display: inline-block; background: #e7f1ff; color: #0d6efd; padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-bottom: 10px; } /* Description */ .raeson-sch-desc { font-size: 0.95rem; color: #495057; line-height: 1.6; } /* Responsive */ @media (max-width: 768px) { .raeson-sch-list::before { left: 15px; } .raeson-sch-card { margin-left: 45px; padding: 18px; } .raeson-sch-dot { left: -35px; } } </style>