/* WILD LEDGER - Page Specific Styles */

/* Whitepaper Page Typography */
.whitepaper-page .whitepaper-content p {
    margin-bottom: 1.2rem;
}

.whitepaper-page .whitepaper-content h2,
.whitepaper-page .whitepaper-content h3,
.whitepaper-page .whitepaper-content h4 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.whitepaper-page .whitepaper-content ul,
.whitepaper-page .whitepaper-content ol {
    margin: 0 0 1.5rem 1.5rem;
}

.whitepaper-page .whitepaper-content li {
    margin-bottom: 0.4rem;
}

/* Legal Pages (Privacy Policy & Terms) */
.legal-section p {
    margin-bottom: 1.2rem;
}

.legal-section ul,
.legal-section ol {
    margin: 0 0 1.4rem 1.5rem;
}

.legal-section li {
    margin-bottom: 0.35rem;
}

/* Whitepaper Page Tables */
.whitepaper-page .whitepaper-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 24px 8px; /* horizontal, vertical */
}

.whitepaper-page .whitepaper-content table th,
.whitepaper-page .whitepaper-content table td {
    padding: 10px 18px;
    text-align: left;
}

/* Audience Tabs */
.audience-section { padding: 40px; background: var(--bg-panel); border-bottom: 1px solid var(--border-glow); }
.audience-tabs { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.audience-tab { display: flex; align-items: center; gap: 10px; padding: 15px 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-secondary); font-family: 'Rajdhani', sans-serif; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.audience-tab:hover { border-color: var(--neon-cyan); color: var(--text-primary); }
.audience-tab.active { border-color: var(--neon-cyan); background: rgba(0, 243, 255, 0.1); color: var(--neon-cyan); box-shadow: 0 0 20px rgba(0, 243, 255, 0.2); }
.tab-icon { font-size: 1.5rem; }
.audience-content { display: none; }
.audience-content.active { display: block; }

/* Visual Flow */
.visual-flow { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; padding: 40px; background: var(--bg-card); border: 1px solid var(--border-glow); margin-bottom: 60px; }
.flow-step { text-align: center; }
.flow-icon { font-size: 3rem; margin-bottom: 10px; }
.flow-label { font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--text-muted); }
.flow-arrow { font-size: 2rem; color: var(--neon-cyan); }
.lead-text { font-size: 1.3rem; color: var(--text-secondary); margin-bottom: 20px; }

/* Simple Steps */
.simple-steps { display: flex; flex-direction: column; gap: 40px; margin-bottom: 80px; }
.simple-step { display: flex; gap: 30px; padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; }
.simple-step:hover { border-color: var(--neon-cyan); box-shadow: 0 0 30px rgba(0, 243, 255, 0.1); }
.step-number { width: 60px; height: 60px; background: var(--gradient-cyber); color: var(--bg-dark); font-family: 'Orbitron', sans-serif; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.step-content h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; margin-bottom: 15px; color: var(--neon-cyan); }
.step-content p { color: var(--text-secondary); font-size: 1.1rem; }
.step-note { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding: 15px; background: rgba(0, 243, 255, 0.1); border-left: 3px solid var(--neon-cyan); font-size: 0.95rem; }
.step-note.success { background: rgba(57, 255, 20, 0.1); border-color: var(--neon-green); }
.step-example { display: flex; gap: 30px; margin-top: 20px; flex-wrap: wrap; }
.example-animal { display: flex; align-items: center; gap: 10px; padding: 10px 20px; background: var(--bg-panel); border: 1px solid rgba(255, 255, 255, 0.1); }
.animal-emoji { font-size: 1.5rem; }
.animal-name { font-weight: 600; }
.animal-distance { color: var(--neon-cyan); font-family: 'Space Mono', monospace; font-size: 0.85rem; }
.funding-breakdown { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 20px; }
.funding-item { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 15px; background: var(--bg-panel); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.funding-icon { font-size: 1.5rem; }
.funding-label { font-size: 0.85rem; color: var(--text-muted); }

/* Comparison */
.why-different { margin-bottom: 80px; }
.why-different h2 { font-family: 'Orbitron', sans-serif; font-size: 2rem; margin-bottom: 30px; text-align: center; }
.comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.comparison-card { padding: 40px; background: var(--bg-card); }
.comparison-card.old { border: 1px solid rgba(255, 0, 0, 0.3); }
.comparison-card.new { border: 1px solid var(--neon-green); box-shadow: 0 0 30px rgba(57, 255, 20, 0.1); }
.comparison-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; margin-bottom: 20px; }
.comparison-card ul { list-style: none; }
.comparison-card li { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-secondary); }

