/* e-OCI Wallet — shared styles for standalone pages (privacy/terms/about/contact) */
:root{
  --navy:#0A2A54; --navy-2:#0E3A73; --saffron:#FF9933; --saffron-soft:#FFB865; --green:#138808;
  --app-bg:#060F22; --panel:#0C1A34; --txt:#EAF0FA; --muted:#8397B8; --head:#B9C7E0;
  --line:rgba(255,255,255,.1); --line-2:rgba(255,255,255,.16);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{margin:0;font-family:"Space Grotesk",system-ui,sans-serif;color:var(--txt);line-height:1.62;
  background:radial-gradient(1100px 640px at 50% -10%,#0e2247 0%,transparent 60%),var(--app-bg);}
a{color:inherit;text-decoration:none;}
.wrap{width:100%;max-width:820px;margin:0 auto;padding:0 22px;}

.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);
  background:linear-gradient(180deg,rgba(6,15,34,.86) 60%,rgba(6,15,34,0));border-bottom:1px solid var(--line);}
.nav .navwrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:14px;height:64px;}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:18px;letter-spacing:-.2px;}
.brand img{width:32px;height:32px;border-radius:9px;}
.nav .spacer{flex:1;}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:10px 16px;border-radius:11px;
  border:1px solid transparent;transition:.16s;cursor:pointer;}
.btn.ghost{background:rgba(255,255,255,.06);border-color:var(--line-2);}
.btn.ghost:hover{background:rgba(255,255,255,.11);}
.btn.primary{background:linear-gradient(135deg,var(--saffron-soft),var(--saffron));color:#2a1400;}

.doc{padding:44px 0 70px;}
.doc .kick{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--saffron-soft);}
.doc h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.8px;margin:12px 0 6px;}
.doc .updated{color:var(--muted);font-size:13px;margin-bottom:30px;font-family:"IBM Plex Mono",monospace;}
.doc h2{font-size:20px;margin:34px 0 10px;letter-spacing:-.3px;}
.doc p,.doc li{color:var(--head);font-size:15.5px;}
.doc a.inline{color:var(--saffron-soft);border-bottom:1px solid rgba(255,184,101,.4);}
.doc a.inline:hover{border-bottom-color:var(--saffron-soft);}
.doc ul{padding-left:20px;} .doc li{margin:6px 0;}
.doc .callout{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--saffron);
  border-radius:12px;padding:16px 18px;margin:22px 0;font-size:14px;color:var(--muted);}
.doc .big-mail{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:14px 22px;border-radius:14px;
  background:linear-gradient(135deg,var(--saffron-soft),var(--saffron));color:#2a1400;font-weight:600;font-size:16px;}

footer{border-top:1px solid var(--line);padding:34px 0;margin-top:40px;}
footer .fwrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px;display:flex;flex-wrap:wrap;gap:16px 26px;
  justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;}
footer nav a{color:var(--head);margin-left:18px;}
footer nav a:hover{color:var(--saffron-soft);}
@media(max-width:560px){footer .fwrap{flex-direction:column;align-items:flex-start;} footer nav a{margin:0 14px 0 0;}}