/* Shared BTCITY wordmark and soft neon interface. */
:root{--frame:rgba(225,107,255,.28);--soft-panel:rgba(17,10,25,.76)}
.brand,.wordmark,.token-title b,.hero-bottom .ticker{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.065em;line-height:1.15;color:var(--paper);white-space:nowrap;text-transform:uppercase}
.brand{font-size:32px;text-shadow:0 2px 18px #b740dc24}
.brand span{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:.32em;letter-spacing:0;margin-left:.45em}
.wordmark{display:inline-block;font-size:1em;letter-spacing:-.055em}
.token-title>.wordmark{font-size:25px;letter-spacing:-.065em}
.token-title b{font-size:38px;color:var(--pink)}
.hero-bottom .ticker{font-size:20px}
.button,.nav-cta,.text-link,.contract button{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.5;border:1px solid var(--frame);border-radius:999px;min-height:46px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button.primary{background:linear-gradient(135deg,#f8e7ff,#dc9cf4);color:#24102e;border-color:#f3ceff;box-shadow:0 5px 24px #ae40d62b}
.button.primary:hover{background:linear-gradient(135deg,#fff4ff,#ecbcff);box-shadow:0 5px 30px #c555ed50}
.nav-cta,.text-link,.contract button{background:#1b102780;color:#f5e9fb;backdrop-filter:blur(12px)}
.nav-cta:hover,.text-link:hover,.contract button:not(:disabled):hover{background:#9f45c52b;border-color:#df99f4;box-shadow:0 0 24px #c555ed20;transform:translateY(-2px)}
.nav-cta span,.text-link span{margin-left:0}
.contract button{min-height:38px;padding:9px 15px;font-size:11px}
.contract button:disabled{opacity:.6;border-color:#ffffff20}
.token-sheet{border-radius:28px;border-color:var(--frame);box-shadow:inset 0 1px #ffffff0d,0 20px 60px #0003}
.contract{background:#b740dc0a;border:1px solid var(--frame);border-radius:18px;padding:18px}
.story-note{border:1px solid var(--frame);border-radius:20px;padding:22px 25px;background:#160d2180}
.phases{gap:18px;background:none;border:0}
.phases article,.phases article+article{padding:30px;border:1px solid var(--frame);border-radius:26px;background:var(--soft-panel);backdrop-filter:blur(12px)}
.status{display:inline-block;border:1px solid var(--frame);border-radius:999px;padding:9px 12px;letter-spacing:1px;background:#c555ed0b}
.socials{gap:18px;border:0}
.socials>a,.socials>a+a{border:1px solid var(--frame);border-radius:24px;background:var(--soft-panel);padding:27px;transition:background .2s,border-color .2s,transform .2s}
.socials>a:hover{background:#412050a6;border-color:#df99f4;transform:translateY(-3px)}
.socials strong{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.6px}
nav a{padding:9px 12px;border-radius:999px}nav{gap:10px}nav a:hover,nav a.active{background:#e16bff14}
#toast{border-radius:18px;border:1px solid #e7b6f8;box-shadow:0 8px 36px #0005}
a:focus-visible,button:focus-visible{outline:2px solid #efb3ff;outline-offset:5px}
@media(max-width:800px){.brand{font-size:27px}.nav-cta{display:none}nav{gap:0}nav a{padding:9px 8px}.hero-bottom .ticker{font-size:17px}.actions{gap:14px}.button,.text-link{padding:13px 20px}.token-title>.wordmark{font-size:22px}.token-title b{font-size:32px}.token-sheet{border-radius:24px;padding:23px}.phases article,.phases article+article,.phases article:last-child{border:1px solid var(--frame);padding:26px;border-radius:24px}.socials>a,.socials>a+a{padding:25px;border:1px solid var(--frame)}.contract{padding:15px}}
@media(max-width:380px){.brand{font-size:24px}nav a{font-size:9px;padding:9px 6px}.token-title b{font-size:28px}}

/* Unified violet buttons, including platform cards and navigation. */
.button.primary,.nav-cta,.text-link,.contract button,.socials>a,.socials>a+a,nav a{background:linear-gradient(135deg,#411957,#251032);color:#f7eaff;border-color:#a954c9;box-shadow:inset 0 1px 0 #f3c2ff12,0 5px 24px #a42bd522}
.button.primary:hover,.nav-cta:hover,.text-link:hover,.contract button:not(:disabled):hover,.socials>a:hover,nav a:hover,nav a.active{background:linear-gradient(135deg,#65287e,#3d174d);color:#fff2ff;border-color:#df99f4;box-shadow:0 5px 26px #c555ed35}
nav a{border:1px solid #a954c94d}
.contract button:disabled{background:#2b1737;color:#bba6c7;border-color:#77438e;box-shadow:none}

/* Reference wordmark: heavy, wide, oblique sans serif everywhere. */
.brand,.wordmark,.token-title>.wordmark,.token-title b,.hero-bottom .ticker{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.055em;color:#e363f2;text-transform:uppercase;line-height:1.15;-webkit-text-stroke:.025em currentColor}
.brand span{color:inherit;-webkit-text-stroke:0}
.story .wordmark,.phases .wordmark,footer p .wordmark{font-size:1em;letter-spacing:-.045em}