/* FAQ */
.faq-section h2 { font-family: 'Orbitron', sans-serif; font-size: 2rem; margin-bottom: 30px; text-align: center; }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.faq-item { padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); }
.faq-item h4 { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; color: var(--neon-cyan); margin-bottom: 15px; }
.faq-item p { color: var(--text-secondary); font-size: 1rem; }

/* Tech Content */
.tech-overview { text-align: center; margin-bottom: 60px; }
.tech-overview h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.architecture-diagram { background: var(--bg-card); border: 1px solid var(--border-glow); padding: 40px; margin-bottom: 60px; }
.arch-layer { margin-bottom: 20px; }
.layer-title { font-family: 'Orbitron', sans-serif; font-size: 1rem; color: var(--neon-pink); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; text-align: center; }
.layer-components { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.component { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 20px 30px; background: var(--bg-panel); border: 1px solid rgba(255, 255, 255, 0.1); min-width: 150px; }
.component.highlight { border-color: var(--neon-cyan); background: rgba(0, 243, 255, 0.05); }
.comp-icon { font-size: 1.5rem; }
.comp-name { font-family: 'Orbitron', sans-serif; font-size: 0.9rem; font-weight: 600; }
.comp-desc { font-size: 0.75rem; color: var(--text-muted); text-align: center; }
.arch-arrow { text-align: center; font-size: 2rem; color: var(--neon-cyan); margin: 10px 0; }
.tech-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.tech-card { padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); }
.tech-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; margin-bottom: 20px; color: var(--neon-cyan); }
.tech-card ul { list-style: none; }
.tech-card li { padding: 8px 0; color: var(--text-secondary); font-size: 0.95rem; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.code-example { background: var(--bg-card); border: 1px solid var(--border-glow); padding: 30px; margin-bottom: 40px; }
.code-example h3 { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; margin-bottom: 20px; color: var(--neon-green); }
.code-example pre { background: var(--bg-dark); padding: 20px; overflow-x: auto; }
.code-example code { font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--neon-cyan); line-height: 1.8; }
.address-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.address-item { display: flex; justify-content: space-between; padding: 15px 20px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); }
.address-label { color: var(--text-muted); }
.address-value { font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--neon-cyan); }

/* Investor Content */
.investor-hero { text-align: center; margin-bottom: 60px; }
.investor-hero h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.market-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 80px; }
.market-card { padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.market-value { font-family: 'Orbitron', sans-serif; font-size: 3rem; font-weight: 700; background: var(--gradient-cyber); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 10px; }
.market-label { font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; }
.moat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 80px; }
.moat-item { padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.moat-icon { font-size: 2.5rem; margin-bottom: 15px; }
.moat-item h4 { font-family: 'Orbitron', sans-serif; font-size: 1rem; color: var(--neon-cyan); margin-bottom: 10px; }
.revenue-table { background: var(--bg-card); border: 1px solid var(--border-glow); margin-bottom: 80px; }
.revenue-row { display: grid; grid-template-columns: 1fr 2fr 1fr; padding: 20px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.revenue-row.header { background: var(--bg-panel); font-family: 'Orbitron', sans-serif; font-size: 0.85rem; color: var(--neon-cyan); text-transform: uppercase; }
.revenue-row span:last-child { text-align: right; color: var(--neon-green); }
.traction-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 80px; }
.traction-item { display: flex; align-items: center; gap: 15px; padding: 20px; background: var(--bg-card); border: 1px solid rgba(57, 255, 20, 0.3); }
.traction-item.pending { border-color: rgba(255, 255, 255, 0.1); }
.traction-check { color: var(--neon-green); font-size: 1.2rem; }
.traction-item.pending .traction-check { color: var(--text-muted); }
.ask-card { display: inline-block; padding: 50px 80px; background: var(--bg-card); border: 2px solid var(--neon-cyan); box-shadow: 0 0 40px rgba(0, 243, 255, 0.2); text-align: center; }
.ask-amount { font-family: 'Orbitron', sans-serif; font-size: 4rem; font-weight: 900; color: var(--neon-cyan); text-shadow: 0 0 30px rgba(0, 243, 255, 0.5); }
.ask-purpose { font-family: 'Space Mono', monospace; font-size: 1rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 30px; }
.ask-breakdown { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; }
.breakdown-pct { display: block; font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--neon-green); }
.breakdown-label { font-size: 0.85rem; color: var(--text-muted); }

