*{
margin:0;
padding:0;
box-sizing:border-box;
}

/* TORVANTA THEME */

:root{

--navy:#0B1F3B;
--navy-light:#122A4D;
--navy-border:#1E3A63;

--gold:#D4AF37;
--gold-light:#F1C85A;

--text:#E5E7EB;
--light:#F8FAFC;
--dark:#111827;

--border:#E5E7EB;

}

/* GLOBAL */

html{
scroll-behavior:smooth;
}

body{
font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
background:var(--navy);
color:var(--text);
line-height:1.6;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* NAVBAR */

.navbar{
background:var(--navy);
padding:18px 0;
border-bottom:1px solid var(--navy-border);
}

.navbar .container{
display:flex;
justify-content:space-between;
align-items:center;
}

.nav-logo{
height:40px;
}

.nav-links{
list-style:none;
display:flex;
gap:28px;
}

.nav-links a{
color:var(--text);
text-decoration:none;
font-weight:600;
}

.nav-links a:hover{
color:var(--gold);
}

/* HERO */

.hero{
padding:110px 0;
}

.hero-flex{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
flex-wrap:wrap;
}

.hero-left{
max-width:520px;
}

.hero-logo{
width:80px;
margin-bottom:20px;
}

.hero h1{
font-size:48px;
font-weight:800;
letter-spacing:1px;
color:var(--gold);
}

.tagline{
font-size:26px;
margin:10px 0 20px;
color:white;
}

.hero-text{
color:#C7D2E2;
margin-bottom:30px;
}

.hero-image{
width:520px;
border-radius:20px;
}

/* BUTTONS */

.btn-gold{
background:var(--gold);
color:var(--navy);
padding:14px 28px;
border-radius:10px;
font-weight:700;
text-decoration:none;
display:inline-block;
margin-right:12px;
}

.btn-gold:hover{
background:var(--gold-light);
}

.btn-outline{
border:2px solid var(--gold);
color:var(--gold);
padding:12px 26px;
border-radius:10px;
text-decoration:none;
}

.btn-outline:hover{
background:var(--gold);
color:var(--navy);
}

/* FEATURES */

.features{
padding:80px 0;
background:var(--navy-light);
}

.features h2{
text-align:center;
margin-bottom:50px;
font-size:32px;
color:var(--gold);
}

.features-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.feature-card{
background:var(--navy);
padding:30px;
border-radius:16px;
text-align:center;
border:1px solid var(--navy-border);
}

.feature-card h3{
color:var(--gold);
margin-bottom:10px;
}

.feature-card p{
color:#C7D2E2;
}

/* FAQ */

.faq{
padding:80px 0;
}

.faq h2{
text-align:center;
margin-bottom:50px;
color:var(--gold);
}

.faq-items{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
}

.faq-item{
background:var(--navy-light);
padding:24px;
border-radius:14px;
border:1px solid var(--navy-border);
}

.faq-item h3{
color:var(--gold);
margin-bottom:8px;
}

.faq-item p{
color:#C7D2E2;
}

/* POLICY PAGES */

.policy-container{
padding:80px 0;
}

.policy-container h1{
color:var(--gold);
margin-bottom:10px;
}

.last-updated{
color:#94A3B8;
margin-bottom:30px;
}

.policy-section{
background:var(--navy-light);
padding:24px;
border-radius:14px;
border:1px solid var(--navy-border);
margin-bottom:20px;
}

.policy-section h2{
color:var(--gold);
margin-bottom:10px;
}

.policy-section p{
color:#C7D2E2;
}

.policy-section ul,
.policy-section ol{
margin-left:20px;
}

/* FOOTER */

.footer{
background:#050f22;
padding:60px 0 20px;
margin-top:80px;
}

.footer-content{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:40px;
margin-bottom:40px;
}

.footer-section h4{
color:var(--gold);
margin-bottom:12px;
}

.footer-section p{
color:#94A3B8;
}

.footer-section ul{
list-style:none;
}

.footer-section ul li{
margin-bottom:6px;
}

.footer-section ul li a{
color:#94A3B8;
text-decoration:none;
}

.footer-section ul li a:hover{
color:white;
}

.footer-bottom{
border-top:1px solid #1E3A63;
padding-top:20px;
text-align:center;
color:#94A3B8;
}

/* DASHBOARD */

.dashboard-container{
padding:80px 0;
}

.login-box,
.signup-box{
background:var(--navy-light);
padding:40px;
border-radius:16px;
border:1px solid var(--navy-border);
max-width:420px;
margin:auto;
}

.form-group{
margin-bottom:18px;
}

.form-group label{
display:block;
margin-bottom:6px;
}

.form-group input{
width:100%;
padding:12px;
border-radius:8px;
border:1px solid var(--navy-border);
background:var(--navy);
color:white;
}

/* RESPONSIVE */

@media(max-width:900px){

.hero-flex{
flex-direction:column;
text-align:center;
}

.hero-image{
width:100%;
max-width:400px;
}

.hero h1{
font-size:36px;
}

.tagline{
font-size:20px;
}

}

@media(max-width:600px){

.nav-links{
display:none;
}

.hero h1{
font-size:28px;
}

.dropdown-menu{
display:none;
position:absolute;
background:#122A4D;
padding:10px;
list-style:none;
border-radius:8px;
}

.dropdown:hover .dropdown-menu{
display:block;
}

.dropdown-menu li{
padding:6px 10px;
}

.dropdown-menu a{
color:#E5E7EB;
text-decoration:none;
}

.dropdown-menu a:hover{
color:#D4AF37;
}

}