body{margin:0;font-family:Arial,Tahoma,Geneva,Verdana,sans-serif;background-color:rgba(3,3,3,0.9);padding-top:60px;overflow-x:hidden;color:#b0b0b0;}html,body{height:100%;margin:0;display:flex;flex-direction:column;}header,footer{width:100%;box-sizing:border-box;}header{position:fixed;top:0;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 2rem;background-color:#1e1e1e;border-bottom:1px solid #333;z-index:1000;gap:1rem;height:60px;}header h1{margin:0;font-size:21px;font-weight:100;color:#00B8FF;flex:1;text-align:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;}.logo{height:40px;width:auto;flex-shrink:0;opacity:42%;align-self:center;transform:translateY(3px);}.logo:hover{filter:brightness(2);}.hamburger{font-size:2rem;background:none;border:none;color:#ccc;cursor:pointer;flex-shrink:0;align-self:center;transform:translateY(-3px);}nav{position:absolute;top:100%;right:2rem;width:200px;overflow:hidden;max-height:0;display:flex;flex-direction:column;background-color:rgba(30,30,30,0.9);border-radius:8px;transition:max-height 0.4s ease-in-out,padding 0.3s ease-in-out,opacity 0.3s ease-in-out;padding:0;margin:0;box-shadow:0 4px 10px rgba(0,0,0,0.6);z-index:1500;opacity:0;}nav.show{padding:1rem;opacity:1;}nav a{color:#ccc;text-decoration:none;margin:0.4rem 0;text-align:right;padding-right:0.5rem;}nav a:hover{color:#00B8FF;}main.main-menu-page{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;width:100%;max-width:1200px;margin:0 auto;align-content:start;box-sizing:border-box;}.main-menu-page .menu-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;justify-content:center;align-items:start;padding:0 2rem;}@media (min-width:1000px){.main-menu-page .menu-grid{grid-template-columns:repeat(4,1fr);}}.menu-item{text-align:center;background-color:#222222;border-radius:10px;padding:0.75rem;box-shadow:0 4px 10px rgba(0,0,0,0);transition:transform 0.2s ease;}.menu-item:hover{transform:scale(1.05);background-color:#333333;}.menu-item img{width:100%;border-radius:8px;}.menu-item p{margin:0.75rem 0 0;font-size:0.9rem;color:#0084AA;text-decoration:none;}.menu-item:hover p{margin:0.75rem 0 0;font-size:0.9rem;color:#00B8FF;text-decoration:none;}.intro{grid-column:1 / -1;font-size:1rem;color:#828181;text-align:center;}.video-card{position:relative;background-color:#222222;padding:0.5rem;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.5);transition:transform 0.2s ease;cursor:pointer;}.video-card:hover{transform:scale(1.02);background-color:#333333;}.video-card img{width:100%;border-radius:8px;}.video-card h2{font-size:0.75rem;margin:0.4rem 0;text-align:center;}footer{text-align:center;padding:1rem;background-color:#1a1a1a;border-top:1px solid #333;font-size:0.8rem;color:#828181;}.modal{visibility:hidden;opacity:0;transition:opacity 0.5s ease,visibility 0.5s ease;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px);}.modal.show{visibility:visible;opacity:1;}.modal-content{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;}.modal-content video{width:100%;border-radius:8px;}.menu-item,.menu-item a,.menu-item p{text-decoration:none;}