/* Tokenomics */
.token-overview { padding: 80px 40px; background: var(--bg-panel); }
.token-hero-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; max-width: 1400px; margin: 0 auto; }
.token-main-card { background: var(--bg-card); border: 1px solid var(--neon-cyan); padding: 40px; box-shadow: 0 0 40px rgba(0, 243, 255, 0.15); }
.token-symbol { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
.token-logo { width: 80px; height: 80px; filter: drop-shadow(0 0 15px rgba(0, 243, 255, 0.5)); }
.token-info h2 { font-family: 'Orbitron', sans-serif; font-size: 2rem; }
.token-type { font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--text-muted); }
.token-stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.token-stat { text-align: center; padding: 20px; background: var(--bg-panel); border: 1px solid rgba(255, 255, 255, 0.1); }
.token-stat .stat-label { display: block; font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; margin-bottom: 5px; }
.token-stat .stat-value { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: var(--neon-cyan); }
.token-secondary-card { background: var(--bg-card); border: 1px solid var(--neon-green); padding: 30px; }
.secondary-token { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.secondary-token h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--neon-green); }
.token-badge { font-family: 'Space Mono', monospace; font-size: 0.7rem; padding: 5px 10px; background: rgba(57, 255, 20, 0.2); color: var(--neon-green); text-transform: uppercase; }
.wai-formula { background: var(--bg-dark); padding: 15px; text-align: center; }
.wai-formula code { font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--neon-green); }
.simple-tokenomics { padding: 60px 40px; }
.simple-box { display: flex; gap: 30px; max-width: 1000px; margin: 0 auto; padding: 40px; background: var(--bg-card); border: 1px solid var(--neon-green); }
.simple-icon { font-size: 3rem; flex-shrink: 0; }
.simple-content h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--neon-green); margin-bottom: 15px; }
.allocation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.allocation-chart { display: flex; justify-content: center; align-items: center; }
.donut-chart { width: 100%; max-width: 400px; transform: rotate(-90deg); }
.allocation-list { display: flex; flex-direction: column; gap: 20px; }
.allocation-list--row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.allocation-item { padding: 25px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); border-left: 4px solid var(--color); }
.alloc-header { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; }
.alloc-color { width: 12px; height: 12px; background: var(--color); border-radius: 2px; }
.alloc-name { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; flex-grow: 1; }
.alloc-pct { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: var(--color); }
.alloc-details { display: flex; gap: 20px; margin-bottom: 10px; font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--text-muted); }
.alloc-desc { color: var(--text-secondary); font-size: 0.95rem; }

/* Emission */
.emission-section { background: var(--bg-panel); }
.emission-chart { margin-bottom: 60px; }
.chart-container { display: flex; gap: 20px; height: 300px; padding: 20px; background: var(--bg-card); border: 1px solid var(--border-glow); }
.chart-y-axis { display: flex; flex-direction: column; justify-content: space-between; font-family: 'Space Mono', monospace; font-size: 0.75rem; color: var(--text-muted); padding-right: 10px; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.chart-bars { display: flex; align-items: flex-end; gap: 30px; flex-grow: 1; padding: 0 10px 30px 0; }
.bar-group { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; }
.bar { width: 100%; height: var(--height); background: var(--color); position: relative; display: flex; align-items: flex-start; justify-content: center; padding-top: 10px; }
.bar-value { font-family: 'Space Mono', monospace; font-size: 0.7rem; color: var(--bg-dark); font-weight: 700; }
.bar-label { margin-top: auto; padding-top: 10px; font-family: 'Space Mono', monospace; font-size: 0.75rem; color: var(--text-muted); }
.emission-table { background: var(--bg-card); border: 1px solid var(--border-glow); }
.table-header { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 20px 30px; background: var(--bg-panel); font-family: 'Orbitron', sans-serif; font-size: 0.85rem; color: var(--neon-cyan); text-transform: uppercase; }
.table-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 15px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-secondary); }

/* Tiers */
.tier-why { max-width: 800px; margin: 0 auto 60px; padding: 40px; background: var(--bg-card); border: 1px solid var(--border-glow); text-align: center; }
.tier-why h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; margin-bottom: 15px; }
.tiers-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-bottom: 60px; }
.tier-card { padding: 25px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.tier-card.apex-slow { border-color: var(--neon-green); }
.tier-card.primate { border-color: #8b5cf6; }
.tier-card.reptile-large { border-color: #10b981; }
.tier-card.marine-reptile { border-color: var(--neon-cyan); }
.tier-card.marine-mammal { border-color: #06b6d4; }
.tier-card.apex-fast { border-color: var(--neon-orange); }
.tier-card.medium-mammal { border-color: #f59e0b; }
.tier-card.marine-large { border-color: var(--neon-purple); }
.tier-card.migratory-bird { border-color: var(--neon-pink); }
.tier-name { display: block; font-family: 'Space Mono', monospace; font-size: 0.7rem; color: var(--text-muted); margin-bottom: 5px; }
.tier-mult { font-family: 'Orbitron', sans-serif; font-size: 2rem; font-weight: 700; }
.tier-card.apex-slow .tier-mult { color: var(--neon-green); }
.tier-card.primate .tier-mult { color: #8b5cf6; }
.tier-card.reptile-large .tier-mult { color: #10b981; }
.tier-card.marine-reptile .tier-mult { color: var(--neon-cyan); }
.tier-card.marine-mammal .tier-mult { color: #06b6d4; }
.tier-card.apex-fast .tier-mult { color: var(--neon-orange); }
.tier-card.medium-mammal .tier-mult { color: #f59e0b; }
.tier-card.marine-large .tier-mult { color: var(--neon-purple); }
.tier-card.migratory-bird .tier-mult { color: var(--neon-pink); }
.tier-animals { display: flex; flex-direction: column; gap: 5px; margin: 15px 0; font-size: 0.9rem; }
.tier-desc { font-size: 0.85rem; color: var(--text-muted); }
.conservation-bonus { text-align: center; margin-bottom: 60px; }
.conservation-bonus h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; margin-bottom: 30px; }
.bonus-grid { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.bonus-item { padding: 25px 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.bonus-item.critical { border-color: #ff3333; }
.bonus-item.endangered { border-color: #ff9933; }
.bonus-item.vulnerable { border-color: #ffcc33; }
.bonus-status { display: block; font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 10px; }
.bonus-mult { font-family: 'Orbitron', sans-serif; font-size: 2rem; font-weight: 700; }
.bonus-item.critical .bonus-mult { color: #ff3333; }
.bonus-item.endangered .bonus-mult { color: #ff9933; }
.bonus-item.vulnerable .bonus-mult { color: #ffcc33; }
.calc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.calc-card { padding: 30px; background: var(--bg-card); border: 1px solid var(--border-glow); text-align: center; }
.calc-animal { font-size: 1.3rem; margin-bottom: 15px; }
.calc-formula { font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--text-muted); margin-bottom: 10px; }
.calc-result { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--neon-green); }
.protection-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.protection-card { padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.protection-icon { font-size: 2.5rem; margin-bottom: 15px; }
.protection-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1rem; margin-bottom: 10px; }
.protection-value { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--neon-cyan); margin-bottom: 15px; }
.utility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.utility-card { padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; }
.utility-card:hover { border-color: var(--neon-cyan); box-shadow: 0 0 30px rgba(0, 243, 255, 0.1); }
.utility-icon { font-size: 2.5rem; margin-bottom: 20px; }
.utility-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; color: var(--neon-cyan); margin-bottom: 15px; }

/* NGO Page */
.partner-benefits { background: var(--bg-panel); }
.benefits-hero { display: grid; grid-template-columns: 2fr 1fr; gap: 60px; margin-bottom: 80px; align-items: center; }
.benefits-content h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.benefits-visual { display: flex; flex-direction: column; gap: 20px; }
.benefit-stat { padding: 25px; background: var(--bg-card); border: 1px solid var(--neon-cyan); text-align: center; }
.benefit-stat .stat-value { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; color: var(--neon-cyan); }
.benefit-stat .stat-label { font-size: 0.9rem; color: var(--text-muted); }
.benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.benefit-card { padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; }
.benefit-card:hover { border-color: var(--neon-green); box-shadow: 0 0 30px rgba(57, 255, 20, 0.1); }
.benefit-icon { font-size: 2.5rem; margin-bottom: 20px; }
.benefit-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; color: var(--neon-green); margin-bottom: 15px; }
.process-timeline { position: relative; max-width: 800px; margin: 0 auto; }
.process-timeline::before { content: ''; position: absolute; left: 30px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, var(--neon-cyan), var(--neon-green), var(--neon-pink)); }
.timeline-item { display: flex; gap: 30px; margin-bottom: 40px; position: relative; }
.timeline-number { width: 60px; height: 60px; background: var(--gradient-cyber); color: var(--bg-dark); font-family: 'Orbitron', sans-serif; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; z-index: 1; }
.timeline-content { flex-grow: 1; padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); }
.timeline-content h3 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: var(--neon-cyan); margin-bottom: 15px; }
.timeline-requirements { display: flex; flex-direction: column; gap: 8px; font-size: 0.9rem; color: var(--neon-green); margin-top: 15px; }
.tech-badge { padding: 5px 15px; background: rgba(0, 243, 255, 0.1); border: 1px solid var(--neon-cyan); font-family: 'Space Mono', monospace; font-size: 0.75rem; color: var(--neon-cyan); }
.timeline-formula { background: var(--bg-dark); padding: 15px; margin-top: 15px; }
.timeline-formula code { font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--neon-green); }
.vault-section { background: linear-gradient(180deg, var(--bg-dark) 0%, rgba(57, 255, 20, 0.05) 50%, var(--bg-dark) 100%); }
.vault-hero { text-align: center; margin-bottom: 60px; }
.vault-icon { font-size: 4rem; margin-bottom: 20px; }
.vault-hero h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.vault-stats { display: flex; justify-content: center; gap: 60px; margin-bottom: 20px; }
.vault-value { display: block; font-family: 'Orbitron', sans-serif; font-size: 3rem; color: var(--neon-green); text-shadow: 0 0 30px rgba(57, 255, 20, 0.5); }
.vault-label { font-size: 0.9rem; color: var(--text-muted); }
.vault-note { text-align: center; font-size: 0.85rem; color: var(--text-muted); margin-bottom: 60px; }
.allocation-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.method-card { padding: 30px; background: var(--bg-card); border: 1px solid rgba(57, 255, 20, 0.3); text-align: center; }
.method-card h4 { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; color: var(--neon-green); margin-bottom: 15px; }
.partners-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.partner-card { background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; }
.partner-card.featured { border-color: var(--neon-cyan); box-shadow: 0 0 30px rgba(0, 243, 255, 0.15); }
.partner-logo { padding: 40px; background: var(--bg-panel); text-align: center; font-family: 'Orbitron', sans-serif; font-size: 2rem; color: var(--neon-cyan); }
.partner-info { padding: 30px; }
.partner-info h3 { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; margin-bottom: 10px; }
.partner-status { display: inline-block; padding: 5px 15px; background: rgba(0, 243, 255, 0.1); color: var(--neon-cyan); font-family: 'Space Mono', monospace; font-size: 0.7rem; text-transform: uppercase; margin-bottom: 15px; }
.partner-stats { display: flex; flex-direction: column; gap: 5px; font-size: 0.85rem; color: var(--text-muted); }
.partner-placeholder { padding: 40px; text-align: center; }
.placeholder-icon { font-size: 3rem; margin-bottom: 20px; }
.integration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.integration-card { padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); position: relative; }
.integration-card.primary { border-color: var(--neon-cyan); }
.integration-badge { position: absolute; top: 15px; right: 15px; padding: 5px 10px; background: rgba(0, 243, 255, 0.1); font-family: 'Space Mono', monospace; font-size: 0.65rem; color: var(--neon-cyan); text-transform: uppercase; }
.integration-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; margin-bottom: 15px; }
.integration-card ul { list-style: none; }
.integration-card li { padding: 8px 0; color: var(--text-muted); font-size: 0.9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.security-note { display: flex; gap: 30px; padding: 40px; background: var(--bg-card); border: 1px solid var(--neon-green); }
.security-icon { font-size: 3rem; flex-shrink: 0; }
.security-content h4 { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; color: var(--neon-green); margin-bottom: 15px; }
.apply-section { background: var(--bg-panel); }
.apply-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.apply-info h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.requirements-list { margin: 40px 0; padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); }
.requirements-list h4 { font-family: 'Orbitron', sans-serif; font-size: 1.1rem; color: var(--neon-cyan); margin-bottom: 20px; }
.requirements-list ul { list-style: none; }
.requirements-list li { padding: 10px 0; color: var(--text-secondary); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.contact-email { font-family: 'Space Mono', monospace; color: var(--neon-cyan); text-decoration: none; }
.apply-form { padding: 40px; background: var(--bg-card); border: 1px solid var(--border-glow); }
.form-group { margin-bottom: 20px; }
.form-group.full-width { grid-column: span 2; }
.form-group label { display: block; font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--text-muted); text-transform: uppercase; margin-bottom: 8px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 15px; background: var(--bg-dark); border: 1px solid rgba(255, 255, 255, 0.2); color: var(--text-primary); font-family: 'Rajdhani', sans-serif; font-size: 1rem; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--neon-cyan); box-shadow: 0 0 10px rgba(0, 243, 255, 0.2); }

/* About Page */
.mission-section { background: var(--bg-panel); }
.mission-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.mission-text h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.mission-statement { font-size: 1.5rem; color: var(--neon-cyan); margin-bottom: 30px; font-style: italic; }
.vision-card { padding: 40px; background: var(--bg-card); border: 1px solid var(--neon-green); margin-bottom: 30px; }
.vision-icon { font-size: 3rem; margin-bottom: 15px; }
.vision-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: var(--neon-green); margin-bottom: 15px; }
.vision-stats { display: flex; flex-direction: column; gap: 15px; }
.vision-stat { padding: 20px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.stat-target { font-family: 'Orbitron', sans-serif; font-size: 2rem; color: var(--neon-cyan); }
.problem-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.problem-card { padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 0, 0, 0.2); }
.problem-icon { font-size: 2.5rem; margin-bottom: 15px; }
.problem-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; margin-bottom: 15px; }
.problem-stat { margin-top: 20px; padding: 15px; background: var(--bg-panel); border-left: 3px solid #ff3333; }
.stat-bad { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: #ff3333; margin-right: 10px; }
.solution-content { display: grid; grid-template-columns: 2fr 1fr; gap: 60px; }
.solution-point { display: flex; gap: 20px; margin-bottom: 30px; }
.point-icon { font-size: 2rem; flex-shrink: 0; }
.point-content h3 { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; color: var(--neon-cyan); margin-bottom: 10px; }
.solution-quote { padding: 40px; background: var(--bg-card); border: 1px solid var(--border-glow); }
.solution-quote blockquote { font-style: italic; color: var(--text-secondary); font-size: 1.1rem; line-height: 1.8; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.team-card { padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.team-avatar { margin-bottom: 20px; }
.team-avatar img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto; }
.avatar-placeholder { width: 100px; height: 100px; margin: 0 auto; background: var(--gradient-cyber); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--bg-dark); }
.team-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; margin-bottom: 5px; }
.team-role { font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--neon-cyan); text-transform: uppercase; }
.team-badges { display: flex; gap: 10px; justify-content: center; margin-top: 15px; }
.badge { padding: 5px 10px; background: rgba(0, 243, 255, 0.1); font-size: 0.7rem; color: var(--neon-cyan); }
.team-hiring { text-align: center; padding: 40px; background: var(--bg-card); border: 1px solid var(--border-glow); }
.team-hiring h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; margin-bottom: 15px; }
.roadmap-timeline { position: relative; max-width: 900px; margin: 0 auto; }
.roadmap-phase { display: flex; gap: 30px; margin-bottom: 40px; }
.phase-marker { width: 40px; height: 40px; border-radius: 50%; background: var(--bg-card); border: 2px solid var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.roadmap-phase.completed .phase-marker { background: var(--neon-green); border-color: var(--neon-green); color: var(--bg-dark); }
.roadmap-phase.current .phase-marker { background: var(--neon-cyan); border-color: var(--neon-cyan); color: var(--bg-dark); }
.phase-content { flex-grow: 1; padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); }
.roadmap-phase.completed .phase-content { border-color: var(--neon-green); }
.roadmap-phase.current .phase-content { border-color: var(--neon-cyan); }
.phase-content h3 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; margin-bottom: 5px; }
.phase-date { font-family: 'Space Mono', monospace; font-size: 0.8rem; color: var(--text-muted); }
.phase-content ul { list-style: none; margin-top: 15px; }
.phase-content li { padding: 8px 0; color: var(--text-secondary); }
.backers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.backer-card { padding: 40px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.backer-logo { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; margin-bottom: 10px; }
.backer-type { font-size: 0.8rem; color: var(--text-muted); }
.contact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.contact-info h2 { font-family: 'Orbitron', sans-serif; font-size: 2.5rem; margin-bottom: 20px; }
.contact-channels { margin-top: 40px; }
.channel { display: flex; gap: 15px; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.channel-icon { font-size: 1.5rem; }
.channel-label { font-size: 0.8rem; color: var(--text-muted); }
.channel-info a { color: var(--neon-cyan); text-decoration: none; }
.social-links h3 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; margin-bottom: 30px; }
.social-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.social-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 30px; background: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.1); text-decoration: none; transition: all 0.3s ease; }
.social-card:hover { border-color: var(--neon-cyan); box-shadow: 0 0 20px rgba(0, 243, 255, 0.2); }
.social-icon { font-size: 2rem; }
.social-name { font-family: 'Orbitron', sans-serif; font-size: 1rem; color: var(--text-primary); }
.social-handle { font-size: 0.85rem; color: var(--neon-cyan); }

