*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{
    --yellow:#f2b705;
    --yellow-soft:#ffd45a;
    --dark:#16181c;
    --dark-2:#22262c;
    --white:#ffffff;
    --muted:#c9c9c9;
}

body{
    min-height:100vh;
    font-family:Arial, Helvetica, sans-serif;
    color:var(--white);
    background:
        radial-gradient(circle at 18% 20%, rgba(242,183,5,.22), transparent 28%),
        radial-gradient(circle at 82% 72%, rgba(242,183,5,.18), transparent 32%),
        linear-gradient(135deg,#0f1114 0%,#1e2228 55%,#111315 100%);
    display:flex;
    flex-direction:column;
    overflow-x:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    background-image:
        linear-gradient(120deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(30deg, rgba(242,183,5,.045) 1px, transparent 1px);
    background-size:80px 80px,120px 120px;
    pointer-events:none;
}

.construction-page{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:48px 20px;
    position:relative;
    z-index:1;
}

.hero-card{
    width:min(920px,100%);
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:clamp(34px,6vw,70px);
    border-radius:34px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.13);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
    backdrop-filter:blur(10px);
}

.energy-lines{
    position:absolute;
    inset:-35%;
    background:
        radial-gradient(circle, rgba(242,183,5,.28) 0 2px, transparent 3px),
        linear-gradient(90deg, transparent 0 42%, rgba(242,183,5,.16) 43%, transparent 44%),
        linear-gradient(0deg, transparent 0 54%, rgba(242,183,5,.1) 55%, transparent 56%);
    background-size:70px 70px,260px 260px,220px 220px;
    transform:rotate(-12deg);
    opacity:.38;
    pointer-events:none;
}

.logo{
    position:relative;
    z-index:1;
    width:min(430px,88vw);
    margin:0 auto 30px;
    display:block;
    filter:drop-shadow(0 12px 30px rgba(0,0,0,.35));
}

.kicker{
    position:relative;
    z-index:1;
    color:var(--yellow-soft);
    text-transform:uppercase;
    letter-spacing:.22em;
    font-size:.86rem;
    font-weight:800;
    margin-bottom:18px;
}

h1{
    position:relative;
    z-index:1;
    font-size:clamp(2.4rem,6vw,5rem);
    line-height:.98;
    margin-bottom:24px;
    color:#fff;
}

.lead{
    position:relative;
    z-index:1;
    font-size:clamp(1.12rem,2.4vw,1.35rem);
    color:#fff;
    margin-bottom:12px;
}

.text{
    position:relative;
    z-index:1;
    max-width:760px;
    margin:0 auto;
    color:var(--muted);
    font-size:1.05rem;
    line-height:1.75;
}

.contacts{
    position:relative;
    z-index:1;
    margin-top:34px;
}

.email{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 28px;
    border-radius:999px;
    background:var(--yellow);
    color:#17191d;
    text-decoration:none;
    font-weight:900;
    box-shadow:0 16px 38px rgba(242,183,5,.24);
}

.phones{
    display:flex;
    justify-content:center;
    gap:34px;
    flex-wrap:wrap;
    margin-top:24px;
}

.phones p{
    color:#fff;
    line-height:1.45;
}

.phones a{
    color:#fff;
    text-decoration:none;
    font-weight:800;
    font-size:1.05rem;
}

.phones small{
    color:rgba(255,255,255,.68);
    font-size:.76rem;
}

footer{
    position:relative;
    z-index:1;
    text-align:center;
    padding:22px 18px;
    background:rgba(5,6,8,.72);
    color:rgba(255,255,255,.8);
    font-size:.92rem;
}

footer a{
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

footer a:hover{
    color:var(--yellow-soft);
}

@media(max-width:700px){
    .hero-card{
        border-radius:24px;
    }

    .phones{
        flex-direction:column;
        gap:14px;
    }

    .kicker{
        letter-spacing:.14em;
    }
}