html,body{margin:0;padding:0;width:100%;overflow-x:hidden}.gallery-container{margin:0;min-height:100vh;background:#000;font-family:BIOSFont,monospace;display:flex;justify-content:center;align-items:center;padding:5px;box-sizing:border-box}.gallery-container .container{display:flex;justify-content:center;align-items:center;margin:5px auto;overflow:hidden;max-width:100%;width:100%;flex-wrap:wrap;gap:.5em}.card{flex:1;min-width:120px;max-width:200px;transition:transform .3s ease,box-shadow .3s ease;height:75vmin;position:relative;cursor:pointer;overflow:hidden;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout paint}.card__head{color:#000;background:#6a6a6abf;padding:.5em;transform:rotate(-90deg);transform-origin:0% 0%;transition:background-color .2s ease,color .2s ease;min-width:100%;text-align:center;position:absolute;bottom:0;left:0;font-size:1em;white-space:nowrap;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-family:BIOSFont,monospace;will-change:background-color,color}.card:hover{transform:scale(1.06);z-index:2}.card:hover img{filter:grayscale(0)}.card:hover .card__head{color:#fff;background:#00000080}.card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s ease,transform .3s ease;filter:grayscale(100%);will-change:filter,transform}.card:not(:last-child){margin-right:1em}@media screen and (min-width: 1400px){.gallery-container .container{flex-wrap:wrap;justify-content:center;gap:.8em;margin:clamp(8px,1.5vw,18px) auto}.card{min-width:150px;max-width:180px;height:60vmin}}@media screen and (min-width: 1920px){.gallery-container .container{margin:clamp(10px,2vw,20px) auto;justify-content:center}.card{height:80vmin}.card__head{font-size:1.2em}.card:hover .card__head{color:#fff;background:#00000080}}@media screen and (max-width: 1200px) and (min-width: 768px){.gallery-container .container{margin:clamp(5px,1vw,10px) auto;flex-wrap:wrap;gap:.6em;justify-content:center}.card{height:70vmin;min-width:100px;max-width:150px}.card:not(:last-child){margin-right:0}}@media screen and (max-width: 767px) and (min-width: 481px){.gallery-container .container{margin:2px auto;flex-wrap:wrap;gap:.4em;justify-content:center}.card{height:60vmin;min-width:80px;max-width:120px}.card:not(:last-child){margin-right:0}.card__head{font-size:.9em}.card:hover .card__head{color:#fff;background:#00000080}}@media screen and (max-width: 480px){.gallery-container{padding:0}.gallery-container .container{margin:0;padding:0 10px;flex-direction:column;height:auto;justify-content:center;align-items:center}.card{width:100%!important;height:50vmin!important;min-width:unset!important;max-width:unset!important;flex:none!important;margin:0 auto 1em}.card__head{position:absolute!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;background:#6a6a6ae6!important;color:#fff!important;padding:.5em!important;text-align:center!important;font-size:.9em!important;margin:0!important}}@media screen and (max-width: 390px){.gallery-container{padding:0;margin:0}.gallery-container .container{margin:0;padding:0;width:100%;flex-wrap:nowrap;flex-direction:column}.gallery-container .container .card{height:60vmin;width:100%;min-width:unset;max-width:unset;flex:none;margin-bottom:.5em}.gallery-container .container .card:not(:last-child){margin-right:0}.gallery-container .container .card__head{font-size:.8em;transform:rotate(0);position:static;background:#6a6a6ae6;color:#fff;padding:.3em;text-align:center}.gallery-container .container .card:hover .card__head{color:#fff;background:#000c}}@media screen and (max-width: 320px){.gallery-container .container{margin:0;justify-content:center;align-items:center}.gallery-container .container .card{height:35vmin;width:100%;min-width:unset;max-width:unset;flex:none}.card__head{font-size:.7em}}@media (prefers-reduced-motion: reduce){.card,.card img,.card__head{transition:none!important}}.liquid-glass-button:hover .button-text{color:#fff!important;text-shadow:0 2px 8px rgba(255,255,255,.9),0 0 16px rgba(255,255,255,.6)!important;transform:scale(1.05)!important}.liquid-glass-button .button-text{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}@media screen and (max-width: 768px){.header-grid{grid-template-columns:1fr!important;grid-template-areas:"title" "buttons"!important;gap:clamp(5px,2vw,10px)!important;text-align:center!important}.header-title{text-align:center!important;margin-bottom:10px!important}.header-buttons{justify-content:center!important;flex-wrap:wrap!important}}@media screen and (max-width: 480px){.header-grid{padding:clamp(10px,2vw,20px) clamp(15px,4vw,25px)!important;gap:clamp(3px,1.5vw,8px)!important}.header-buttons{gap:clamp(6px,2vw,12px)!important}}.page-wrapper{width:100%;min-height:100vh;position:relative;overflow:hidden}.slide-down{animation:slideDownImproved .8s cubic-bezier(.25,.46,.45,.94)}@keyframes slideDownImproved{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUpImproved .6s cubic-bezier(.55,.06,.68,.19)}@keyframes slideUpImproved{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.loading-slide{animation:loadingSlideImproved .9s cubic-bezier(.25,.46,.45,.94)}@keyframes loadingSlideImproved{0%{opacity:0;transform:translateY(-100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wave{animation:waveImproved 1s cubic-bezier(.25,.46,.45,.94)}@keyframes waveImproved{0%{opacity:0;transform:translateY(60px) scaleY(.8)}to{opacity:1;transform:translateY(0) scaleY(1)}}.fade-out{animation:fadeOut .4s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.app-container{min-height:100vh;background-color:#000}.protected-route{width:100%}.routes-container{width:100%;min-height:100vh;background-color:#000}body{margin:0;font-family:Arial,sans-serif;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:20px 10px}.form-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;margin:50px auto}.input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;font-size:16px}.button{background:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.button:hover{background:#0056b3}.button-danger{background:#dc3545}.button-danger:hover{background:#c82333}input,textarea,select{font-size:16px!important;transform:scale(1)!important}@media screen and (max-width: 768px){input,textarea,select{font-size:16px!important;transform:scale(1)!important}}@font-face{font-family:"404Digits";src:url(/fonts/404-font.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"404DigitsFallback";src:local("Arial Black"),local("Impact"),local("Helvetica");font-weight:700;font-style:normal}@font-face{font-family:BIOSFont;src:local("Consolas"),local("Monaco"),local("Courier New"),local("Lucida Console"),local("Menlo"),local("Ubuntu Mono"),monospace;font-weight:400;font-style:normal}