/* Responsive */
@media (max-width: 1200px) {
    .market-cards, .moat-grid, .tiers-grid, .protection-grid { grid-template-columns: repeat(2, 1fr); }
    .benefits-hero, .apply-content, .mission-content, .solution-content, .contact-content { grid-template-columns: 1fr; }
    .allocation-grid { grid-template-columns: 1fr; }
    .token-hero-grid { grid-template-columns: 1fr; }
}

/* Nav switches to hamburger up to tablets (must match styles.css) */
@media (max-width: 1024px) {
    nav { padding: 0 20px; }
    .nav-links, .nav-cta { display: none; }
    .mobile-menu-btn { display: flex; }

    .nav-container.nav-open {
        background: rgba(3, 3, 8, 0.98) !important;
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
    }

    .nav-container.nav-open nav {
        padding: 10px 20px 16px;
        flex-wrap: wrap;
        row-gap: 10px;
        height: auto !important;
    }

    .nav-container.nav-open .nav-links,
    .nav-container.nav-open .nav-cta {
        display: flex;
        width: 100%;
    }

    .nav-container.nav-open .nav-links {
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
    }

    .nav-container.nav-open .nav-cta {
        justify-content: flex-start;
        gap: 10px;
        margin-top: 8px;
    }

    .nav-container.nav-open .nav-links a {
        display: block;
    }
}

