body{margin:0; background:#0f0f0f; color:#f6f3f0; font-family:Arial, sans-serif; font-weight:300;}
h1, h2, h3, h4, h5, h6{margin:40px 0 20px; font-weight:300;}
p{margin:0 0 15px;}
header{position:fixed; top:0; width:100%; z-index:9997; padding:10px 0;}
.header-inner{max-width:1200px; margin:0 auto; padding:10px 20px; backdrop-filter:blur(20px); background:rgba(85,85,85,0.4); border-radius:30px; display:flex; align-items:center; justify-content:space-between;}
.header-inner a{color:#f6f3f0; text-decoration:none; font-family:Arial, sans-serif; font-weight:300;}
.desktop-menu{display:flex; gap:30px;}
.desktop-menu a{color:#f6f3f0; text-decoration:none; font-size:16px;}
.desktop-menu a:hover{color:#c59f65;}
.burger-icon{display:none; cursor:pointer; width:30px; height:20px; position:relative;}
.burger-icon span{display:block; position:absolute; height:2px; width:100%; background-color:#c59f65; left:0; transition:0.3s;}
.burger-icon span:nth-child(1){top:0;}
.burger-icon span:nth-child(2){top:6px;}
.burger-icon span:nth-child(3){top:12px;}
#menu:target .close-btn{display:block;}
#menu:target{display:block;}
.mobile-menu{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(15,15,15,0.95); z-index:9998; padding:100px 20px 20px; overflow:auto; text-align:center;}
.mobile-menu ul{list-style:none; padding:0; margin:0;}
.mobile-menu li{margin:15px 0;}
.mobile-menu a{display:block; font-size:20px; color:#f6f3f0; text-decoration:none;}
.mobile-menu a:hover{color:#c59f65;}
.close-btn{position:absolute; top:20px; right:20px; font-size:30px; text-decoration:none; color:#c59f65;}
section{max-width:800px; margin:0 auto; padding:80px 20px 40px; box-sizing:border-box;}
section:nth-of-type(odd){background:#0f0f0f;} section:nth-of-type(even){background:#1a1a1a;}
section h2{font-size:32px; text-align:center; margin-bottom:30px; font-weight:300;}
section ol{padding-left:20px; margin:0 0 30px;}
section ol li{margin:0 0 10px;}
.video-container{position:relative; width:100%; padding-bottom:56.25%; height:0; margin:20px 0;}
.video-container iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.photo-grid{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 auto 30px;}
.photo-grid img{width:24%; height:auto; border-radius:5px; object-fit:cover;}
@media(max-width:959px){.photo-grid img{width:32.5%;}}
@media(max-width:639px){.photo-grid img{width:48%;}}
@media(max-width:479px){.photo-grid img{width:100%;}}
blockquote{font-style:italic; margin:0 auto 10px; max-width:600px;}
figcaption{font-size:14px; opacity:0.7;}
.fixed-cta{position:fixed; right:20px; bottom:20px; background:#c59f65; color:#000; text-decoration:none; padding:12px 20px; border:none; border-radius:10px; font-weight:500; font-family:Arial, sans-serif; z-index:9999;}
.fixed-cta:hover{background:#e5c49b;}
.modal{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; overflow:auto; padding:60px 20px;}
.modal-content{max-width:600px; margin:100px auto; position:relative;}
.modal-content .close-btn{position:absolute; top:-40px; right:0; font-size:30px; color:#c59f65;}
.modal form{display:grid; gap:15px; color:#f6f3f0;}
.modal label{font-weight:300;}
.modal input, .modal select, .modal textarea{padding:10px; background:#000; color:#fff; border:1px solid #e5c49b; border-radius:5px; width:100%; box-sizing:border-box;}
.modal input[type=checkbox], .modal input[type=radio]{display:inline; width:auto; margin-right:5px;}
.modal button{background:#c59f65; color:#000; border:none; padding:12px 20px; border-radius:5px; font-weight:500; cursor:pointer;}
.modal button:hover{background:#e5c49b;}
#promo:target, #kviz:target{display:block;}