/* =========================
GLOBAL
========================= */

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

body{
font-family:Arial,sans-serif;
background:#f4f7ff;
color:#111;
overflow-x:hidden;
}

/* =========================
HEADER
========================= */

.privacy-header{
width:100%;
padding:15px 20px;
background:linear-gradient(90deg,#00136b,#004cff,#6a00ff);
position:sticky;
top:0;
z-index:999;
box-shadow:0 4px 20px rgba(0,0,0,0.15);
}

.privacy-header-container{
display:flex;
align-items:center;
justify-content:space-between;
}

.privacy-logo img{
height:48px;
width:auto;
}

.privacy-buttons{
display:flex;
gap:12px;
}

.home-btn,
.telegram-btn{
padding:11px 22px;
border-radius:30px;
text-decoration:none;
font-weight:700;
font-size:15px;
transition:0.3s;
}

.home-btn{
background:#fff;
color:#111;
}

.telegram-btn{
background:#0088cc;
color:#fff;
box-shadow:0 0 20px rgba(0,136,204,0.4);
}

/* =========================
HERO
========================= */

.privacy-hero{
position:relative;
padding:80px 20px;
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
linear-gradient(135deg,#001d8f,#003cff,#7000ff);
overflow:hidden;
text-align:center;
border-bottom-left-radius:40px;
border-bottom-right-radius:40px;
}

.privacy-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(circle at top right,rgba(255,255,255,0.1),transparent 40%);
}

.privacy-hero-content{
position:relative;
z-index:2;
max-width:950px;
margin:auto;
}

.privacy-badge{
display:inline-block;
padding:10px 18px;
border-radius:30px;
background:rgba(255,255,255,0.15);
backdrop-filter:blur(10px);
color:#fff;
font-weight:700;
margin-bottom:25px;
border:1px solid rgba(255,255,255,0.2);
}

.privacy-hero h1{
font-size:60px;
font-weight:900;
color:#fff;
line-height:1.2;
margin-bottom:20px;
}

.privacy-hero h1 span{
color:#1ec9ff;
}

.privacy-hero p{
font-size:20px;
line-height:1.8;
color:#f1f1f1;
max-width:800px;
margin:auto;
}

/* =========================
MAIN CARDS
========================= */

.privacy-main{
padding:60px 20px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
max-width:1200px;
margin:auto;
}

.privacy-card{
background:#fff;
padding:35px;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.privacy-card:hover{
transform:translateY(-6px);
}

.privacy-icon{
width:75px;
height:75px;
border-radius:20px;
background:linear-gradient(135deg,#00b0ff,#0066ff);
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#fff;
margin-bottom:20px;
}

.blue{
background:linear-gradient(135deg,#005eff,#00c6ff);
}

.purple{
background:linear-gradient(135deg,#7b00ff,#c300ff);
}

.red{
background:linear-gradient(135deg,#ff2b2b,#ff0055);
}

.privacy-card h2{
font-size:30px;
margin-bottom:18px;
color:#111;
}

.privacy-card p{
font-size:17px;
line-height:1.8;
color:#555;
}

/* =========================
EXTRA SECTION
========================= */

.privacy-extra{
padding:10px 20px 60px;
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
max-width:1200px;
margin:auto;
}

.privacy-extra-box{
background:#fff;
padding:40px;
border-radius:25px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.privacy-extra-box h2{
font-size:34px;
margin-bottom:20px;
color:#002d8f;
}

.privacy-extra-box p{
font-size:17px;
line-height:1.8;
margin-bottom:20px;
color:#555;
}

.privacy-extra-box ul{
padding-left:20px;
}

.privacy-extra-box ul li{
font-size:17px;
line-height:1.9;
margin-bottom:10px;
color:#333;
}

/* =========================
TELEGRAM CTA
========================= */

.privacy-telegram{
margin:20px auto 60px;
max-width:1200px;
background:linear-gradient(90deg,#0014a8,#005eff);
padding:35px;
border-radius:30px;
display:grid;
grid-template-columns:120px 1fr 240px;
gap:20px;
align-items:center;
color:#fff;
}

.privacy-telegram-left img{
width:90px;
}

.privacy-telegram-center h2{
font-size:34px;
margin-bottom:12px;
}

.privacy-telegram-center p{
font-size:17px;
line-height:1.7;
}

.privacy-telegram-right{
text-align:center;
}

.privacy-telegram-right a{
display:inline-block;
padding:16px 32px;
background:#fff;
color:#004cff;
border-radius:40px;
font-weight:800;
font-size:18px;
text-decoration:none;
box-shadow:0 0 25px rgba(255,255,255,0.3);
}

/* =========================
FOOTER
========================= */

.privacy-footer{
background:#00145e;
padding:35px 20px;
text-align:center;
color:#fff;
margin-top:50px;
}

.privacy-footer-links{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-bottom:20px;
}

.privacy-footer-links a{
color:#fff;
text-decoration:none;
font-weight:600;
}

.privacy-footer-links a:hover{
color:#1ec9ff;
}

/* =========================
MOBILE
========================= */

@media(max-width:992px){

.privacy-main{
grid-template-columns:1fr;
}

.privacy-extra{
grid-template-columns:1fr;
}

.privacy-telegram{
grid-template-columns:1fr;
text-align:center;
}

}

@media(max-width:600px){

.privacy-header-container{
flex-direction:column;
gap:15px;
}

.privacy-logo img{
height:40px;
}

.privacy-buttons{
width:100%;
justify-content:center;
flex-wrap:wrap;
}

.home-btn,
.telegram-btn{
padding:10px 18px;
font-size:14px;
}

.privacy-hero{
padding:60px 15px;
}

.privacy-hero h1{
font-size:38px;
}

.privacy-hero p{
font-size:16px;
line-height:1.7;
}

.privacy-card{
padding:25px;
}

.privacy-card h2{
font-size:24px;
}

.privacy-card p{
font-size:16px;
}

.privacy-extra-box{
padding:25px;
}

.privacy-extra-box h2{
font-size:28px;
}

.privacy-extra-box p,
.privacy-extra-box ul li{
font-size:16px;
}

.privacy-telegram{
padding:25px 20px;
}

.privacy-telegram-left img{
width:70px;
}

.privacy-telegram-center h2{
font-size:26px;
}

.privacy-telegram-center p{
font-size:16px;
}

.privacy-telegram-right a{
width:100%;
}

}