:root{--color-primary: #333;--color-white: #fff;--color-gray: #666;--color-light-gray: #999;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 4rem;--radius: 12px;--shadow: rgba(0, 0, 0, .24) 0px 3px 8px;--font-xs: clamp(.65rem, 1.8vw, .75rem);--font-sm: clamp(.75rem, 2vw, .875rem);--font-base: clamp(.875rem, 2.5vw, 1rem);--font-md: clamp(.95rem, 2.8vw, 1.1rem);--font-lg: clamp(1.2rem, 3.5vw, 1.5rem);--font-xl: clamp(1.5rem, 4vw, 1.95rem);--animation-float: float 3s ease-in-out infinite}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:Roboto Mono,monospace;position:relative;background:radial-gradient(ellipse at center,#ff6b35,#e91e63,#9c27b0,#673ab7,#3f51b5,#ff4500,#ff1744,#f50057);background-size:400% 400%;animation:fireGradient 20s ease-in-out infinite;color:var(--color-primary);font-weight:200;font-style:normal;font-size:1em}@keyframes fireGradient{0%{background-position:0% 50%}10%{background-position:20% 30%}20%{background-position:60% 80%}30%{background-position:80% 20%}40%{background-position:30% 90%}50%{background-position:90% 40%}60%{background-position:10% 70%}70%{background-position:70% 10%}80%{background-position:40% 60%}90%{background-position:85% 85%}to{background-position:0% 50%}}a{text-decoration:none;color:var(--color-primary)}a:hover{color:#000}@keyframes float{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-12px) scale(1.03)}75%{transform:translateY(-8px) scale(1.02)}}@keyframes floatMenu{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,calc(-50% - 8px)) scale(1.02)}50%{transform:translate(-50%,calc(-50% - 12px)) scale(1.03)}75%{transform:translate(-50%,calc(-50% - 8px)) scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hamburger{position:fixed;top:2rem;right:2rem;width:50px;height:50px;background:var(--color-white);border:none;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;animation:var(--animation-float)}.hamburger span{width:24px;height:3px;background:var(--color-primary);border-radius:2px;transition:all .3s ease}.hamburger:hover span{background:var(--color-gray)}.menu-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-lg) var(--space-xl);z-index:99;display:flex;flex-direction:column;gap:2.5rem;animation:fadeIn .5s ease forwards,floatMenu 4s ease-in-out infinite .5s;min-width:280px}.menu-item{color:var(--color-primary);text-decoration:none;font-size:var(--font-md);transition:color .2s ease;white-space:nowrap}.menu-item:hover{color:var(--color-gray)}@media (max-width: 768px){.hamburger{top:1rem;right:1rem}.menu-container{padding:2rem 1.5rem;min-width:auto;width:calc(100vw - 4rem);max-width:240px}}.contact-page-container{padding:30px;max-width:600px;margin:40px auto}.page-title{text-align:center;color:#333;margin-bottom:25px;font-weight:200}.contact-links{list-style:none;padding:0;margin-bottom:30px}.contact-links li{margin-bottom:15px;text-align:center}.contact-links li a{font-size:1.2em;padding:10px 15px;display:inline-block;transition:background-color .3s,color .3s}.contact-links li a:hover{background-color:#007bff;color:#fff;border-color:#007bff}.discord-section{text-align:center;margin-bottom:30px;padding-top:20px;border-top:1px solid #eee}.discord-section p{margin-bottom:10px;color:#555}.discord-section a{font-size:1.2em}.back-link{text-align:center;margin-top:30px}.back-link a{font-size:1em;color:#555}
