/* Clean white editorial theme inspired by the supplied packaging reference. */
.text-white { color: var(--ink) !important; }
.text-slate-200, .text-slate-300, .text-slate-400 { color: var(--ink-soft) !important; }
.text-muted { color: var(--muted) !important; }
.bg-base { background-color: var(--base) !important; }
.bg-surface { background-color: var(--surface) !important; }
.bg-surface2 { background-color: var(--surface2) !important; }
.border-border { border-color: var(--border) !important; }
.border-border2 { border-color: var(--border2) !important; }

body { font-family: 'DM Sans', 'Inter', system-ui, sans-serif; }
::selection { background: rgba(99, 188, 168, .3); color: var(--ink); }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: var(--border2); }

.grid-bg { background-image: linear-gradient(rgba(32, 41, 168, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 188, 168, .07) 1px, transparent 1px); background-size: 48px 48px; }
.dot-bg { background-image: radial-gradient(rgba(32, 41, 168, .14) 1px, transparent 1px); }
.glass-card { background: rgba(255,255,255,.94); border-color: var(--border); border-radius: 1.25rem; box-shadow: 0 12px 38px rgba(32,41,168,.06); }
.glass-card:hover { border-color: var(--cyan); box-shadow: 0 16px 42px rgba(32,41,168,.10); }
.glow-border { box-shadow: 0 0 0 1px rgba(99,188,168,.55), 0 18px 48px rgba(99,188,168,.16); }
.glow-soft { box-shadow: 0 18px 48px rgba(99,188,168,.14); }

.btn-crypto { background: var(--blue); color: #fff !important; border-radius: .8rem; box-shadow: 0 10px 22px rgba(32,41,168,.2); }
.btn-crypto:hover { background: #171f91; box-shadow: 0 14px 28px rgba(32,41,168,.28); }
.btn-outline { border-color: var(--blue); color: var(--blue) !important; border-radius: .8rem; }
.btn-outline:hover { background: rgba(32,41,168,.06); box-shadow: 0 10px 24px rgba(32,41,168,.1); }
.btn-crypto.btn-outline { color: #fff !important; }
.btn-ghost { color: var(--ink-soft); }
.btn-ghost:hover { color: var(--blue); }
.gradient-text { background-image: linear-gradient(90deg, var(--blue), var(--cyan), var(--blue)); }
.gradient-text-glow { filter: none; }

.terminal { background: var(--ink); border-color: var(--ink); box-shadow: 0 24px 60px rgba(32,41,168,.18); }
.terminal-bar { background: #171d68; border-color: rgba(255,255,255,.12); }
.terminal-title { color: #d8e8ff; }
.terminal-body { color: #fff; }
.cursor { color: #8ce4ca; }
.orb-cyan { background: rgba(99,188,168,.2); }
.orb-blue { background: rgba(32,41,168,.12); }
.pulse-badge { border-color: rgba(47,155,120,.3); background: rgba(99,188,168,.1); color: var(--success); }
.pulse-dot { background: var(--success); }

.input-dark, input.input-dark, textarea.input-dark, select.input-dark { background: #fff; color: var(--ink); border-color: var(--border2); border-radius: .8rem; box-shadow: 0 3px 12px rgba(32,41,168,.04); }
.input-dark::placeholder { color: #81918e; }
.input-dark:focus, input.input-dark:focus, textarea.input-dark:focus, select.input-dark:focus { background: #fff; color: var(--ink); border-color: var(--blue); box-shadow: 0 0 0 4px rgba(32,41,168,.1); }
.input-dark:-webkit-autofill, input.input-dark:-webkit-autofill, input.input-dark:-webkit-autofill:focus { -webkit-text-fill-color: var(--ink); -webkit-box-shadow: 0 0 0 1000px #fff inset; background-color: #fff; }

.step-dot { background: #fff; color: var(--muted); border-color: var(--border2); }
.step-dot.active { background: var(--blue); border-color: var(--blue); color: #fff; box-shadow: 0 8px 18px rgba(32,41,168,.2); }
.step-dot.done { background: rgba(99,188,168,.12); border-color: var(--success); color: var(--success); }
.step-line.done { background: var(--success); }
.faq-item summary { color: var(--ink); }
.faq-item summary:hover { color: var(--blue); }
.logo-fallback { color: var(--blue); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }