:root{
--mz-black:#000000;
--mz-red:#E50914;
--mz-yellow:#FFD700;
--mz-white:#FFFFFF;
--mz-gray:#111111;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{
margin:0; padding:0;
background:var(--mz-black);
color:var(--mz-white);
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
a{color:var(--mz-yellow); text-decoration:none;}
a:hover{opacity:.9;}
img{max-width:100%; height:auto; display:block;}
.container{width:min(1200px,92%); margin:0 auto;}
.section{padding:32px 0; border-top:1px solid #111;}
.section h2{
margin:0 0 16px 0;
font-size:24px;
border-left:4px solid var(--mz-red);
padding-left:10px;
}
.mz-header{
position:sticky;
top:0; left:0; right:0;
z-index:50;
backdrop-filter:blur(14px);
background:rgba(0,0,0,.85);
border-bottom:1px solid rgba(255,255,255,.05);
}
.mz-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:12px 0;
}
.mz-logo a{
color:#fff;
font-size:22px;
font-weight:800;
letter-spacing:.5px;
}
.mz-nav ul{
list-style:none;
margin:0; padding:0;
display:flex;
gap:18px;
}
.mz-nav a{color:#fff; font-weight:600; font-size:15px;}
.lang-switch{display:flex; gap:8px; font-size:14px;}
.lang-switch a{color:#aaa;}
.mz-hamburger{
display:none;
cursor:pointer;
width:34px; height:26px;
}
.mz-hamburger span{
display:block;
width:100%; height:3px;
margin:4px 0;
background:var(--mz-yellow);
transition:transform .3s,opacity .3s;
}
.mz-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mz-hamburger.open span:nth-child(2){opacity:0;}
.mz-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mz-mobile-menu{
display:none;
position:fixed;
inset:60px 0 auto 0;
background:#000;
border-top:1px solid #111;
z-index:49;
}
.mz-mobile-menu.active{display:block;}
.mz-mobile-menu ul{
list-style:none; margin:0; padding:0;
}
.mz-mobile-menu a{
display:block;
padding:12px 20px;
border-bottom:1px solid #111;
color:#fff;
}
.hero{
position:relative;
overflow:hidden;
height:56vw;
max-height:520px;
background:#000;
}
.hero .slide{
position:absolute;
inset:0;
background-size:cover;
background-position:center;
opacity:0;
transition:opacity .6s;
}
.hero .slide.active{opacity:1;}
.hero::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.85));
}
.hero-caption{
position:absolute;
left:20px;
bottom:18px;
z-index:2;
color:#fff;
font-size:18px;
text-shadow:0 0 10px rgba(0,0,0,.8);
}
.mz-card{
background:#050505;
border-radius:18px;
border:1px solid #151515;
padding:16px;
}
.mz-card + .mz-card{margin-top:14px;}
.mz-two-col{
display:grid;
grid-template-columns:320px 1fr;
gap:18px;
}
.gallery-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}
.gallery-grid img{
border-radius:12px;
height:220px;
object-fit:cover;
}
.video-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
}
.video-grid iframe{
width:100%;
aspect-ratio:16/9;
border-radius:12px;
border:0;
}
.contact-form label{display:block; margin:8px 0 4px;}
.contact-form input,
.contact-form textarea{
width:100%;
padding:10px 12px;
border-radius:10px;
border:1px solid #222;
background:#050505;
color:#fff;
}
.contact-form textarea{min-height:150px; resize:vertical;}
.btn{
display:inline-block;
padding:9px 18px;
border-radius:999px;
border:1px solid var(--mz-yellow);
color:#fff;
background:transparent;
cursor:pointer;
font-size:14px;
}
.btn.primary{
background:var(--mz-red);
border-color:var(--mz-red);
}
.footer{
padding:26px 0 18px;
border-top:1px solid #111;
text-align:center;
font-size:13px;
color:#aaa;
}
.footer .icons{
display:flex;
justify-content:center;
gap:12px;
margin-bottom:8px;
}
.footer .icons a{
width:34px; height:34px;
border-radius:50%;
border:1px solid #222;
display:inline-flex;
align-items:center; justify-content:center;
font-size:13px;
color:#fff;
} body.mz-preload{
overflow:hidden;
}
.mz-preloader{
position:fixed;
inset:0;
background:#000;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
gap:10px;
}
.mz-spinner{
width:40px; height:40px;
border-radius:50%;
border:3px solid #333;
border-top-color:var(--mz-red);
animation:mz-spin 0.9s linear infinite;
}
@keyframes mz-spin{
to{transform:rotate(360deg);}
} @media(max-width:992px){
.mz-nav{display:none;}
.mz-hamburger{display:block;}
.mz-two-col{grid-template-columns:1fr;}
.gallery-grid{grid-template-columns:repeat(3,1fr);}
.video-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
.hero{max-height:360px;}
.gallery-grid{grid-template-columns:repeat(2,1fr);}
.video-grid{grid-template-columns:1fr;}
.section{padding:24px 0;}
}
.mz-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
}
.mz-card {
background: #111;
padding: 18px;
border-radius: 14px;
box-shadow: 0 0 14px rgba(255,0,0,0.15);
}
.mz-card img.mz-thumb {
width: 100%;
border-radius: 12px;
margin-bottom: 12px;
}
.mz-title a {
font-size: 20px;
font-weight: 700;
color: #fff;
}
.mz-excerpt {
color: #ccc;
margin: 10px 0;
}
.mz-readmore {
color: #ff0;
font-weight: 600;
}
.mz-pagination {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.mz-pagination a {
color: #ff4444;
font-weight: 700;
}
.mz-contact-wrap{
display:grid;
grid-template-columns:minmax(0, 2fr) minmax(0, 1.3fr);
gap:24px;
margin-top:10px;
}
@media (max-width:768px){
.mz-contact-wrap{
grid-template-columns:1fr;
}
}
.mz-contact-card,
.mz-contact-side{
padding:20px;
border-radius:18px;
border:1px solid #222;
background:
repeating-linear-gradient(
45deg,
#111 0,
#111 4px,
#090909 4px,
#090909 8px
);
box-shadow:0 0 18px rgba(0,0,0,0.7);
}
.mz-contact-side h3{
margin-top:0;
margin-bottom:10px;
}
.mz-contact-social{
list-style:none;
margin:0;
padding:0;
}
.mz-contact-social li{
margin-bottom:6px;
}
.mz-contact-social a{
color:#FFD700;
font-weight:600;
} .mz-contact-success{
border-radius:14px;
border:1px solid #0c3;
padding:14px 16px;
margin-bottom:16px;
color:#0c3;
background:#020802;
animation:mzSuccess 0.6s ease-out forwards;
}
@keyframes mzSuccess{
from{transform:scale(.97); opacity:0;}
to{transform:scale(1); opacity:1;}
}
.mz-contact-errors{
border-radius:14px;
border:1px solid #c33;
padding:14px 16px;
margin-bottom:16px;
color:#ff9999;
background:#160202;
}
.mz-contact-errors ul{
margin:0;
padding-left:18px;
}