/* Single-column allocation grid variant (used for Financial Split) */
.allocation-grid--single { grid-template-columns: 1fr; }

/* Scrollable containers for charts/tables */
.emission-table, .emission-chart { overflow-x: auto; }

@media (max-width: 768px) {
    .allocation-list--row { grid-template-columns: 1fr; }
    .comparison-grid, .faq-grid, .tech-details, .calc-grid, .utility-grid, .benefits-grid, .partners-grid, .integration-grid, .allocation-methods, .team-grid, .backers-grid, .tiers-grid, .problem-grid { grid-template-columns: 1fr; }
    .simple-step { flex-direction: column; }
    .funding-breakdown { grid-template-columns: repeat(2, 1fr); }
    .vault-stats { flex-direction: column; gap: 30px; }
    .token-stats-row { grid-template-columns: repeat(2, 1fr); }
    .traction-grid { grid-template-columns: 1fr; }
    .address-grid { grid-template-columns: 1fr; }

    /* Investors section mobile fixes */
    .market-cards { grid-template-columns: 1fr; }
    .moat-grid { grid-template-columns: 1fr; }
    .market-card { padding: 25px; }
    .market-value { font-size: 2rem; }
    .moat-item { padding: 20px; }
    .moat-icon { font-size: 2rem; }
    
    /* Revenue table mobile */
    .revenue-row { grid-template-columns: 1fr; gap: 8px; padding: 15px 20px; }
    .revenue-row.header { display: none; }
    .revenue-row span { text-align: left !important; }
    .revenue-row span:first-child { font-weight: 600; color: var(--neon-cyan); }
    .revenue-row span:last-child::before { content: "Est: "; color: var(--text-muted); }
    
    /* Investment ask card mobile */
    .ask-card { padding: 30px 20px; width: 100%; box-sizing: border-box; }
    .ask-amount { font-size: 2.5rem; }
    .ask-breakdown { flex-direction: column; gap: 20px; align-items: center; }
    .breakdown-item { width: 100%; text-align: center; }
    .social-grid { grid-template-columns: 1fr; }
    
    /* Roadmap Timeline Responsive */
    .roadmap-phase { flex-direction: column; gap: 15px; }
    .phase-marker { margin: 0 auto; }
    .phase-content { text-align: center; }
    .roadmap-timeline { padding: 0 10px; }

    /* Tokenomics Mobile Fixes */
    .token-overview { padding: 40px 20px; }
    .token-main-card { padding: 20px; }
    .token-stats-row { gap: 10px; }
    .token-stat { padding: 15px 10px; }
    .token-symbol { flex-direction: column; text-align: center; gap: 10px; }
    .simple-tokenomics { padding: 40px 20px; }
    .simple-box { padding: 20px; flex-direction: column; text-align: center; }
    .simple-icon { margin-bottom: 15px; }
    
    /* Chart adjustments */
    .chart-bars { gap: 10px; }
    .chart-container { padding: 10px; }
}

