/* CSS code here */

/* =====================================================
   IDA — STABLE PRODUCTION STYLESHEET
   ===================================================== */

/* ---------- GLOBAL RESET ---------- */

body{
background:#0A1F44;
}

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


html, body{
margin:0;
padding:0;
background:#0A1F44;
}

/* ---------- GLOBAL CONTENT WIDTH ---------- */

.site-container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

#ida-landing{
background:#0A1F44;
}

.letter-cover{
background: linear-gradient(rgba(10,31,68,.9),rgba(10,31,68,.95)),
            url("coastal-estate.jpg") center/cover no-repeat;
padding:120px 20px;
text-align:center;
color:white;
}

.letter-cover-inner{
max-width:800px;
margin:auto;
}

.letter-logo{
font-size:70px;
font-weight:700;
color:#D4AF37;
margin-bottom:10px;
}

.letter-company{
font-size:22px;
opacity:.9;
margin-bottom:20px;
}

.letter-divider{
width:80px;
height:3px;
background:#D4AF37;
margin:20px auto;
}

.letter-cover h1{
font-size:42px;
margin-bottom:10px;
}

.letter-subtitle{
font-size:18px;
opacity:.85;
}

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

html{
scroll-behavior:smooth;
}

body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
background:#eef2f6;
color:#0A1F44;
line-height:1.6;
min-height:90vh;
}

.cta-trust{
margin-top:18px;
font-size:14px;
letter-spacing:.6px;
color:#E3C15A;
opacity:.9;
}

.logo{
text-align:center;
padding:20px 0;
}

.top-bar{
background:#102A4C;
color:#D4AF37;
width:100%;
padding:25px 0;
text-align:center;
font-weight:600;
letter-spacing:1px;
font-size:14px;
display:block;
margin:0;
}

.highlight-card,
.benefit,
.reason-card{
transition:transform .25s ease, box-shadow .25s ease;
}

.highlight-card:hover,
.benefit:hover,
.reason-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.section{
margin-bottom: 40px;
padding:0 20px;
}

/* ---------- CONTENT PANEL ---------- */

.content-panel{
max-width:1100px;
margin:0 auto;
padding:50px 40px;
background:white;
border-radius:16px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* ---------- IDA INVESTMENT FLOW ---------- */

.ida-flow{
margin-top:30px;
text-align:center;
}

.flow-step{
background:#f5f7fb;
border:1px solid rgba(10,31,68,.08);
padding:16px 20px;
border-radius:8px;
max-width:420px;
margin:0 auto;
font-weight:600;
}

.flow-arrow{
font-size:26px;
margin:10px 0;
color:#D4AF37;
}

/* ---------- IDA BENEFITS ---------- */

.ida-benefits{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:25px;
}

.benefit{
background:#f5f7fb;
border:1px solid rgba(10,31,68,.08);
padding:20px;
border-radius:8px;
text-align:center;
}

.benefit h4{
margin-bottom:8px;
color:#0A1F44;
}

.benefit p{
font-size:14px;
opacity:.9;
}

/* ---------- INVESTMENT HIGHLIGHTS ---------- */

.ida-highlights{
padding:70px 20px;
text-align:center;
background:#ffffff;
}

.ida-highlights h2{
font-size:32px;
margin-bottom:40px;
color:#0A1F44;
}

.highlight-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
max-width:1000px;
margin:auto;
}

.highlight-card{
background:#f5f7fb;
padding:30px;
border-radius:10px;
border:1px solid rgba(10,31,68,.08);
}

.highlight-card h3{
color:#0A1F44;
margin-bottom:10px;
font-size:18px;
}

.highlight-card p{
color:#4a5a6a;
font-size:15px;
}

/* ---------- PLATFORM PRINCIPLES ---------- */

.principles{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:20px;
margin-top:25px;
}

.principle{
background:#f5f7fb;
border:1px solid rgba(10,31,68,.08);
padding:20px;
border-radius:8px;
text-align:center;
}

.principle h4{
margin-bottom:8px;
color:#0A1F44;
}

.principle p{
font-size:14px;
opacity:.9;
}

/* ---------- NAVIGATION ---------- */

.ida-nav{
position:sticky;
top:0;
z-index:1000;
background:#0A1F44;
border-bottom:1px solid rgba(255,255,255,.08);
}

.nav-inner{
display:flex;
justify-content:center;
align-items:center;
gap:28px;
flex-wrap:wrap;
background:#0A1F44;
}

