:root { font-family: Manrope, ui-sans-serif, system-ui, sans-serif; }
html { scroll-behavior: smooth; }
.fidaxer-nav { border: 1px solid rgba(226,232,240,.9); background: rgba(255,255,255,.82); box-shadow: 0 12px 32px rgba(15,23,42,.06); backdrop-filter: blur(14px); }
.nav-link { border-radius: .7rem; padding: .5rem .75rem; font-size: .82rem; font-weight: 700; color: #64748b; transition: color .18s ease, background .18s ease; }
.nav-link:hover { color: #0f172a; background: #f8fafc; }
.mobile-link { border-radius: .7rem; padding: .65rem .7rem; font-size: .88rem; font-weight: 700; color: #334155; }
.mobile-link:hover { background: #f8fafc; }
.mobile-action { display: flex; height: 2.7rem; align-items: center; justify-content: center; border-radius: .7rem; font-size: .78rem; font-weight: 800; }
.hero-shell { background: radial-gradient(ellipse 65% 48% at 75% 42%, rgba(103,232,249,.16), transparent 70%), linear-gradient(180deg, #fcfdff 0%, #f8fafc 93%); }
.hero-grid { opacity: .52; background-image: linear-gradient(rgba(148,163,184,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.13) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to bottom, black, transparent 72%); }
.hero-orb { filter: blur(10px); opacity: .66; }
.hero-orb-one { background: radial-gradient(circle, rgba(34,211,238,.22), rgba(103,232,249,.04) 57%, transparent 73%); }
.hero-orb-two { background: radial-gradient(circle, rgba(129,140,248,.10), transparent 70%); }
.reveal { animation: fade-up .7s cubic-bezier(.22,1,.36,1) both; }
.reveal:nth-child(2) { animation-delay: .07s; }.reveal:nth-child(3) { animation-delay: .14s; }.reveal:nth-child(4) { animation-delay: .21s; }.reveal:nth-child(5) { animation-delay: .28s; }
@keyframes fade-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.hero-primary:hover { box-shadow: 0 15px 28px -14px rgba(8,145,178,.75); transform: translateY(-2px); }
.terminal-wrap { animation-delay: .14s; }
.terminal-halo { background: radial-gradient(circle, rgba(34,211,238,.25), transparent 68%); filter: blur(20px); }
.chart-lines { opacity: .65; background-image: linear-gradient(to bottom, transparent calc(25% - .5px), #edf2f7 calc(25% - .5px), #edf2f7 calc(25% + .5px), transparent calc(25% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), #edf2f7 calc(50% - .5px), #edf2f7 calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(75% - .5px), #edf2f7 calc(75% - .5px), #edf2f7 calc(75% + .5px), transparent calc(75% + .5px)); }
.chart-path { stroke-dasharray: 900; stroke-dashoffset: 900; animation: draw-chart 1.5s .55s ease-out forwards; }
@keyframes draw-chart { to { stroke-dashoffset: 0; } }
.market-strip::-webkit-scrollbar { display: none; }.market-strip { scrollbar-width: none; }
.market-tick { display: grid; min-width: 130px; grid-template-columns: auto auto; column-gap: .6rem; align-items: center; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; white-space: nowrap; }.market-tick span { grid-column: 1 / -1; color: #94a3b8; }.market-tick strong { margin-top: .2rem; color: #334155; font-weight: 500; }.market-tick em { margin-top: .2rem; color: #059669; font-style: normal; }.market-tick em.muted { color: #94a3b8; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }
@media (max-width: 639px) { .hero-grid { background-size: 28px 28px; }.terminal-card { border-radius: 18px; }.market-strip { gap: 1.25rem; } }
.markets-section { background-image: radial-gradient(circle at 88% 15%, rgba(8,145,178,.2), transparent 28%), radial-gradient(circle at 5% 100%, rgba(30,41,59,.8), transparent 34%); }
.section-kicker { display: inline-flex; align-items: center; gap: .55rem; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; font-weight: 500; letter-spacing: .13em; color: #94a3b8; }.section-kicker span { height: .42rem; width: .42rem; border-radius: 999px; background: #22d3ee; box-shadow: 0 0 0 4px rgba(34,211,238,.1); }
.market-link { transition: color .2s ease, transform .2s ease; }.market-link:hover { color: #fff; }.market-link:hover svg { transform: translateX(3px); }.market-link svg { transition: transform .2s ease; }
.market-table { border-collapse: collapse; }.market-table th { padding: .85rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,.07); font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #64748b; }.market-table td { padding: 1rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .84rem; color: #cbd5e1; }.market-table tbody tr { transition: background .18s ease; }.market-table tbody tr:hover { background: rgba(255,255,255,.035); }.market-table tbody tr:last-child td { border-bottom: 0; }.market-table td:first-child { display: flex; min-width: 155px; align-items: center; gap: .75rem; }.market-table strong { display: block; color: #f8fafc; font-size: .84rem; }.market-table small { display: block; margin-top: .15rem; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; color: #64748b; }.asset-mark { display: grid; height: 2rem; width: 2rem; place-items: center; border-radius: .7rem; font-size: .95rem; font-weight: 800; }.asset-btc { background: rgba(245,158,11,.14); color: #fbbf24; }.asset-eth { background: rgba(129,140,248,.14); color: #a5b4fc; }.asset-sol { background: rgba(52,211,153,.14); color: #6ee7b7; }.asset-bnb { background: rgba(250,204,21,.14); color: #fde047; }.market-price { font-family: 'DM Mono', ui-monospace, monospace; font-size: .78rem !important; font-weight: 500; color: #f8fafc !important; }.market-change { font-family: 'DM Mono', ui-monospace, monospace; font-size: .76rem !important; font-weight: 500; }.is-positive { color: #5eead4 !important; }.is-negative { color: #fda4af !important; }.market-range > span { display: block; height: 4px; width: 86px; overflow: hidden; border-radius: 999px; background: rgba(148,163,184,.16); }.market-range i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0891b2, #67e8f9); }.table-open { display: grid; height: 1.8rem; width: 1.8rem; place-items: center; border-radius: .55rem; color: #94a3b8; transition: background .18s ease, color .18s ease; }.table-open:hover { background: rgba(34,211,238,.12); color: #67e8f9; }
@media (max-width: 639px) { .market-table { min-width: 100% !important; table-layout: fixed; }.market-table th, .market-table td { padding: .85rem .65rem; }.market-table th:first-child { width: 44%; }.market-table th:nth-child(2) { width: 33%; }.market-table th:nth-child(3) { width: 23%; }.market-table th:last-child, .market-table td:last-child { display: none; }.market-table td:first-child { min-width: 0; gap: .55rem; }.market-table .asset-mark { height: 1.85rem; width: 1.85rem; flex: 0 0 auto; }.market-table .table-open { height: 1.45rem; width: 1.1rem; }.market-table .market-price, .market-table .market-change { font-size: .67rem !important; } }
.platform-section { overflow: hidden; }.platform-kicker { font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; font-weight: 500; letter-spacing: .14em; color: #0891b2; }.platform-glow { background: radial-gradient(ellipse, rgba(103,232,249,.2), transparent 66%); filter: blur(20px); }.preview-nav { display: flex; min-height: 1.9rem; align-items: center; border-radius: .6rem; padding: .55rem; color: #94a3b8; }.preview-nav b { display: none; font-size: .72rem; font-weight: 700; }.preview-nav.is-current { background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.08); color: #0f172a; }.balance-card { background: linear-gradient(135deg, #0f172a 0%, #18263c 62%, #155e75 150%); }.balance-grid { background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to right, black, transparent 80%); }.preview-quote { display: grid; grid-template-columns: 1fr auto; gap: .2rem .6rem; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; }.preview-quote span { color: #64748b; }.preview-quote strong { color: #334155; font-weight: 500; }.preview-quote em { grid-column: 2; color: #059669; font-style: normal; }.position-row { display: grid; grid-template-columns: 1fr auto; gap: .2rem .8rem; font-size: .72rem; }.position-row span b, .activity-row span b { display: block; color: #334155; }.position-row small, .activity-row small { display: block; margin-top: .15rem; color: #94a3b8; font-size: .65rem; }.position-row strong { color: #334155; font-family: 'DM Mono', ui-monospace, monospace; font-size: .68rem; font-weight: 500; }.position-row em { grid-column: 2; color: #059669; font-family: 'DM Mono', ui-monospace, monospace; font-size: .64rem; font-style: normal; }.activity-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .6rem; font-size: .7rem; }.activity-row i { display: grid; height: 1.7rem; width: 1.7rem; place-items: center; border-radius: .5rem; font-style: normal; }.activity-row strong { color: #334155; font-family: 'DM Mono', ui-monospace, monospace; font-size: .63rem; font-weight: 500; }.platform-benefit { border-top: 1px solid #e2e8f0; padding-top: 1rem; }.platform-benefit > span { font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; color: #0891b2; }.platform-benefit h3 { margin-top: .65rem; color: #0f172a; font-size: .92rem; font-weight: 800; letter-spacing: -.02em; }.platform-benefit p { margin-top: .35rem; color: #64748b; font-size: .82rem; line-height: 1.5; }
@media (min-width: 640px) { .preview-nav b { display: block; } }
@media (max-width: 639px) { .platform-window { border-radius: 17px; }.balance-card { padding: 1rem; }.platform-benefit { padding-top: .85rem; } }
.feature-card { position: relative; min-height: 270px; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 1.25rem; padding: 1.5rem; background: #fff; }.feature-card-primary { min-height: 340px; background: linear-gradient(135deg, #f0fdff, #fff 66%); }.feature-card-dark { background: #0f172a; border-color: #0f172a; }.feature-card-accent { background: linear-gradient(145deg, #ecfeff, #f8fafc); }.feature-copy { position: relative; z-index: 1; max-width: 20rem; }.feature-index { font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; font-weight: 500; letter-spacing: .12em; color: #0891b2; }.feature-copy h3 { margin-top: .9rem; color: #0f172a; font-size: 1.35rem; font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }.feature-copy p:last-child { margin-top: .75rem; color: #64748b; font-size: .84rem; line-height: 1.55; }.feature-card-dark .feature-index { color: #67e8f9; }.feature-card-dark .feature-copy h3 { color: #f8fafc; }.feature-card-dark .feature-copy p:last-child { color: #94a3b8; }.feature-signal { position: absolute; bottom: -3px; right: 0; left: 40%; height: 62%; }.feature-signal svg { position: absolute; inset: 20px 0 0; height: calc(100% - 20px); width: 100%; }.signal-axis { position: absolute; inset: 20px auto 0 0; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; font-family: 'DM Mono', ui-monospace, monospace; font-size: 8px; color: #94a3b8; }.signal-pill { position: absolute; right: 1rem; top: 1.5rem; border: 1px solid #bae6fd; border-radius: .5rem; background: rgba(255,255,255,.9); padding: .35rem .5rem; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; color: #0e7490; box-shadow: 0 4px 12px rgba(8,145,178,.1); }.execution-flow { position: absolute; right: 1.5rem; bottom: 2rem; left: 1.5rem; display: flex; align-items: center; gap: .55rem; }.flow-node { border: 1px solid rgba(255,255,255,.12); border-radius: .65rem; padding: .6rem .55rem; color: #94a3b8; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; }.flow-node.is-active { border-color: rgba(103,232,249,.35); background: rgba(34,211,238,.12); color: #a5f3fc; }.execution-flow i { height: 1px; flex: 1; background: rgba(148,163,184,.28); }.action-preview, .record-preview { position: absolute; right: 1.5rem; bottom: 1.5rem; left: 1.5rem; display: grid; gap: .55rem; }.action-preview span { display: flex; align-items: center; gap: .55rem; border-radius: .65rem; background: #f8fafc; padding: .6rem; color: #334155; font-size: .72rem; font-weight: 700; }.action-preview i { display: grid; height: 1.3rem; width: 1.3rem; place-items: center; border-radius: .4rem; background: #cffafe; color: #0e7490; font-style: normal; }.action-preview b { margin-left: auto; color: #059669; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; }.record-preview span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .5rem; font-size: .7rem; color: #475569; }.record-preview i { height: .45rem; width: .45rem; border-radius: 999px; }.record-preview em { color: #94a3b8; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; font-style: normal; }.record-cyan { background: #22d3ee; }.record-slate { background: #94a3b8; }.record-green { background: #34d399; }.focus-mark { position: absolute; right: 2rem; bottom: 2rem; height: 7rem; width: 7rem; border: 1px solid rgba(8,145,178,.16); border-radius: 999px; }.focus-mark span { position: absolute; inset: 18%; border-radius: inherit; border: 1px solid rgba(8,145,178,.25); }.focus-mark i { position: absolute; inset: 36%; border-radius: inherit; background: #0891b2; box-shadow: 0 0 0 8px rgba(34,211,238,.12); }.focus-mark b { position: absolute; top: 50%; left: -1rem; height: 1px; width: 9rem; background: linear-gradient(90deg, transparent, #0891b2, transparent); }
@media (max-width: 639px) { .feature-card { min-height: 250px; padding: 1.25rem; }.feature-card-primary { min-height: 300px; }.feature-signal { left: 30%; }.execution-flow { right: 1.25rem; bottom: 1.5rem; left: 1.25rem; } }
.security-section { position: relative; background-image: radial-gradient(circle at 84% 22%, rgba(8,145,178,.24), transparent 24%), linear-gradient(145deg, #020617, #0f172a 68%, #0b2030); }.security-rings { right: -10rem; top: 3rem; height: 26rem; width: 26rem; }.security-rings i { position: absolute; border: 1px solid rgba(103,232,249,.1); border-radius: 999px; }.security-rings i:nth-child(1) { inset: 0; }.security-rings i:nth-child(2) { inset: 18%; }.security-rings i:nth-child(3) { inset: 36%; background: rgba(34,211,238,.05); }.security-link svg { transition: transform .2s ease; }.security-link:hover svg { transform: translateX(3px); }.security-tile { min-height: 155px; border: 1px solid rgba(255,255,255,.09); border-radius: .9rem; padding: 1rem; background: rgba(255,255,255,.035); }.security-icon { display: grid; height: 1.75rem; width: 1.75rem; place-items: center; border-radius: .55rem; background: rgba(34,211,238,.12); color: #a5f3fc; font-family: 'DM Mono', ui-monospace, monospace; font-size: .8rem; }.security-tile p { margin-top: .8rem; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; letter-spacing: .08em; color: #64748b; }.security-tile strong { display: block; margin-top: .3rem; font-size: .8rem; color: #e2e8f0; }.security-tile small { display: block; margin-top: .55rem; font-size: .68rem; line-height: 1.45; color: #94a3b8; }.rail-step { position: relative; display: grid; justify-items: center; gap: .45rem; color: #64748b; font-size: .64rem; text-align: center; }.rail-step::after { position: absolute; top: .35rem; left: calc(50% + .7rem); width: calc(100% - 1.35rem); height: 1px; background: rgba(148,163,184,.25); content: ''; }.rail-step:last-child::after { display: none; }.rail-step i { z-index: 1; height: .75rem; width: .75rem; border: 2px solid #475569; border-radius: 999px; background: #0f172a; font-style: normal; font-size: 8px; line-height: .5rem; }.rail-step.is-done { color: #a5f3fc; }.rail-step.is-done i { border-color: #22d3ee; background: #22d3ee; color: #082f49; }.rail-step.is-current { color: #f8fafc; }.rail-step.is-current i { border-color: #67e8f9; box-shadow: 0 0 0 4px rgba(34,211,238,.12); }.security-statement { padding: 1.25rem; background: rgba(255,255,255,.035); }.security-statement span { font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; letter-spacing: .1em; color: #67e8f9; }.security-statement p { margin-top: .55rem; color: #cbd5e1; font-size: .82rem; line-height: 1.5; }
@media (max-width: 639px) { .security-tile { min-height: 0; }.security-rings { right: -14rem; }.security-statement { padding: 1rem; } }
.journey-list::before { position: absolute; top: 1.2rem; left: 16.66%; right: 16.66%; height: 1px; background: #cbd5e1; content: ''; }.journey-card { position: relative; min-width: 0; padding-top: 3.2rem; }.journey-number { position: absolute; top: 0; left: 0; z-index: 1; display: grid; height: 2.4rem; width: 2.4rem; place-items: center; border: 1px solid #bae6fd; border-radius: 999px; background: #ecfeff; color: #0e7490; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; font-weight: 500; }.journey-stage { min-height: 224px; border: 1px solid #e2e8f0; border-radius: 1.1rem; padding: 1.1rem; background: #fff; box-shadow: 0 12px 25px -20px rgba(15,23,42,.3); }.stage-deep { background: linear-gradient(145deg, #0f172a, #123147); border-color: #0f172a; }.stage-window { display: flex; gap: .28rem; }.stage-window span { height: .35rem; width: .35rem; border-radius: 999px; background: #cbd5e1; }.stage-label { margin-top: .7rem; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; letter-spacing: .11em; color: #94a3b8; }.stage-input { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .5rem; margin-top: .7rem; border-radius: .55rem; background: #f8fafc; padding: .6rem; font-size: .68rem; color: #475569; }.stage-input i { height: .5rem; width: .5rem; border-radius: 999px; background: #22d3ee; }.stage-input b { font-weight: 700; }.stage-input em { color: #059669; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; font-style: normal; }.asset-choice { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: .65rem; padding: .65rem; background: rgba(255,255,255,.05); }.asset-choice span { color: #a5f3fc; font-family: 'DM Mono', ui-monospace, monospace; font-size: .7rem; }.asset-choice b { color: #cbd5e1; font-size: .65rem; }.asset-choice i { color: #67e8f9; font-style: normal; }.stage-progress { display: grid; grid-template-columns: auto 1fr; gap: .4rem .5rem; margin-top: 1rem; }.stage-progress span { height: .45rem; width: .45rem; margin-top: .2rem; border-radius: 999px; background: #67e8f9; }.stage-progress i { align-self: center; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #67e8f9 70%, rgba(255,255,255,.14) 70%); }.stage-progress b { grid-column: 1 / -1; color: #94a3b8; font-size: .65rem; }.mini-market-line { position: relative; margin-top: 1.15rem; height: 52px; }.mini-market-line em { position: absolute; top: 0; left: 0; z-index: 1; color: #64748b; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; font-style: normal; }.mini-market-line svg { position: absolute; right: 0; bottom: 0; width: 72%; height: 40px; }.activity-chip { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; margin-top: .75rem; }.activity-chip i { height: .5rem; width: .5rem; border-radius: 999px; }.activity-chip span b { display: block; color: #475569; font-size: .68rem; }.activity-chip span small { display: block; margin-top: .12rem; color: #94a3b8; font-size: .6rem; }.activity-chip em { color: #94a3b8; font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; font-style: normal; }.chip-cyan { background: #22d3ee; }.chip-slate { background: #94a3b8; }.chip-green { background: #34d399; }.journey-card h3 { margin-top: 1.25rem; color: #0f172a; font-size: 1.05rem; font-weight: 800; letter-spacing: -.03em; }.journey-card > p { margin-top: .55rem; color: #64748b; font-size: .84rem; line-height: 1.6; }.journey-cta { transition: transform .2s ease, box-shadow .2s ease; }.journey-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 22px -14px rgba(8,145,178,.7); }
@media (max-width: 1023px) { .journey-list::before { display: none; } }
.faq-help { transition: border-color .2s ease, background .2s ease, transform .2s ease; }.faq-help:hover { border-color: #94a3b8; background: #f8fafc; transform: translateY(-1px); }.faq-trigger { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; color: #0f172a; text-align: left; font-size: 1rem; font-weight: 800; letter-spacing: -.025em; }.faq-trigger i { display: grid; height: 1.75rem; width: 1.75rem; flex: 0 0 auto; place-items: center; border-radius: 999px; background: #f1f5f9; color: #0e7490; font-size: 1.1rem; font-style: normal; font-weight: 400; line-height: 1; transition: transform .2s ease, background .2s ease; }.faq-trigger[aria-expanded="true"] i { background: #cffafe; transform: rotate(45deg); }.faq-answer { max-width: 43rem; padding: 0 3rem 1.35rem 0; color: #64748b; font-size: .9rem; line-height: 1.65; }.faq-answer strong { color: #334155; font-weight: 700; }
@media (max-width: 639px) { .faq-trigger { padding: 1.1rem 0; font-size: .92rem; }.faq-answer { padding-right: .5rem; padding-bottom: 1.1rem; font-size: .84rem; } }
.cta-card { background-image: radial-gradient(circle at 50% 0%, rgba(34,211,238,.16), transparent 37%), linear-gradient(135deg, #020617, #0f172a); }.cta-grid { background-image: linear-gradient(rgba(103,232,249,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(103,232,249,.1) 1px, transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(ellipse at center, black, transparent 72%); }.cta-orb { height: 22rem; width: 22rem; border-radius: 999px; filter: blur(12px); opacity: .55; }.cta-orb-one { top: -12rem; left: -8rem; background: radial-gradient(circle, rgba(14,165,233,.35), transparent 65%); }.cta-orb-two { right: -9rem; bottom: -14rem; background: radial-gradient(circle, rgba(34,211,238,.27), transparent 65%); }.cta-primary { transition: transform .2s ease, box-shadow .2s ease; }.cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 26px -14px rgba(34,211,238,.65); }
.footer-heading { font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #64748b; }.footer-links { margin-top: 1rem; display: grid; gap: .7rem; }.footer-links a { color: #cbd5e1; font-size: .82rem; font-weight: 600; transition: color .18s ease; }.footer-links a:hover, .footer-email:hover { color: #fff; }.footer-email { transition: color .18s ease; }
.auth-page { font-family: Manrope, ui-sans-serif, system-ui, sans-serif; }.auth-aside { background: radial-gradient(circle at 72% 36%, rgba(34,211,238,.16), transparent 28%), linear-gradient(135deg, #020617, #0f172a 67%, #102e40); }.auth-grid { opacity: .24; background-image: linear-gradient(rgba(103,232,249,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(103,232,249,.15) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 85%); }.auth-glow { background: radial-gradient(circle, rgba(34,211,238,.3), transparent 67%); filter: blur(16px); }.auth-card { border: 1px solid #e2e8f0; border-radius: 1.25rem; padding: 1.35rem; background: rgba(255,255,255,.84); box-shadow: 0 18px 42px -30px rgba(15,23,42,.24); }.auth-label { display: block; margin-bottom: .48rem; color: #334155; font-size: .76rem; font-weight: 800; }.auth-input { display: block; height: 2.9rem; width: 100%; border: 1px solid #dbe4ee; border-radius: .7rem; background: #fff; padding: 0 .85rem; color: #0f172a; font-size: .86rem; font-weight: 600; outline: none; transition: border-color .18s ease, box-shadow .18s ease; }.auth-input::placeholder { color: #94a3b8; font-weight: 500; }.auth-input:focus { border-color: #22d3ee; box-shadow: 0 0 0 4px rgba(34,211,238,.13); }.auth-password-toggle { position: absolute; top: 50%; right: .75rem; transform: translateY(-50%); color: #0e7490; font-size: .7rem; font-weight: 800; }.auth-inline-link { color: #0e7490; transition: color .18s ease; }.auth-inline-link:hover { color: #155e75; }.auth-submit { display: flex; height: 3rem; width: 100%; align-items: center; justify-content: center; gap: .7rem; border-radius: .75rem; background: #0f172a; color: #fff; font-size: .84rem; font-weight: 800; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }.auth-submit:hover:not(:disabled) { transform: translateY(-1px); background: #17243a; box-shadow: 0 14px 24px -16px rgba(15,23,42,.6); }.auth-submit:disabled { cursor: wait; opacity: .72; }.auth-submit.is-loading span:last-child { animation: auth-pulse .75s infinite alternate; } @keyframes auth-pulse { to { opacity: .3; transform: translateX(3px); } }.fidaxer-alert { border: 1px solid #e2e8f0 !important; border-radius: 1.25rem !important; font-family: Manrope, ui-sans-serif, system-ui, sans-serif !important; }.fidaxer-alert .swal2-title { color: #0f172a !important; font-size: 1.35rem !important; font-weight: 800 !important; letter-spacing: -.035em !important; }.fidaxer-alert .swal2-html-container { color: #64748b !important; font-size: .88rem !important; line-height: 1.55 !important; }.fidaxer-alert-confirm, .fidaxer-alert-cancel { border-radius: .65rem !important; padding: .7rem 1rem !important; font-size: .78rem !important; font-weight: 800 !important; }.fidaxer-alert-confirm { background: #0f172a !important; }.fidaxer-alert-cancel { background: #f1f5f9 !important; color: #334155 !important; }
.fidaxer-notice-overlay { position: fixed; z-index: 9999; inset: 0; display: grid; place-items: center; padding: 1.25rem; background: rgba(2,6,23,.45); backdrop-filter: blur(5px); }.fidaxer-notice { width: min(100%, 25rem); border: 1px solid #e2e8f0; border-radius: 1.25rem; padding: 1.5rem; background: #fff; text-align: center; box-shadow: 0 28px 70px -24px rgba(15,23,42,.5); }.fidaxer-notice-icon { display: grid; height: 2.55rem; width: 2.55rem; place-items: center; margin: 0 auto 1rem; border-radius: 999px; font-weight: 800; }.fidaxer-notice-icon.is-success { background: #cffafe; color: #0e7490; }.fidaxer-notice-icon.is-error { background: #fee2e2; color: #dc2626; }.fidaxer-notice h2 { color: #0f172a; font-size: 1.35rem; font-weight: 800; letter-spacing: -.035em; }.fidaxer-notice p { margin-top: .65rem; color: #64748b; font-size: .88rem; line-height: 1.55; }.fidaxer-notice-actions { display: flex; justify-content: center; gap: .6rem; margin-top: 1.25rem; }.fidaxer-notice-actions .fidaxer-alert-confirm { color: #fff; }
@media (max-width: 639px) { .auth-card { padding: 1.1rem; border-radius: 1rem; }.auth-mobile-brand { z-index: 2; } }