/* ===== Base ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;min-height:100vh;font-family:"Roboto",sans-serif;color:#fff}
h1{font-size:3rem} h2{font-size:2.5rem}

/* ===== Background particles ===== */
#particles{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}

/* ===== Navbar ===== */
.navbar{color:#fff}
.navbar .nav-link{color:#fff!important;transition:color .3s;font-size:1.1rem}
.navbar .nav-link:hover{color:#adb5bd!important}
.navbar-brand span{font-size:1.5rem}
.navbar-transparent{background:transparent;padding:1rem 0;backdrop-filter:blur(10px);transition:background-color .3s,padding .3s}
.navbar-scrolled{background:#000;position:fixed;top:0;width:100%;z-index:1030;padding:.5rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}
body.scrolled-padding{padding-top:70px}

.custom-burger{background:transparent;border:none;padding:10px;display:flex;flex-direction:column;gap:6px;cursor:pointer;z-index:1100}
.custom-burger .bar{width:28px;height:2px;background:#fff;border-radius:1px;transition:all .4s;transform-origin:center}
.custom-burger.open .top{transform:rotate(45deg) translate(5px,5px)}
.custom-burger.open .middle{opacity:0}
.custom-burger.open .bottom{transform:rotate(-45deg) translate(5px,-5px)}
.lang-toggle-btn{background:transparent;border:none;color:#fff}

@media (max-width:991.98px){
    .navbar-collapse{align-items:flex-start!important}
    .navbar-nav{align-items:flex-start}
    .navbar-nav .nav-link{text-align:left;padding-left:1rem}
}

/* Тёмный дропдаун Bootstrap (если где-то ещё используется) */
.navbar .dropdown-menu{background-color:#000!important}
.navbar .dropdown-menu .dropdown-item{color:#fff!important}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus{background-color:#222!important;color:#fff!important}

/* ===== Reveal ===== */
.reveal-after-hero{opacity:0;transform:translateY(50px);transition:opacity .5s,transform .5s}
.reveal-after-hero.visible{opacity:1;transform:translateY(0)}

/* ===== Main ===== */
.main{padding-bottom:48px}

/* ===== Contact section ===== */
.contact_us{padding:40px 20px;background:transparent}
.contact_us h2{font-size:2.5rem;font-weight:700;color:#fff}
.contact_us p{font-size:1.1rem;color:rgba(255,255,255,.8)}
.contact_us a{color:#fff;font-weight:600;text-decoration:none}
.contact-form{max-width:500px;margin-inline:auto;text-align:center}
.contact-form input,.contact-form textarea{
    width:100%;padding:12px 16px;border:1px solid #555;background:transparent;color:#fff;
    font-size:1rem;border-radius:8px;margin-bottom:12px;transition:border-color .3s,background-color .3s
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.5)}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#fff;background-color:rgba(255,255,255,.05)}
.contact-form button{
    background:#ffffff10;color:#fff;border:1px solid #ffffff33;padding:16px 40px;font-size:1.2rem;border-radius:10px;
    transition:all .4s;position:relative;overflow:hidden;z-index:1;cursor:pointer;backdrop-filter:blur(6px);margin-top:16px
}
.contact-form button::before{
    content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;
    background:linear-gradient(120deg,#ffffff22,#ffffff55,#ffffff22);transition:left .6s;z-index:0
}
.contact-form button:hover::before{left:0}
.contact-form button:hover{border-color:#ffffff66;box-shadow:0 0 16px rgba(255,255,255,.2)}
#form-status{min-height:24px;margin-top:8px}

/* ===== Footer ===== */
.page-footer{background:transparent;color:#ccc;padding:40px 0 20px}
.footer-top{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:30px}
.footer-section{flex:1 1 220px;min-width:200px}
.footer-title{font-weight:700;font-size:1.25rem;margin-bottom:12px;color:#fff}
.footer-nav{list-style:none;padding:0;margin:0}
.footer-nav li{margin-bottom:10px}
.footer-link{color:#ccc;text-decoration:none;transition:color .3s}
.footer-link:hover{color:#0dcaf0;text-decoration:underline}
.footer-divider-line{border:none;border-top:3px solid #444;margin:20px 0 12px;width:100%}
.footer-bottom{padding-top:15px;text-align:center;font-size:.875rem;color:#999}

@media (max-width:768px){
    .footer-top{flex-direction:column;gap:20px}
    .footer-section{width:100%;min-width:unset}
    .container{padding:0 16px}
}

/* --- Contact page: обычная (не фикс) навигация --- */
.custom-navbar,
.navbar,
.navbar-transparent,
.navbar-scrolled{
    position:static!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:1rem 0!important;
}
body.scrolled-padding{padding-top:0!important}
.main{padding-top:0!important}
.reveal-after-hero{opacity:1!important;transform:none!important}