/* Shared styles for Cortex content pages (FAQ, Contact, Terms, Privacy) */
:root{
  --p1:#FF1368; --p2:#FF5533; --p3:#FF8C00;
  --grad:linear-gradient(135deg,#FF1368 0%,#FF5533 52%,#FF8C00 100%);
  --bg:#FFFCF9; --bg2:#FFF7F2; --card:#FFFFFF;
  --text:#120804; --mid:#5C3D2E; --dim:#8A6A55; --line:rgba(0,0,0,.07);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg); color:var(--text);
  -webkit-font-smoothing:antialiased; line-height:1.6;
}
.sp-nav{
  max-width:760px; margin:0 auto; padding:28px 24px;
  display:flex; align-items:center; justify-content:space-between;
}
.sp-brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:800; font-size:17px; letter-spacing:-.02em;}
.sp-brand img{width:24px; height:24px;}
.sp-back{font-size:13px; font-weight:600; color:var(--dim); text-decoration:none; transition:color .2s;}
.sp-back:hover{color:var(--p1);}
.sp-main{max-width:760px; margin:0 auto; padding:32px 24px 80px;}
.sp-eyebrow{font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--p2); margin-bottom:14px; display:block;}
.sp-main h1{font-size:42px; font-weight:900; letter-spacing:-.03em; line-height:1.05; margin-bottom:14px;}
.sp-lead{font-size:18px; color:var(--mid); margin-bottom:14px;}
.sp-updated{font-size:13px; color:var(--dim); margin-bottom:40px;}
.sp-main h2{font-size:20px; font-weight:800; letter-spacing:-.01em; margin:38px 0 12px;}
.sp-main h3{font-size:16px; font-weight:700; margin:24px 0 8px;}
.sp-main p{color:var(--mid); margin-bottom:14px;}
.sp-main ul{margin:0 0 16px 20px; color:var(--mid);}
.sp-main li{margin-bottom:8px;}
.sp-main a{color:var(--p1); text-decoration:none; font-weight:600;}
.sp-main a:hover{text-decoration:underline;}
.sp-card{
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  padding:26px 28px; margin-bottom:16px;
}
.sp-card h2{margin-top:0;}
.sp-contact-row{display:flex; flex-wrap:wrap; gap:14px; margin:22px 0 8px;}
.sp-btn{
  display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  font-size:14px; font-weight:700; color:#fff; background:var(--grad);
  padding:13px 24px; border-radius:99px; transition:transform .2s, box-shadow .2s;
}
.sp-btn:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,53,51,.28); text-decoration:none;}
.sp-btn.ghost{color:var(--text); background:transparent; border:1.5px solid var(--line);}
.sp-btn.ghost:hover{border-color:var(--p2); color:var(--p2); box-shadow:none;}
.sp-form{display:flex; flex-direction:column; gap:14px; margin-top:8px;}
.sp-form .row{display:flex; gap:14px;}
.sp-form .row > *{flex:1; min-width:0;}
.sp-input{
  width:100%; font-family:inherit; font-size:15px; color:var(--text);
  background:var(--card); border:1.5px solid var(--line); border-radius:12px;
  padding:14px 16px; transition:border-color .2s, box-shadow .2s;
}
.sp-input::placeholder{color:var(--dim);}
.sp-input:focus{outline:none; border-color:var(--p2); box-shadow:0 0 0 4px rgba(255,85,51,.13);}
textarea.sp-input{resize:vertical; min-height:150px;}
.sp-form button{align-self:flex-start; border:none; cursor:pointer; margin-top:4px;}
.sp-success{
  background:#ECFDF3; border:1px solid #A6E9C5; color:#067647;
  padding:16px 20px; border-radius:14px; font-weight:600; margin-bottom:18px; display:none;
}
.sp-success.show{display:block;}
.sp-hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0;}
@media (max-width:560px){ .sp-form .row{flex-direction:column;} }
.sp-foot{max-width:760px; margin:0 auto; padding:26px 24px; border-top:1px solid var(--line); font-size:12px; color:var(--dim);}
.sp-foot a{color:var(--dim); text-decoration:none;}
.sp-foot a:hover{color:var(--p1);}
@media (max-width:560px){ .sp-main h1{font-size:32px;} }