body{font-family:Quicksand,sans-serif;background-color:#121212;color:#e0e0e0;margin:0;padding:0;min-height:100vh}h1{text-align:center;font-size:4em;margin-top:.5em;font-weight:600;color:#ff7043;text-shadow:2px 2px #ff5722}p{text-align:center;font-size:1.6em;line-height:1.2;padding-left:15px;padding-right:15px;color:#b0b0b0}.timeline{position:relative;margin:50px 0;padding:20px;list-style:none}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:7px;background:linear-gradient(to bottom,#ff7043,#ff5722);transform:translate(-50%)}.timeline li{position:relative;width:40%;padding:0;box-sizing:border-box}.timeline li:nth-child(odd){left:5%}.timeline li:nth-child(2n){left:55%}.timeline .content{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);padding:15px;border-radius:10px;position:relative;box-shadow:0 8px 20px #0006;transition:transform .5s ease,box-shadow .5s ease}.timeline .content:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0009}.timeline .content h2{text-align:center;margin-top:0;color:#ff7043;font-size:2em}.timeline .content img{width:100%;height:auto;object-fit:cover;border-radius:10px;margin-bottom:1px;transition:filter .3s ease,transform .3s ease;cursor:pointer}.timeline .content img:hover{filter:brightness(1.1) contrast(1.05)}img.fullscreen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);max-width:90vw;max-height:90vh;border-radius:0;box-shadow:0 8px 20px #000c;z-index:1000}@media screen and (max-width: 768px){.timeline li{left:0!important;width:100%;margin-bottom:32px}.timeline:before{left:50%;transform:translate(-50%)}}.timeline .content p{font-size:1.5em;line-height:1;font-family:Arial,sans-serif;color:#e5e5e5}footer{text-align:center;font-family:Quicksand,sans-serif;color:#b0b0b0;padding:2px 0;background:#1e1e1e}footer a{font-size:1rem;color:#ff7043;text-decoration:none}