/* Extra small screens - 6" Android portrait (~480px and below) */
@media (max-width: 480px) {
    /* Investors section - Market Convergence cards */
    .market-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    .market-card {
        padding: 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .market-value {
        font-size: 1.8rem !important;
    }
    .market-label {
        font-size: 0.7rem !important;
    }
    .market-card p {
        font-size: 0.9rem !important;
    }

    /* Investors section - Moat grid */
    .moat-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    .moat-item {
        padding: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Investors section - The Ask card */
    .investment-ask {
        padding: 0 10px;
    }
    .ask-card {
        display: block !important;
        padding: 25px 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .ask-amount {
        font-size: 2rem !important;
    }
    .ask-purpose {
        font-size: 0.85rem !important;
        letter-spacing: 1px !important;
    }
    .ask-breakdown {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
    }
    .breakdown-item {
        width: 100% !important;
        text-align: center !important;
    }
    .breakdown-pct {
        font-size: 1.2rem !important;
    }
    .breakdown-label {
        font-size: 0.8rem !important;
    }

    /* Revenue table for small screens */
    .revenue-table {
        width: 100% !important;
        overflow-x: hidden !important;
    }
    .revenue-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 12px 15px !important;
    }
    .revenue-row.header {
        display: none !important;
    }

    /* Traction grid */
    .traction-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .traction-item {
        padding: 15px !important;
    }

    /* Emission chart extra small-screen fix */
    .emission-section .chart-container {
        padding: 12px 8px 8px 12px !important;
    }
    .emission-section .chart-bars {
        gap: 6px !important;
        padding: 0 20px 20px 0 !important;
    }
}

/* ============================================
   TOKEN CA CARD (Shared Styles)
   ============================================ */

.token-ca-section {
    padding: 60px 40px;
    background: linear-gradient(180deg, var(--bg-dark) 0%, rgba(57, 255, 20, 0.03) 50%, var(--bg-dark) 100%);
}

.token-ca-card {
    max-width: 900px;
    margin: 0 auto;
    background: linear-gradient(135deg, rgba(57, 255, 20, 0.08) 0%, rgba(57, 255, 20, 0.02) 100%);
    border: 2px solid var(--neon-green);
    border-radius: 16px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 0 40px rgba(57, 255, 20, 0.15),
        inset 0 0 60px rgba(57, 255, 20, 0.03);
    animation: ca-card-glow 4s ease-in-out infinite;
}

@keyframes ca-card-glow {
    0%, 100% { 
        box-shadow: 0 0 40px rgba(57, 255, 20, 0.15), inset 0 0 60px rgba(57, 255, 20, 0.03);
    }
    50% { 
        box-shadow: 0 0 60px rgba(57, 255, 20, 0.25), inset 0 0 80px rgba(57, 255, 20, 0.05);
    }
}

.token-ca-card::before {
    content: 'OFFICIAL CONTRACT';
    position: absolute;
    top: 15px;
    right: 25px;
    font-family: 'Space Mono', monospace;
    font-size: 0.7rem;
    color: var(--neon-green);
    letter-spacing: 2px;
    opacity: 0.8;
}

.token-ca-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.token-ca-logo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid var(--neon-green);
    padding: 5px;
    background: var(--bg-dark);
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.3);
}

