/* InvestmentCapital.Loan — black page + gold panels (matches the original site) */

@font-face{font-family:'Montserrat';font-style:normal;font-weight:600 800;font-display:swap;src:url('/assets/fonts/montserrat.woff2') format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/roboto.woff2') format('woff2')}

:root{
  --gold:#eeba2b; --gold-press:#d7a520; --black:#000; --panel-shadow:rgba(0,0,0,.45);
  --ink:#141414; --bar:#2b2b2b; --line:#cfd6dd;
  --font-head:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#fff;font-family:var(--font-body);font-size:17px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{background:#000;border-bottom:3px solid var(--gold)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.site-header .logo img{height:58px;width:auto}
.site-header .contact{text-align:right;line-height:1.25}
.site-header .phone{display:block;color:#fff;font-family:var(--font-head);font-weight:800;font-size:1.35rem;text-decoration:none;padding:3px 0}
.site-header .email{display:block;color:#c9c9c9;font-size:.9rem;text-decoration:none;padding:5px 0}
.site-header .phone:hover,.site-header .email:hover{color:var(--gold)}

/* Hero (black) */
.hero{background:#000;text-align:center;padding:16px 20px 26px}
.hero .banner{max-width:940px;margin:0 auto 22px}
.hero .video{max-width:820px;margin:0 auto;border-radius:6px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.6);background:#000}
.hero .video video{width:100%;height:auto;display:block}

/* Gold panels on black */
.section{padding:30px 20px}
.panel{background:var(--gold);color:var(--ink);border-radius:6px;max-width:920px;margin:0 auto;padding:44px 46px;box-shadow:12px 12px 0 var(--panel-shadow)}
.panel.light{background:#fff;color:#222}
.panel h1{font-family:var(--font-head);font-weight:800;color:#111;text-align:center;font-size:clamp(1.8rem,4.2vw,2.7rem);line-height:1.12;letter-spacing:-.01em;margin:0 0 .55em}
.panel .intro{margin:0 0 1.5rem;color:#1a1a1a}
.panel p{color:#1a1a1a;line-height:1.6;margin:0 0 1rem}
.prog{margin:0 0 1.25rem}
.prog h2{font-family:var(--font-head);font-weight:800;color:#111;font-size:1.3rem;margin:0 0 .3em}
.prog p{margin:0}
.apply-link{display:block;text-align:center;font-family:var(--font-head);font-weight:800;font-size:1.35rem;color:#111;text-decoration:underline;margin:1.6rem 0 1rem}
.apply-link:hover{color:#000}
.panel .eho{display:block;margin:6px auto 0;width:82px}
@media(max-width:600px){.panel{padding:32px 24px;box-shadow:8px 8px 0 var(--panel-shadow)}}

/* Form (on gold panel, dark label bars + white inputs) */
.form-panel h2{font-family:var(--font-head);font-weight:800;color:#111;font-size:clamp(1.6rem,3.4vw,2.1rem);margin:0 0 1.3rem}
form .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
form .full{grid-column:1/-1}
@media(max-width:560px){form .grid{grid-template-columns:1fr}}
label.field{display:block;background:var(--bar);color:#fff;font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.01em;padding:9px 12px;border-radius:5px 5px 0 0;margin:0}
.req{color:var(--gold)}
form input,form select,form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-top:0;border-radius:0 0 5px 5px;font:inherit;background:#fff;color:#222}
form input:focus,form select:focus,form textarea:focus{outline:2px solid #111;outline-offset:-1px}
form textarea{min-height:110px;resize:vertical;border-top:1px solid var(--line);border-radius:5px}
.name-row{display:grid;grid-template-columns:1fr 1fr;gap:0}
.name-row input:first-child{border-right:0;border-radius:0 0 0 5px}
.name-row input:last-child{border-radius:0 0 5px 0}
.radios{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 5px 5px;padding:11px 12px}
.radios label{font-family:var(--font-body);font-weight:400;color:#222;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem}
.radios input{width:auto}
.form-btn{margin-top:22px;display:inline-block;background:#111;color:var(--gold);font-family:var(--font-head);font-weight:800;border:0;border-radius:6px;padding:14px 30px;font-size:1rem;cursor:pointer;letter-spacing:.02em}
.form-btn:hover{background:#000}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Footer */
.site-footer{background:#000;color:#b9b9b9;text-align:center;padding:40px 22px;border-top:3px solid var(--gold)}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.site-footer .links{margin:6px 0;font-size:.9rem}
.site-footer .disclaimer{max-width:860px;margin:16px auto 0;font-size:.8rem;line-height:1.6;color:#8f8f8f;text-align:left}
.site-footer .disclaimer p{margin:0 0 .6rem}
.site-footer .disclaimer .disclaimer-title{font-weight:700;letter-spacing:.03em;color:#c9c9c9;text-align:center;margin-bottom:.5rem}
.site-footer .copy{font-size:.8rem;margin-top:12px;color:#7c7c7c}

/* Legal pages (light panel for readability) */
.legal-main{padding:34px 20px}
.legal-main .panel{max-width:860px;text-align:left}
.legal h1{text-align:left;font-size:clamp(1.7rem,3.4vw,2.2rem);margin:0 0 .6em}
.legal h2{font-family:var(--font-head);font-weight:800;color:#111;font-size:1.3rem;margin:1.6em 0 .4em}
.legal p,.legal li{color:#333;font-size:1rem}
.legal a{color:#a8801a;word-break:break-word}

/* Thanks */
.thanks{padding:70px 22px;text-align:center}
.thanks .panel{max-width:560px}
.thanks .check{width:60px;height:60px;border-radius:50%;background:#111;color:var(--gold);display:grid;place-items:center;font-size:32px;margin:0 auto 18px;font-weight:800}
