body{margin:0;padding:0}:root{--orange: #e87a20;--orange-light: #f5a623;--blue-dark: #2c4a6e;--blue-medium: #4a7fb5;--blue-light: #6ba3d6;--white: #ffffff;--gray-light: #f5f7fa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-light);color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);color:var(--white);padding:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;text-align:center}.logo{width:120px;height:120px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0003}.header-info h1{font-size:2.2rem;font-weight:800;margin-bottom:.3rem}.subtitle{font-size:1.1rem;font-style:italic;opacity:.9}.details{font-size:.95rem;margin-top:.3rem;opacity:.85}.day-tabs{display:flex;gap:0;background:var(--blue-dark);overflow-x:auto;justify-content:center;flex-wrap:wrap}.day-tab{padding:.9rem 1.5rem;border:none;background:transparent;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.day-tab:hover{color:var(--white);background:#ffffff1a}.day-tab.active{color:var(--white);background:var(--blue-medium);border-bottom:3px solid var(--orange)}.schedule{flex:1;max-width:800px;margin:2rem auto;padding:0 1rem;width:100%}.day-schedule{display:flex;flex-direction:column;gap:1rem}.event-card{background:var(--white);border-radius:12px;padding:1.2rem 1.5rem;display:flex;gap:1.2rem;box-shadow:0 2px 8px #0000000f;border-left:4px solid var(--orange);transition:transform .15s,box-shadow .15s}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.event-time{font-size:.85rem;font-weight:700;color:var(--blue-dark);min-width:130px;padding-top:2px}.event-content{flex:1}.event-title{font-size:1.1rem;font-weight:700;color:var(--blue-dark);margin-bottom:.3rem}.event-location{font-size:.85rem;color:#666}.event-description{margin-top:.4rem;font-size:.9rem;color:#555;line-height:1.4}.footer{background:var(--blue-dark);color:#ffffffb3;text-align:center;padding:1.5rem;font-size:.9rem}@media(max-width:600px){.header{padding:1.5rem 1rem}.logo{width:80px;height:80px}.header-info h1{font-size:1.6rem}.event-card{flex-direction:column;gap:.5rem}.event-time{min-width:auto}.day-tab{padding:.7rem 1rem;font-size:.85rem}}
