html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}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;}main{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;width:100%;max-width:1160px;margin:0 auto;align-content:start;box-sizing:border-box;}header,footer{width:100%;box-sizing:border-box;}header{position:fixed;top:0;left:0;right:0;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;}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 h2{margin:0px 0px 14px 0px;font-size:100px;font-weight:100;color:#828181;}footer{text-align:center;padding:1rem;background-color:#1a1a1a;border-top:1px solid #333;font-size:0.8rem;color:#828181;}footer a{color:#ccc;text-decoration:none;}footer a:hover{color:#fff;}.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);}.main-menu-page .menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;justify-content:center;align-items:start;max-width:100%;padding:0 2rem;}.intro{grid-column:1 / -1;font-size:1rem;color:#828181;text-align:center;max-width:800px;margin:0 auto;}.intro h1{margin-bottom:-1rem;font-size:1rem;color:#00B8FF;text-align:left;}.intro.credits{font-size:0.9rem;margin-top:2rem;}.content{max-width:800px;margin:2rem auto;padding:0px 1.5rem 0;}.content p{margin-bottom:1rem;font-size:0.9rem;}.content .justified-text{text-align:justify;margin-bottom:1rem;}.content h1{margin:0;font-size:21px;font-weight:100;color:#00B8FF;flex:1;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;}.video-card{position:relative;background-color:#222222;padding:0.5rem;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0);transition:transform 0.2s ease;cursor:pointer;align-self:start;}.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;display:flex;flex-direction:column;justify-content:flex-start;}.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;}