header{width:100%;z-index:999;position:fixed;top:0;display:flex;justify-content:center;transition:transform .4s ease}.menu-open{transform:translateY(0)}.menu-close{transform:translateY(-100%) translateY(25px)}#bg-menu-container{width:95%;max-width:500px;display:flex;flex-direction:column-reverse;overflow:hidden}#bg-menu-content{display:flex;justify-content:space-evenly;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px;padding:20px 10px;border-radius:0 0 10px 10px;background-color:#0a0a0a;border:1px solid #222;border-top:none}#bg-menu-content a{width:45%;text-align:center;color:white;text-decoration:none;font-weight:500;font-size:.9rem;padding:8px 0}#bg-menu-btn{width:clamp(60px,25%,100px);height:25px;margin:0 auto;display:flex;justify-content:center;align-items:center;border-radius:0 0 8px 8px;border:1px solid #222;border-top:none;background-color:#0a0a0a;color:white;cursor:pointer}@media screen and (min-width:768px){header{position:relative;background-color:#0a0a0a;transform:none!important;border-bottom:1px solid #111}#bg-menu-btn{display:none}#bg-menu-container{width:100%;max-width:1200px;flex-direction:row;background:transparent}#bg-menu-content{width:100%;background:transparent;border:none;justify-content:center;gap:40px;padding:15px 0}#bg-menu-content a{width:auto;font-size:1rem;transition:color .3s ease}#bg-menu-content a:hover{color:#ccc}}:root{--foreground:#ffffff;--background:#000000}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}body,html{height:100%;max-width:100vw;overflow-x:hidden;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}#content,body,html{display:flex;flex-direction:column}#content{padding:20px 0 10px;align-items:center;flex-grow:1}.banner-img-wrapper{margin-top:20px;margin-left:auto;margin-right:auto;position:relative;width:clamp(90%,80vw,80%);height:clamp(60px,10vw,120px);overflow:hidden;border-radius:4px;background-color:#111}.banner-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:768px){.banner-img-wrapper{width:50%;margin-top:30px}}@media screen and (min-width:1200px){.banner-img-wrapper{max-width:800px}}footer{padding:clamp(30px,6vw,50px) 10px;text-align:center;flex-direction:column;gap:25px;background-color:#0a0a0a;border-top:1px solid #111;color:#666;font-size:.85rem}.sn-row,footer{width:100%;display:flex;justify-content:center;align-items:center}.sn-row{flex-direction:row;gap:15px;order:1}.sn-container a{transition:transform .2s ease,opacity .2s ease}.sn-container a:hover{opacity:1}#footer-credits{gap:8px;order:2;max-width:80%}#footer-credits p{margin:0;line-height:1.5}footer a{color:#888;text-decoration:none;transition:color .2s}footer a:hover{color:#ffffff}@media screen and (min-width:768px){footer{gap:35px}.sn-row{gap:25px}#footer-credits{gap:15px}}.sn-container{height:auto}.sn-container,.sn-container a{display:flex;justify-content:center;align-items:center;width:auto}.sn-container a{padding:8px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease;text-decoration:none}.sn-container a:hover{transform:translateY(-3px);opacity:.8}.sn-container a:active{transform:scale(.9)}.sn-img-wrapper{position:relative;width:28px;height:28px;display:flex;justify-content:center;align-items:center;overflow:hidden}.sn-img-wrapper img{width:100%!important;height:100%!important;object-fit:contain;display:block}#footer-credits{display:flex;flex-direction:column;gap:clamp(5px,1.5vw,10px);width:100%;margin-top:10px}#footer-credits p,#footer-credits span{margin:0;font-size:clamp(.75rem,2vw,.85rem);color:#555;line-height:1.4}#footer-credits a{color:#777;text-decoration:none;transition:color .2s ease}#footer-credits a:hover{color:#fff;text-decoration:underline}@media screen and (min-width:768px){#footer-credits{flex-direction:row;justify-content:center;gap:20px;border-top:1px solid #1a1a1a;padding-top:15px}}