@font-face{font-family:ZenKakuGothicAntique;src:url(/fonts/ZenKakuGothicAntique-Medium.woff2) format("woff2"),url(/fonts/ZenKakuGothicAntique-Medium.woff) format("woff"),url(/fonts/ZenKakuGothicAntique-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes scanning{0%{transform:translateX(0)}50%{transform:translateX(50%)}to{transform:translateX(0)}}body{font-family:ZenKakuGothicAntique,sans-serif;background:url(/images/fon.jpg) no-repeat 50% fixed;background-size:cover;color:#fff;margin:0;padding:0}.container{display:flex;justify-content:center;align-items:center;height:100vh}.form-container{background-color:rgba(0,0,0,.7);padding:30px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:400px;width:100%}.input-field{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;padding:10px 5px;margin-bottom:20px;width:100%}.input-field::placeholder{color:#aaa}.btn-primary{background-color:#555;border:none;padding:10px;text-transform:uppercase;width:100%;cursor:pointer;border-radius:5px}.btn-primary:hover{background-color:#444}.gallery-container{padding:20px;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:20px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.1)}@media (max-width:768px){.header{padding:.5rem}.nav{flex-direction:row;gap:1rem;align-items:center;justify-content:space-between}.logoutButton,.nav a,.text-base{font-size:.875rem}}@media (max-width:480px){.header{padding:.25rem}.nav{gap:.5rem}.logoutButton,.nav a{font-size:.75rem;padding:.5rem}.text-base{font-size:.75rem}}.nav-item{padding:5px 10px;text-decoration:none;color:#fff}.nav-item.active{border-bottom:2px solid #fff}a.active{position:relative;color:#fff}a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background-color:#007bff;border-radius:10px;transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease}a.active:after,a.active:hover:after{transform:scaleX(1)}