/* CapitalNode Creator Network / Community — corporate light theme */
:root{
  --cn-ink:#102d48;
  --cn-muted:#52677a;
  --cn-blue:#087cb5;
  --cn-line:#dae6ef;
  --cn-bg:#f4f9fc;
  --cn-white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--cn-bg);
  color:var(--cn-ink);
  font-family:'DM Sans',sans-serif;
  line-height:1.65;
}
a{color:var(--cn-blue);text-decoration:none}
a:hover{text-decoration:underline}
.cn-wrap{max-width:1240px;margin:auto;padding:0 34px}
.cn-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cn-blue);
}
.cn-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#eaf5fd 0%,#f8fbff 55%,#e8f3fa 100%);
  padding:88px 0 72px;
}
.cn-hero-orb{
  position:absolute;right:-120px;top:20px;width:620px;height:540px;opacity:.42;pointer-events:none;
  background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 17px,#087cb540 18px,#087cb540 19px,transparent 20px,transparent 36px);
  -webkit-mask-image:radial-gradient(ellipse,#000 28%,transparent 72%);
  mask-image:radial-gradient(ellipse,#000 28%,transparent 72%);
}
.cn-hero .cn-wrap{position:relative;z-index:1}
.cn-hero h1{
  font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.045em;
  font-size:clamp(34px,4.4vw,52px);line-height:1.12;color:var(--cn-ink);
  margin:14px 0 18px;max-width:780px;
}
.cn-hero p{
  max-width:680px;color:var(--cn-muted);font-size:17px;line-height:1.8;margin:0;
}
.cn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cn-btn{
  display:inline-block;padding:14px 22px;font:700 13px/1.2 'DM Sans',sans-serif;
  letter-spacing:.02em;border:1px solid transparent;border-radius:0;cursor:pointer;
  text-decoration:none!important;transition:background .15s,color .15s,border-color .15s;
}
.cn-btn-primary{background:var(--cn-blue);color:#fff!important;border-color:var(--cn-blue)}
.cn-btn-primary:hover{background:#066a9a}
.cn-btn-secondary{background:transparent;color:#133e5d!important;border-color:#a9c8dc}
.cn-btn-secondary:hover{background:#fff}
.cn-section{padding:72px 0}
.cn-section h2{
  font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.035em;
  font-size:clamp(26px,3vw,38px);color:var(--cn-ink);margin:12px 0 14px;max-width:760px;
}
.cn-section .lead{max-width:720px;color:var(--cn-muted);line-height:1.8;margin:0 0 28px}
.cn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cn-card{
  background:var(--cn-white);border:1px solid var(--cn-line);padding:28px;border-radius:0;
}
.cn-card span{font-size:12px;color:var(--cn-blue);letter-spacing:.08em;font-weight:700}
.cn-card h3{font-family:Manrope,sans-serif;color:#173c5b;font-size:20px;margin:14px 0 10px;letter-spacing:-.02em}
.cn-card p{color:var(--cn-muted);line-height:1.75;font-size:14px;margin:0}
.cn-band{background:#edf3fa}
.cn-split{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}
.cn-panel{
  background:var(--cn-white);border:1px solid var(--cn-line);padding:30px;border-radius:0;
}
.cn-form label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin-bottom:14px}
.cn-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cn-form .full{grid-column:1/-1}
.cn-form input,.cn-form select,.cn-form textarea{
  font:inherit;color:var(--cn-ink);background:#fff;border:1px solid #cbdce9;
  border-radius:0;padding:12px 14px;width:100%;
}
.cn-form textarea{min-height:120px;resize:vertical}
.cn-form input:focus,.cn-form select:focus,.cn-form textarea:focus{
  outline:2px solid #69b6de;outline-offset:1px;
}
.cn-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;color:#456076;line-height:1.6;margin:12px 0}
.cn-check input{width:auto;margin-top:4px;accent-color:var(--cn-blue)}
.cn-notice{
  padding:16px 18px;background:#e7f2fb;border-left:3px solid var(--cn-blue);
  color:#365873;font-size:13px;line-height:1.7;margin:18px 0;
}
.cn-fine{font-size:12px;color:#6c8193;line-height:1.7}
.cn-list{margin:0;padding-left:18px;color:var(--cn-muted);line-height:1.85}
.cn-list li{margin-bottom:8px}
.cn-ban{
  background:#fff;border:1px solid var(--cn-line);padding:22px 26px;margin-top:14px;
}
.cn-ban h3{font-family:Manrope,sans-serif;font-size:18px;margin:0 0 10px;color:#173c5b}
.cn-ban ul{margin:0;padding-left:18px;color:#5b7287;line-height:1.85}
.cn-status{
  display:inline-block;margin-top:18px;padding:8px 12px;background:#e5f3fb;
  color:#0a5f86;font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:0;
}
.cn-footer{
  background:#061321;color:#a6b5c8;padding:36px 0;font-size:12px;line-height:1.7;
}
.cn-footer a{color:#e1f3ff}
.cn-footer .cn-wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cn-field-hidden{position:absolute;left:-10000px;height:0;overflow:hidden}
.cn-form-status{grid-column:1/-1;display:none;padding:12px 14px;font-size:13px;line-height:1.6;border:1px solid transparent}
.cn-form-status.is-pending,.cn-form-status.is-error{display:block}
.cn-form-status.is-pending{background:#eef6fb;border-color:#c5dced;color:#365873}
.cn-form-status.is-error{background:#f8ecec;border-color:#e0b4b4;color:#7a2e2e}
@media(max-width:900px){
  .cn-grid,.cn-split,.cn-form .form-grid{grid-template-columns:1fr}
  .cn-wrap{padding:0 22px}
  .cn-hero{padding:64px 0 52px}
  .cn-hero-orb{right:-280px;opacity:.28}
  .cn-section{padding:52px 0}
}