nav{
background:#0A1F44;
}

.ida-nav a{
color:#d6e0ea;
text-decoration:none;
font-size:15px;
font-weight:500;
transition:.2s;
}

.ida-nav a:hover{
color:#D4AF37;
}

.nav-cta{
color:#D4AF37;
font-weight:600;
}



/* ---------- BUTTONS ---------- */

.btn-secondary{
display:inline-block;
background:#c9a32f;
color:#0A1F44;
padding:12px 26px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transform:translateY(-2px);
}

.btn-secondary:hover{
background:#d4d4d4;
}

/* ---------- HERO SECTION ---------- */

.header{
position:relative;

background:
linear-gradient(180deg, rgba(10,31,68,.65) 0%, rgba(10,31,68,.90) 70%, rgba(10,31,68,.96) 100%),
url("coastal-estate.jpg") center/cover no-repeat;

padding:80px 20px;
min-height:90vh;

display:flex;
align-items:center;
justify-content:center;

text-align:center;
color:#ffffff;
}

.header h1{
font-size: clamp(36px,5vw,60px);
font-weight:700;
line-height:1.25;
letter-spacing:.3px;
margin-bottom:26px;
}

/* ---------- HERO CONTENT PANEL ---------- */

.hero-divider{
width:70px;
height:3px;
background:#D4AF37;
margin:22px auto;
border-radius:2px;
}

.hero-inner{
max-width:900px;
width:100%;
margin:0 auto;
text-align:center;
padding:60px 40px;

background:rgba(10,31,68,.55);
backdrop-filter:blur(6px);

border-radius:14px;
box-shadow:0 22px 60px rgba(0,0,0,.35);
}

.header p{
color:#ffffff;
}

.hero-inner a{
color:#ffffff;
}


.hero-credibility{
margin-top:12px;
font-size:18px;
color:#d6e0ea;
opacity:.95;
max-width:680px;
margin-left:auto;
margin-right:auto;
line-height:1.5;
}

.hero-divider{
width:70px;
height:3px;
background:#D4AF37;
margin:22px auto 26px auto;
border-radius:2px;
}

/* Back to Home Link */

.back-home{
max-width:1100px;
margin:20px auto 10px auto;
padding:0 20px;
font-size:14px;
text-align:left;
}

.back-home a{
color:#d6e0ea;
font-size:13px;
letter-spacing:.3px;
}

.back-home a:hover{
text-decoration:underline;
}

/* ---------- BUTTONS ---------- */

.btn{
display:inline-block;
margin-top:28px;
background:#D4AF37;
color:white;
padding:16px 32px;
border-radius:10px;
font-weight:600;
text-decoration:none;
box-shadow:0 8px 22px rgba(0,0,0,.35);
transition:.25s;
}

.btn:hover{
background:#C9A32F;
transform:translateY(-2px);
}

.founder-link{
display:inline-block;
margin-top:18px;
font-weight:600;
color:#E3C15A;
text-decoration:underline;
}


/* ---------- CONTENT AREA ---------- */

.content-shell{
background:#f3f5f8;
padding:70px 0 30px 0;
}

.content-panel{
max-width:1100px;
margin:auto;
padding:0 20px;
}

.section{
margin-bottom:24px;
}

.content-card{
background:white;
border-radius:14px;
padding:38px;
border:1px solid rgba(10,31,68,.06);
box-shadow:
0 8px 20px rgba(0,0,0,.05),
0 18px 40px rgba(0,0,0,.06);
color:#0A1F44;
}

.content-card h2{
margin-bottom:20px;
padding-left:16px;
position:relative;
}

.content-card h2::before{
content:"";
position:absolute;
left:0;
top:6px;
width:4px;
height:70%;
background:#D4AF37;
border-radius:2px;
}

.content-card ul{
list-style:none;
padding-left:0;
margin-top:12px;
}

.content-card li{
margin-bottom:10px;
}

.dashboard-card ul{
list-style:none;
padding-left:0;
line-height:1.9;
}

.dashboard-card{
background:#f8f9fa;
padding:24px;
border-radius:10px;
border:1px solid #e6e6e6;
}

/* ---------- FORM ---------- */

form input,
form select{
width:100%;
padding:14px;
margin-bottom:14px;
border-radius:8px;
border:1px solid #d4d9df;
font-size:16px;
}

form button{
width:100%;
background:#0A1F44;
color:white;
padding:16px;
border:none;
border-radius:8px;
font-size:17px;
font-weight:600;
}

