html,body{height:100%;margin:0;padding:0;background-color:#000;color:#fff;font-family:Arial,sans-serif;font-size:1.2rem;overflow:auto;touch-action:pan-y;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-bar{position:fixed;top:0;left:0;width:100%;z-index:1300;background-color:#121212;height:64px;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 15px #0000000d}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:64px;background-color:#121212;z-index:1300}.container{padding:84px 20px 20px;max-width:1200px;margin:0 auto;box-sizing:border-box}h1{font-size:3rem;margin-bottom:20px;text-transform:uppercase;font-weight:700;color:#00bcd4;text-align:center;word-break:break-word}ul{list-style-type:none;padding:0;margin:0}ul li{margin:10px 0}ul li a{color:#00bcd4;text-decoration:none;font-size:1.5rem;font-weight:700;transition:color .3s ease}ul li a:hover,ul li a:focus{color:#fff;outline:none}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:30px}.gallery img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #ffffff1a;transition:transform .3s ease}.gallery img:hover{transform:scale(1.05)}.order-btn{text-align:center;margin-top:20px}.order-btn a{background-color:#e63946;color:#fff;font-size:18px;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.order-btn a:hover,.order-btn a:focus{background-color:#ff5a5f;outline:none}@media (max-width: 1024px){h1{font-size:2.5rem}.gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 768px){h1{font-size:2rem}ul li a{font-size:1.2rem}.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.order-btn a{font-size:16px}}@media (max-width: 480px){.gallery{grid-template-columns:1fr}.order-btn a{width:100%;display:inline-block}}