:root{
  --oc-bg:#05070d;
  --oc-panel:#0d1320;
  --oc-panel-2:#111b2d;
  --oc-gold:#d4af37;
  --oc-gold-2:#f2d77d;
  --oc-text:#f4f7fb;
  --oc-muted:#bcc7d8;
  --oc-border:rgba(212,175,55,.24);
  --oc-shadow:0 20px 60px rgba(0,0,0,.45);
}
.oc-ui-wrap{
  color:var(--oc-text);
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.07), transparent 25%),
    linear-gradient(180deg, #04070b 0%, #0a1018 100%);
  min-height:100vh;
  margin:0;
  padding:0 0 60px;
}
.oc-top-nav{
  position:sticky;top:0;z-index:40;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:18px 28px;background:rgba(4,7,11,.9);
  border-bottom:1px solid var(--oc-border);backdrop-filter:blur(14px);
}
.oc-top-brand{display:flex;align-items:center;gap:14px;font-weight:700;}
.oc-top-brand-name{font-size:1.05rem;letter-spacing:.18em;}
.oc-logo-mark{width:58px;height:58px;object-fit:contain;border-radius:50%;}
.oc-logo-banner{max-width:min(780px,95vw);width:100%;height:auto;display:block;margin:0 auto;}
.oc-logo-fallback{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle,#192437 0%, #070a10 100%);color:var(--oc-gold-2);
  border:2px solid var(--oc-gold);font-size:.85rem;line-height:1.05;text-align:center;
}
.oc-logo-fallback-banner{
  width:auto;height:auto;border:none;background:none;
  font-size:clamp(2.2rem,6vw,5rem);font-weight:800;letter-spacing:.05em;
}
.oc-logo-fallback-banner span:last-child{color:var(--oc-gold);}
.oc-top-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.oc-top-links a{color:var(--oc-text);text-decoration:none;font-size:.92rem;padding:.55rem .8rem;border-radius:999px;}
.oc-top-links a:hover{background:rgba(212,175,55,.08);color:var(--oc-gold-2);}
.oc-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;
  border-radius:999px;border:1px solid var(--oc-border);text-decoration:none;font-weight:700;
}
.oc-btn-primary{background:linear-gradient(180deg,var(--oc-gold-2),var(--oc-gold));color:#101216 !important;border-color:transparent;}
.oc-btn-outline{background:transparent;color:var(--oc-gold-2) !important;}
.oc-btn-muted{opacity:.7;background:rgba(255,255,255,.04);color:var(--oc-muted);pointer-events:none;}
.oc-hero,.oc-page-hero{
  position:relative;overflow:hidden;background-image:var(--oc-hero-bg);background-size:cover;background-position:center;
}
.oc-page-hero.oc-tokens-hero{background-image:var(--oc-tokens-bg);}
.oc-page-hero.oc-vault-hero{background-image:var(--oc-vault-bg);}
.oc-page-hero.oc-flow-hero{background-image:var(--oc-flow-bg);}
.oc-hero:before,.oc-page-hero:before{
  content:"";position:absolute;inset:0;background:
    linear-gradient(180deg, rgba(4,6,10,.7) 0%, rgba(4,6,10,.88) 60%, rgba(4,6,10,.95) 100%),
    radial-gradient(circle at 20% 0, rgba(212,175,55,.15), transparent 25%);
}
.oc-hero-inner,.oc-page-hero-inner,.oc-section-inner{position:relative;z-index:1;width:min(1380px,92vw);margin:0 auto;}
.oc-hero-inner{padding:90px 0 64px;text-align:center;}
.oc-hero h1,.oc-page-hero h1{font-size:clamp(2.6rem,6vw,5.4rem);margin:.35em 0 .12em;letter-spacing:.05em;font-weight:800;}
.oc-page-hero-inner{padding:72px 0 42px;text-align:center;}
.oc-page-hero p,.oc-hero-subtagline{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--oc-gold-2);max-width:920px;margin:.5rem auto 0;line-height:1.8;}
.oc-hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px;}
.oc-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:38px;}
.oc-action-card,.oc-card,.oc-legal-card,.oc-token-card{
  background:linear-gradient(180deg, rgba(16,21,32,.92), rgba(10,13,20,.95));
  border:1px solid var(--oc-border);border-radius:24px;box-shadow:var(--oc-shadow);
}
.oc-action-card{
  min-height:220px;padding:28px;text-decoration:none;color:var(--oc-text);display:flex;flex-direction:column;justify-content:space-between;gap:12px;
}
.oc-action-title{font-size:1.3rem;font-weight:800;color:var(--oc-gold-2);}
.oc-action-text{color:var(--oc-muted);line-height:1.7;}
.oc-section{padding:46px 0 0;}
.oc-section-flow{background-image:var(--oc-flow-bg);background-size:cover;background-position:center;position:relative;}
.oc-section-flow:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,14,.82),rgba(6,8,14,.96));}
.oc-section-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;}
.oc-single-col{grid-template-columns:1fr;}
.oc-section-copy,.oc-section-panel{position:relative;z-index:1;}
.oc-section h2{font-size:2.15rem;margin:.2em 0 .7em;color:var(--oc-gold-2);}
.oc-lead{font-size:1.15rem;color:#eef3ff;line-height:1.8;}
.oc-bullets{padding-left:1.2rem;color:var(--oc-muted);line-height:1.9;}
.oc-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;}
.oc-mini-grid>div{background:rgba(255,255,255,.02);border:1px solid rgba(212,175,55,.16);border-radius:18px;padding:20px;}
.oc-mini-grid strong{display:block;color:var(--oc-gold-2);font-size:1.02rem;margin-bottom:8px;}
.oc-mini-grid p{margin:0;color:var(--oc-muted);line-height:1.7;}
.oc-card,.oc-legal-card{padding:28px;}
.oc-card-wide{padding:34px;}
.oc-quote-card h3{font-size:1.5rem;color:var(--oc-gold-2);margin-top:0;}
.oc-quote-card p{color:var(--oc-muted);line-height:1.8;}
.oc-steps-block{padding:8px 0 14px;border-bottom:1px solid rgba(212,175,55,.14);}
.oc-steps-block:last-child{border-bottom:none;}
.oc-steps-block h2{margin-bottom:.35em;font-size:1.4rem;}
.oc-upload-form{display:grid;gap:18px;}
.oc-form-row label{display:block;margin-bottom:8px;font-weight:700;color:var(--oc-gold-2);}
.oc-upload-form input[type="text"],.oc-upload-form input[type="file"]{
  width:100%;background:#080b11;color:var(--oc-text);border:1px solid var(--oc-border);border-radius:14px;padding:14px 16px;
}
.oc-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.oc-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.oc-token-card{padding:24px;display:flex;flex-direction:column;gap:16px;}
.oc-token-logo{display:flex;justify-content:center;align-items:center;min-height:110px;}
.oc-token-logo img{max-width:100px;max-height:100px;object-fit:contain;border-radius:18px;}
.oc-token-fallback{
  width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle,#23314e 0%,#0c1018 100%);border:2px solid rgba(212,175,55,.55);
  color:var(--oc-gold-2);font-size:1.3rem;font-weight:800;letter-spacing:.08em;
}
.oc-token-meta h3{margin:.1em 0;font-size:1.3rem;}
.oc-token-symbol{margin:.15rem 0;color:var(--oc-gold-2);font-weight:700;letter-spacing:.08em;}
.oc-token-sector,.oc-token-number{margin:0;color:var(--oc-muted);}
.oc-token-status{
  display:inline-block;align-self:flex-start;background:rgba(212,175,55,.14);color:var(--oc-gold-2);
  border:1px solid rgba(212,175,55,.28);border-radius:999px;padding:.32rem .7rem;font-size:.8rem;font-weight:700;
}
.oc-token-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.oc-legal-card{max-width:1100px;margin:0 auto;line-height:1.85;}
.oc-legal-card h2{margin:1.4em 0 .4em;color:var(--oc-gold-2);font-size:1.35rem;}
.oc-legal-card p,.oc-legal-card li,.oc-card p{color:var(--oc-muted);}
.oc-footer-links{
  width:min(1380px,92vw);margin:36px auto 0;padding:18px 0 0;border-top:1px solid rgba(212,175,55,.18);
  display:flex;gap:16px;flex-wrap:wrap;justify-content:center;
}
.oc-footer-links a{color:var(--oc-muted);text-decoration:none;font-size:.92rem;}
.oc-footer-links a:hover{color:var(--oc-gold-2);}
@media (max-width:1100px){
  .oc-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .oc-section-inner{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .oc-top-nav{padding:16px;align-items:flex-start;flex-direction:column;}
  .oc-top-links{width:100%;}
  .oc-action-grid,.oc-mini-grid{grid-template-columns:1fr;}
  .oc-hero-inner{padding:72px 0 52px;}
}