*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Vazirmatn',sans-serif;
}
body{
background:#050505;
background-image:
radial-gradient(circle at top,#7a0000 0%,transparent 45%),
radial-gradient(circle at bottom,#111 0%,#000 75%);
}
bodybody{

margin:0;

display:flex;

justify-content:center;

align-items:center;

min-height:100vh;

background:url("https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1200&q=80");

background-size:cover;

background-position:center;

background-attachment:fixed;

overflow:hidden;

}
background:#0d0d0d;
background-image:
radial-gradient(circle at top,#7a0000 0%,transparent 45%),
radial-gradient(circle at bottom,#1a1a1a 0%,#000 70%);
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
color:white;
}

.overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.8));
z-index:-1;
}

.container{border:2px solid rgba(255,0,0,.35);

box-shadow:
0 0 20px rgba(255,0,0,.35),
0 0 60px rgba(255,0,0,.12);

width:92%;
max-width:420px;

background:rgba(20,20,20,.72);

backdrop-filter:blur(12px);

border:1px solid rgba(255,0,0,.35);

border-radius:22px;

padding:35px 25px;

text-align:center;

box-shadow:
0 0 30px rgba(255,0,0,.25);

animation:fade 1s ease;

}

.logo{
    width:180px;
    background:transparent;
    border:none;
    border-radius:0;
    box-shadow:none;
    filter:drop-shadow(0 0 20px rgba(255,0,0,.9));
    animation:float 3s ease-in-out infinite, glow 2s ease-in-out infinite alternate;
}
@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

h1{

font-size:38px;

font-weight:900;

letter-spacing:2px;

color:#fff;

text-shadow:
0 0 10px red;

}

h3{

margin-top:6px;

color:#ff4b4b;

letter-spacing:4px;

}

.subtitle{

margin:18px 0 28px;

color:#ddd;

}
.btn{
display:flex;
justify-content:space-between;
align-items:center;
}

.left{
display:flex;
align-items:center;
gap:15px;
}

.arrow{
opacity:.6;
transition:.3s;
}

.btn:hover .arrow{
transform:translateX(-8px);
opacity:1;
}
.btn{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

margin:18px 0;

padding:18px;

border-radius:18px;

text-decoration:none;

color:white;

font-size:20px;

font-weight:700;

background:rgba(255,255,255,.06);

backdrop-filter:blur(12px);

border:1px solid rgba(255,0,0,.45);

box-shadow:
0 0 12px rgba(255,0,0,.15);

transition:.35s;

}

.btn:hover{

transform:translateY(-5px) scale(1.03);

background:rgba(255,0,0,.20);

box-shadow:
0 0 25px rgba(255,0,0,.7);

}

.red{

background:#c00000;

}

@keyframes fade{

from{

opacity:0;

transform:translateY(25px);

}

to{

opacity:1;

transform:translateY(0);

}

}
.overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.70);

backdrop-filter:blur(2px);

z-index:-1;

}
.fa-phone{
color:#ff3b3b;
}

.fa-whatsapp{
color:#25D366;
}

.fa-instagram{
color:#E1306C;
}

.fa-location-dot{
color:#00D9FF;
}

.fa-map-location-dot{
color:#4285F4;
}
.logo{
    width:180px;
    background:transparent;
    border:none;
    border-radius:20px;
    object-fit:contain;
    box-shadow:none;

animation:
float 3s ease-in-out infinite,
glow 2s ease-in-out infinite alternate;

}

@keyframes glow{

from{

filter:drop-shadow(0 0 8px red);

}

to{

filter:drop-shadow(0 0 25px #ff0000);

}

}
.btn{
opacity:0;
transform:translateY(25px);
animation:show .6s forwards;
}

.btn:nth-child(1){animation-delay:.2s;}
.btn:nth-child(2){animation-delay:.4s;}
.btn:nth-child(3){animation-delay:.6s;}
.btn:nth-child(4){animation-delay:.8s;}
.btn:nth-child(5){animation-delay:1s;}

@keyframes show{

to{

opacity:1;

transform:translateY(0);

}

}
.info{
    background:#171717;
    border:1px solid rgba(255,0,0,.35);
    border-radius:18px;
    padding:18px;
    margin:25px 0;
    color:#fff;
    text-align:center;
}

.info p{
    margin:12px 0;
    color:#fff;
    font-size:18px;
    font-weight:600;
}
.status{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
margin:15px 0 25px;
font-size:18px;
font-weight:bold;
color:#6CFF6C;
}

.dot{
width:12px;
height:12px;
background:#00ff00;
border-radius:50%;
box-shadow:0 0 15px #00ff00;
animation:pulse 1.5s infinite;
}

@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.5);}
100%{transform:scale(1);}
}