:root{--primary-blue:#00BCD4;--secondary-blue:#03A9F4;--teal:#009688;--light-green:#8BC34A;--text-color:#333;--background:#f5f5f5;--header-bg:#f5f5f5;--navy-blue:#2A3356}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}body{background-color:var(--background);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:1rem}.site-header{background-color:var(--header-bg);width:100%;padding:1rem 0;border-bottom:1px solid #e0e0e0}.header{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:flex-start;align-items:center}.logo-container{display:flex;align-items:center}.logo{height:60px;width:auto}.logo{width:310px;height:88px}.brain{width:65px;height:65px}.section-separator{height:2px;background:var(--separator-color);margin:3rem 0;position:relative}.section-separator::after{content:'';position:absolute;left:0;top:-4px;width:50px;height:10px;background:var(--primary-blue);border-radius:5px}.sequence-link{text-decoration:none;color:#fff;transition:transform .2s ease}.sequence-link:hover{transform:translateY(-3px)}.sequence-card{background:var(--primary-blue);padding:1.2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:.5rem;min-height:80px}.sequence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;margin-top:2rem}.sequence-card{background:var(--primary-blue);padding:1.2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:.5rem;min-height:80px;color:#fff;text-decoration:none;transition:transform .2s ease}.sequence-card:hover{transform:translateY(-3px)}.card-content{display:flex;flex-direction:column;align-items:flex-start}.card-title{font-size:1em;font-weight:700;margin-bottom:.5em}.card-focus{font-size:.9em;color:#eee}.year-heading{display:flex;align-items:center;gap:1rem}.year-logo{width:45px;height:45px;object-fit:contain;transition:all .3s ease}.footer{margin:0 auto;padding:1rem;display:flex;justify-content:flex-start;align-items:center}@media(max-width:768px){.year-logo{width:36px;height:36px}}@media(max-width:480px){.year-logo{width:30px;height:30px}}@media(max-width:768px){.container{padding:.5rem}.sequence-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:480px){.header{flex-direction:column;text-align:center}}