.token-ca-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.token-ca-title-group h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--neon-green);
    text-shadow: 0 0 20px rgba(57, 255, 20, 0.5);
    margin-bottom: 5px;
}

.token-ca-title-group span {
    font-family: 'Space Mono', monospace;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.token-ca-address-container {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(57, 255, 20, 0.3);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.token-ca-address {
    font-family: 'Space Mono', monospace;
    font-size: 0.95rem;
    color: var(--neon-green);
    word-break: break-all;
    flex: 1;
    min-width: 200px;
}

.token-ca-copy-btn {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--neon-green);
    color: var(--neon-green);
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.token-ca-copy-btn:hover {
    background: rgba(57, 255, 20, 0.15);
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.3);
}

.token-ca-copy-btn.copied {
    background: var(--neon-green);
    color: var(--bg-dark);
}

.token-ca-warning {
    background: rgba(255, 102, 0, 0.1);
    border: 1px solid var(--neon-orange);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.token-ca-warning-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.token-ca-warning-text {
    flex: 1;
}

.token-ca-warning-text strong {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.95rem;
    color: var(--neon-orange);
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.token-ca-warning-text p {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .token-ca-section {
        padding: 40px 20px;
    }

    .token-ca-card {
        padding: 25px;
    }

    .token-ca-card::before {
        position: static;
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .token-ca-header {
        flex-direction: column;
        text-align: center;
    }

    .token-ca-address-container {
        flex-direction: column;
        text-align: center;
    }

    .token-ca-address {
        font-size: 0.8rem;
    }

    .token-ca-warning {
        flex-direction: column;
        text-align: center;
    }
}