/* onapage.net — shared site styles (Obsidian Gold + Signal Blue) */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:#071421;color:#F4F7FA;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
img,svg{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
@keyframes pbPulse{70%{box-shadow:0 0 0 7px rgba(63,191,127,0);}100%{box-shadow:0 0 0 0 rgba(63,191,127,0);}}

.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem);}
.navlink{color:#aeb9c6;font-family:'Manrope',sans-serif;font-weight:500;font-size:0.95rem;white-space:nowrap;padding-block:4px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.navlink:hover{color:#F4F7FA;border-bottom:2px solid #D6A64A;}

.btn-gold{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.4rem;border-radius:4px;font-family:'Manrope',sans-serif;font-weight:600;font-size:0.98rem;background:#D6A64A;color:#10151b;border:1px solid #D6A64A;cursor:pointer;transition:background .2s,border-color .2s;}
.btn-gold:hover{background:#E3C06B;border-color:#E3C06B;}
.btn-ghost{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.4rem;border-radius:4px;font-family:'Manrope',sans-serif;font-weight:600;font-size:0.98rem;background:rgba(11,30,51,0.6);color:#F4F7FA;border:1px solid rgba(121,174,232,0.16);cursor:pointer;transition:border-color .2s,background .2s;}
.btn-ghost:hover{border-color:#2F66B3;background:rgba(18,58,104,0.5);}

.card{background:rgba(14,34,54,0.5);border:1px solid rgba(121,174,232,0.16);border-radius:6px;padding:1.85rem;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}
.card:hover{border-color:#2F66B3;transform:translateY(-4px);box-shadow:0 14px 42px rgba(30,139,255,0.16);}
.card-gold{border-color:rgba(214,166,74,0.4);}
.card-gold:hover{border-color:#D6A64A;box-shadow:0 14px 42px rgba(214,166,74,0.18);}

.eyebrow{font-family:'Manrope',sans-serif;text-transform:uppercase;letter-spacing:0.18em;font-size:0.78rem;font-weight:600;color:#D6A64A;margin:0 0 0.75rem;}
.h1{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-0.005em;line-height:1.06;font-size:clamp(1.9rem,1.4rem+2vw,2.9rem);color:#ECE3CF;margin:0 0 1rem;}
.h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(1.5rem,1.15rem+1vw,2.05rem);line-height:1.12;color:#F4F7FA;margin:0 0 1rem;}
.h3{font-family:'Manrope',sans-serif;font-weight:600;font-size:clamp(1.25rem,1.1rem+0.6vw,1.6rem);color:#F4F7FA;margin:0 0 0.5rem;}

.field{padding:0.8rem 1rem;border-radius:4px;border:1px solid rgba(121,174,232,0.16);background:rgba(7,20,33,0.65);color:#F4F7FA;font-size:0.95rem;font-family:'Inter',sans-serif;}
.field:focus{border-color:#1E8BFF;outline:none;}

.tag{font-family:'Manrope',sans-serif;font-weight:500;font-size:0.85rem;padding:0.45rem 0.95rem;border-radius:4px;border:1px solid rgba(121,174,232,0.16);background:rgba(18,58,104,0.28);color:#F4F7FA;}
.tag-gold{border-color:rgba(214,166,74,0.45);color:#D6A64A;}

.status{font-size:0.66rem;text-transform:uppercase;letter-spacing:0.08em;padding:2px 8px;border-radius:4px;font-weight:700;}
.status-live{background:rgba(63,191,127,0.14);color:#3FBF7F;border:1px solid rgba(63,191,127,0.3);}
.status-beta{background:rgba(214,166,74,0.14);color:#D6A64A;border:1px solid rgba(214,166,74,0.3);}

.link-arrow{font-family:'Manrope',sans-serif;font-weight:600;font-size:0.95rem;color:#1E8BFF;display:inline-flex;align-items:center;gap:6px;}
hr.rule{border:0;border-top:1px solid rgba(121,174,232,0.16);margin:0;}