body{font-family:Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:20px;line-height:1.6;background-color:#121212;color:#fff}h1{color:#fff;padding-bottom:10px;margin-top:0}h2{color:#fff;margin-top:0;font-size:4rem;font-weight:700}.current-event{background-color:#1e3a5f;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #1976d2;box-shadow:0 4px 6px #0000001a}.current-event-button{display:inline-block;background-color:#1976d2;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-size:18px;font-weight:500;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #0003;border:2px solid transparent;position:relative;z-index:1}.current-event-button:hover{background-color:#1565c0;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d;border-color:#90caf9}.current-event-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.year-section{margin-bottom:20px}.year-header{background-color:#1e1e1e;padding:15px;cursor:pointer;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #333;transition:background-color .3s}.year-header:hover{background-color:#2c2c2c}.year-content{max-height:0;overflow:hidden;padding:0;border-left:2px solid #333;margin-left:10px;background-color:#1a1a1a;border-radius:0 0 8px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-10px)}.year-content.active{max-height:1000px;padding:15px;opacity:1;transform:translateY(0)}.event-link{display:block;padding:12px;margin:8px 0;text-decoration:none;color:#fff;border-radius:4px;background-color:#2c2c2c;transition:background-color .3s,transform .2s}.event-link:hover{background-color:#3c3c3c;transform:translate(5px)}.event-date{font-size:2rem;font-weight:500;margin-bottom:4px}.event-name{font-size:2rem;color:#aaa}.toggle-icon{font-size:18px;color:#1976d2;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.year-header[data-expanded=true] .toggle-icon{transform:rotate(180deg)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.logo{font-size:24px;font-weight:500;color:#1976d2;display:flex;align-items:center;gap:10px}.logo-icon{font-size:28px}.description{color:#aaa;margin-bottom:30px}.footer{margin-top:50px;padding-top:20px;border-top:1px solid #333;color:#777;font-size:14px}.personal-history-section{background-color:#1e3a5f;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #4caf50;box-shadow:0 4px 6px #0000001a}.personal-history-button{display:inline-block;background-color:#4caf50;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-size:18px;font-weight:500;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #0003;border:2px solid transparent;position:relative;z-index:1}.personal-history-button:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.personal-history-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.button-container{background-color:#1a1a1a;padding:20px;border-radius:12px;box-shadow:0 8px 16px #0000004d;margin-bottom:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.button-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1976d2,#4caf50);z-index:0}.button-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff1a;z-index:0}@keyframes buttonPulse{0%{box-shadow:0 4px 6px #0003}50%{box-shadow:0 6px 12px #0000004d}to{box-shadow:0 4px 6px #0003}}.current-event-button,.personal-history-button{animation:buttonPulse 3s infinite ease-in-out}