/* ---------- IDA FOOTER ---------- */

.footer-column{
padding-bottom:10px;
display:flex;
flex-direction:column;
}

.footer-column:nth-child(2) a{
margin:8px 0;
}

.ida-footer{
background:#0A1F44;
color:#ffffff;
padding:60px 20px 30px;
margin-top:60px;
width:100%;
display:block;
position:relative;
}

.footer-inner{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
align-items:start;
}

.footer-column h3,
.footer-column h4{
color:#D4AF37;
margin-bottom:10px;
}

.footer-column a{
display:block;
color:#d6e0ea;
text-decoration:none;
margin:6px 0;
}

.footer-column a:visited{
color:#d6e0ea;
}

.footer-column a:hover{
color:#D4AF37;
}

.footer-note{
margin-top:10px;
font-size:13px;
opacity:.8;
}

.footer-bottom{
text-align:center;
margin-top:40px;
font-size:13px;
opacity:.7;
}

.footer-bottom p{
margin:6px 0;
}

/* ---------- MOBILE ---------- */

@media (max-width:900px){

.dashboard-layout{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.nav-inner{
gap:16px;
font-size:14px;
}

.header{
padding:70px 20px;
min-height:75vh;
}

.header h1{
font-size:34px;
line-height:1.3;
}

.hero-inner{
padding:40px 25px;
}


.footer-column{
width:100%;
}

.footer-bottom{
text-align:center;
padding:20px;
}

}


/* TOP BAR FINAL OVERRIDE */

.top-bar{
background:#102A4C !important;
color:#D4AF37 !important;
text-align:center !important;
}

/* FORCE NAV COLORS — CROSS BROWSER */

.ida-nav a,
.ida-nav a:link,
.ida-nav a:visited,
.ida-nav a:active {
color:#d6e0ea !important;
text-decoration:none;
}

.ida-nav a:hover{
color:#D4AF37 !important;
}

/* INVESTOR PORTAL */

.portal-buttons{
display:flex;
flex-direction:column;
gap:16px;
margin:30px auto;
max-width:420px;
}

.portal-btn{
display:block;
background:#d4af37;
color:#0d2a4a;
text-decoration:none;
padding:16px;
border-radius:8px;
font-weight:600;
text-align:center;
transition:.2s;
}

.portal-btn{
padding:16px 36px;
font-size:16px;
}

.portal-btn:hover{
background:#e6c456;
transform:translateY(-2px);
}

.portal-btn:hover{
transform:translateY(-2px);
box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

.portal-footer{
text-align:center;
margin-top:60px;
}

.portal-footer .portal-btn{
max-width:420px;
margin:auto;
}

/* dashboard */

.dashboard-layout{
display:grid;
grid-template-columns: 1fr 1fr;
gap:40px;
margin-top:50px;
}

.dashboard-layout h3{
margin-top:0;
}

.dashboard-wide{
grid-column:1 / span 2;
}

.dashboard-title{
text-align:center;
margin-top:40px;
margin-bottom:40px;
font-size:28px;
}

.dashboard-left{
grid-column:1;
}

.dashboard-card{
background:#ffffff;
border-radius:12px;
padding:40px;
margin-bottom:36px;
border:1px solid #e7ebf0;
box-shadow:0 10px 28px rgba(0,0,0,0.05);
}

.dashboard-card:before{
content:"";
position:absolute;
left:0;
top:28px;
width:4px;
height:28px;
background:#d4af37;
border-radius:2px;
}

.dashboard-card h3{
font-size:22px;
margin-bottom:18px;
}
}

.dashboard-card:hover{
transform:translateY(-3px);
box-shadow:0 12px 28px rgba(0,0,0,0.08);
transition:all .2s ease;
}

/* document grid */

.doc-grid{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap:12px;
margin-top:18px;
}

.doc-btn{
display:block;
background:#f8f9fa;
border:1px solid #e3e3e3;
padding:12px 14px;
border-radius:6px;
text-decoration:none;
color:#0d2a4a;
font-weight:600;
text-align:center;
transition:.2s;
}

.doc-btn:hover{
border-color:#d4af37;
background:#ffffff;
box-shadow:0 3px 10px rgba(0,0,0,.08);
}


/* MOBILE DASHBOARD */

@media (max-width:768px){

.dashboard-grid{
grid-template-columns:1fr !important;
}

.dashboard-layout{
grid-template-columns:1fr !important;
}

.doc-grid{
grid-template-columns:1fr !important;
}

}