:root{
--bg-dark:#0b182f;
--glass:rgba(255,255,255,.08);
--electric-blue:#3db5ff;
--energy-cyan:#00ffe1;
--solar-gold:#ffd34d;
--green:#2dff9a;
--red:#ff5c5c;
--text:#e9f1ff;
--text-muted:#c1d0ea;
--radius:20px;
--transition:all .3s ease;
--glow-blue:0 0 35px rgba(61,181,255,.6);
}

/* -------- HEADER -------- */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(16px);
    background: rgba(5,11,20,0.7);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.nav-container {
    max-width: 1200px;
    margin: auto;
    padding: 18px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--solar-gold);
    text-shadow: var(--glow-gold);
}

nav a {
    margin-left: 28px;
    font-weight: 500;
    color: var(--text-main);
}

nav a:hover {
    color: var(--energy-cyan);
    text-shadow: var(--glow-blue);
}

body{
margin:0;
font-family:Inter,Segoe UI,Arial,sans-serif;
background:radial-gradient(circle at top,#0a1224,var(--bg-dark));
color:var(--text);
line-height:1.6;
}

.container{max-width:1200px;margin:auto;padding:24px;}

.hero{
min-height:75vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:60px 20px;
background:
radial-gradient(circle at 30% 30%, rgba(61,181,255,.15), transparent 40%),
radial-gradient(circle at 70% 60%, rgba(255,204,51,.12), transparent 40%);
}

.hero h1{
font-size:clamp(2.4rem,5vw,3.6rem);
font-weight:800;
background:linear-gradient(90deg,#fff,var(--electric-blue),var(--solar-gold));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
max-width:760px;
margin:20px auto 36px;
font-size:1.1rem;
color:var(--text-muted);
}

.cta-btn{
display:inline-block;
padding:16px 38px;
border-radius:999px;
background:linear-gradient(135deg,var(--electric-blue),var(--energy-cyan));
color:#00111c;
font-weight:700;
box-shadow:var(--glow-blue);
transition:var(--transition);
text-decoration:none;
}

.section-card{
background:var(--glass);
backdrop-filter:blur(14px);
padding:32px;
border-radius:var(--radius);
margin-bottom:36px;
}

h2,h3,h4{color:var(--solar-gold);}
p{color:var(--text-muted);}

/* -------- TRUST QUOTE -------- */
.trust {
    padding: 24px 16px;
    text-align: center;
    font-style: italic;
	font-size : 1.5rem ;
    color: var(--energy-cyan);
    background: linear-gradient(90deg, transparent, rgba(61,181,255,0.12), transparent);
    margin-bottom: 40px;
}

table{width:100%;border-collapse:collapse;}
th,td{padding:12px;}
th{background:rgba(61,181,255,.18);}

input,select{
padding:10px;
border-radius:12px;
border:1px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.1);
color:var(--text);
}

.btn{
padding:10px 22px;
border-radius:999px;
border:none;
font-weight:600;
cursor:pointer;
}

.btn-primary{
background:linear-gradient(135deg,var(--electric-blue),var(--energy-cyan));
color:#00111c;
}

.btn-danger{background:var(--red);color:#fff;}
.btn-edit{background:var(--solar-gold);margin-right:6px;}

.result-card{
padding:40px;
border-radius:26px;
background:linear-gradient(135deg,rgba(61,181,255,.25),rgba(255,255,255,.05));
text-align:center;
margin-bottom:36px;
box-shadow:0 0 45px rgba(61,181,255,.45);
}

.result-main{font-size:2rem;font-weight:800;color:var(--green);}
.result-sub{font-size:1.4rem;color:var(--solar-gold);}
.result-bill{margin-top:14px;font-size:1.5rem;font-weight:700;color:var(--solar-gold);}

.product-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.product-card{
background:var(--glass);
padding:22px;
border-radius:20px;
text-align:center;
}

.product-card a{
display:inline-block;
margin-top:10px;
background:var(--solar-gold);
padding:8px 18px;
border-radius:999px;
text-decoration:none;
color:#00111c;
font-weight:600;
}

.faq-item{
padding:16px 0;
border-bottom:1px solid rgba(255,255,255,.1);
}