:root{--primary-color:#e53935;--secondary-color:#2b4b80;--accent-color:#f6c141;--light-color:#fff8e1;--dark-color:#1a1a1a;--darker-color:#000;--font-primary:"Lato", "Open Sans", sans-serif;--font-heading:"Bebas Neue", "Arial", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--light-color);background-color:var(--dark-color);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}.header{background-color:var(--darker-color);color:var(--light-color);padding:1rem 0;box-shadow:0 2px 5px #0000004d}.header-container{justify-content:flex-start;align-items:center;gap:2rem;width:100%;margin:0 auto;padding:0 1rem;display:flex}.logo a{color:var(--light-color);font-size:1.5rem;font-weight:700;text-decoration:none}.site-title{color:var(--accent-color)}.logo img{width:auto;max-width:100%;height:150px}main{flex-direction:column;flex:1;display:flex}.page-header{background-color:var(--darker-color);border-bottom:1px solid #333;padding:1rem 0}.content{background-color:var(--dark-color);border-radius:5px;flex:1;margin:1rem 0;padding:2rem;box-shadow:0 2px 10px #0003}.footer{background-color:var(--darker-color);color:var(--light-color);width:100%;margin-top:auto;padding:2rem 0 1rem}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:2rem;width:100%;margin:0 auto;padding:0 1rem;display:flex}.footer-info h2{color:var(--accent-color);font-size:1.5rem;font-family:var(--font-heading);margin-bottom:.5rem}.footer-info p{margin-bottom:.5rem;line-height:1.4}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--light-color);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;border-top:1px solid #333;width:100%;margin:2rem auto 0;padding:1rem 1rem 0;font-size:.9rem}.footer-info .discord-link{margin-top:1rem;display:inline-block}.footer-info .discord-link img{width:auto;height:50px;transition:opacity .3s}.footer-info .discord-link:hover img{opacity:.8}h1,h2,h3,h4,h5,h6{color:var(--light-color);font-family:var(--font-heading);margin:0 1rem}h2{color:var(--primary-color)}h1{color:var(--accent-color)}p{color:#ddd;margin:0 2rem 1rem}a{color:var(--accent-color);text-decoration:none}a:hover{color:#fff;text-decoration:underline}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:.5rem 1rem;font-weight:700;transition:background-color .3s}button:hover{background-color:#d6452f}input,textarea{color:#fff;box-sizing:border-box;background-color:#333;border:1px solid #555;border-radius:3px;width:100%;padding:.5rem}input:focus,textarea:focus{border-color:var(--accent-color);outline:none}table{background-color:var(--dark-color);border-collapse:collapse;width:100%;margin:1rem 0}th,td{text-align:left;border:1px solid #333;padding:.5rem}th{color:var(--light-color);background-color:#333}ul,ol{margin:1rem 0;padding-left:1.5rem}li{margin:0 1rem}.navigation ul{flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}.navigation li{margin:0 .5rem}.page-header h1{text-align:center}@media (width>=769px){.page-header h1{text-align:left}}.gallery-event-card{background-color:#ffffff0d;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.gallery-event-card h3{color:var(--accent-color);margin-bottom:1rem;font-size:1.5rem}.gallery-event-card p{margin-top:1rem;line-height:1.6}@media (width<=768px){.content{padding:1rem}.header-container{flex-direction:column;align-items:flex-start;gap:1rem}.navigation ul{flex-wrap:wrap;justify-content:flex-start}.footer-container{text-align:center;flex-direction:column;align-items:center}.footer-bottom{margin-top:1rem;padding-top:1rem}.gallery-event-card{padding:1rem}}.hero{padding:2rem 0}.hero p{color:var(--secondary-color);text-align:center;max-width:none;margin:0 auto;padding:0 1rem;font-size:1.25rem;font-weight:700;line-height:1.6}@media (width>=769px){.hero p{text-align:left}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--accent-color);outline-offset:2px}