.novapay-root{--np-bg:#0a0a0f;--np-surface:#12121a;--np-surface-elevated:#1a1a24;--np-border:#ffffff0f;--np-border-hover:#ffffff1f;--np-text:#f0f0f5;--np-text-secondary:#8a8a9a;--np-text-muted:#4a4a5a;--np-accent:#8b5cf6;--np-accent-hover:#a78bfa;--np-accent-muted:#8b5cf626;--np-accent-glow:#8b5cf61a;--np-btn-gradient:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--np-btn-gradient-hover:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--np-btn-glow:#8b5cf64d;--np-font-display:"Space Grotesk", system-ui, sans-serif;--np-font-body:"DM Sans", system-ui, sans-serif;--np-font-mono:"JetBrains Mono", "Courier New", monospace;--np-size-display:clamp(40px, 6vw, 64px);--np-size-h1:clamp(32px, 5vw, 56px);--np-size-h2:clamp(26px, 4vw, 44px);--np-size-h3:clamp(20px, 2.5vw, 28px);--np-size-body:16px;--np-size-sm:14px;--np-size-xs:12px;--np-section-gap:clamp(80px, 10vw, 120px);--np-container-max:1280px;--np-card-pad:24px;--np-card-radius:16px;--np-btn-radius:12px;--np-shadow-card:0 0 0 1px var(--np-border), 0 4px 24px #0006;--np-shadow-card-hover:0 0 0 1px var(--np-accent-muted), 0 8px 32px #06b6d414;--np-shadow-elevated:0 8px 40px #00000080;--np-ease:cubic-bezier(.25, .1, .25, 1);--np-duration-ui:.3s;--np-duration-reveal:.6s;--np-duration-hero:1.2s;--np-stagger:80ms}.novapay-root.light,.light .novapay-root,[data-theme=light] .novapay-root{--np-bg:#fafafa;--np-surface:#fff;--np-surface-elevated:#f5f5f5;--np-border:#0000000f;--np-border-hover:#0000001f;--np-text:#111;--np-text-secondary:#6b7280;--np-text-muted:#9ca3af;--np-accent:#7c3aed;--np-accent-hover:#6d28d9;--np-accent-muted:#7c3aed1a;--np-accent-glow:#7c3aed14;--np-shadow-card:0 0 0 1px var(--np-border), 0 4px 16px #0000000f;--np-shadow-card-hover:0 0 0 1px var(--np-accent-muted), 0 8px 24px #7c3aed1f;--np-btn-gradient:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--np-btn-gradient-hover:linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%);--np-btn-glow:#7c3aed40}.novapay-root{background:var(--np-bg);color:var(--np-text);font-family:var(--np-font-body);font-size:var(--np-size-body);-webkit-font-smoothing:antialiased;transition:background-color var(--np-duration-ui) var(--np-ease), color var(--np-duration-ui) var(--np-ease);line-height:1.6}.np-container{width:100%;max-width:var(--np-container-max);margin-inline:auto;padding-inline:clamp(24px,5vw,0px)}@media (max-width:1280px){.np-container{padding-inline:clamp(24px,5vw,48px)}}.np-section{padding-block:var(--np-section-gap)}.np-display{font-family:var(--np-font-display);font-size:var(--np-size-display);letter-spacing:-.02em;color:var(--np-text);font-weight:700;line-height:1.1}.np-h1{font-family:var(--np-font-display);font-size:var(--np-size-h1);letter-spacing:-.02em;color:var(--np-text);font-weight:700;line-height:1.15}.np-h2{font-family:var(--np-font-display);font-size:var(--np-size-h2);letter-spacing:-.015em;color:var(--np-text);font-weight:600;line-height:1.2}.np-h3{font-family:var(--np-font-display);font-size:var(--np-size-h3);letter-spacing:-.01em;color:var(--np-text);font-weight:600;line-height:1.3}.np-label{font-family:var(--np-font-body);font-size:var(--np-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--np-accent);font-weight:500}.np-mono{font-family:var(--np-font-mono);font-size:var(--np-size-sm);color:var(--np-text-secondary)}.np-card{background:var(--np-surface);border-radius:var(--np-card-radius);padding:var(--np-card-pad);box-shadow:var(--np-shadow-card);transition:box-shadow var(--np-duration-ui) var(--np-ease), transform var(--np-duration-ui) var(--np-ease)}.np-card:hover{box-shadow:var(--np-shadow-card-hover);transform:translateY(-2px)}.np-card-glass{-webkit-backdrop-filter:blur(24px);border:1px solid var(--np-border);border-radius:var(--np-card-radius);padding:var(--np-card-pad);transition:border-color var(--np-duration-ui) var(--np-ease), transform var(--np-duration-ui) var(--np-ease);background:#ffffff08}.np-card-glass:hover{border-color:var(--np-border-hover)}.light .np-card-glass,[data-theme=light] .np-card-glass{background:#ffffffb3}.np-btn-primary{background:var(--np-btn-gradient);color:#fff;font-family:var(--np-font-body);font-size:var(--np-size-sm);border-radius:var(--np-btn-radius);cursor:pointer;transition:filter var(--np-duration-ui) var(--np-ease), transform var(--np-duration-ui) var(--np-ease), box-shadow var(--np-duration-ui) var(--np-ease);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.np-btn-primary:hover{filter:brightness(1.12);box-shadow:0 6px 20px var(--np-btn-glow);transform:translateY(-1px)}.np-btn-ghost{color:var(--np-text);font-family:var(--np-font-body);font-size:var(--np-size-sm);border-radius:var(--np-btn-radius);border:1px solid var(--np-border);cursor:pointer;transition:border-color var(--np-duration-ui) var(--np-ease), color var(--np-duration-ui) var(--np-ease), transform var(--np-duration-ui) var(--np-ease);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:11px 23px;font-weight:500;text-decoration:none;display:inline-flex}.np-btn-ghost:hover{border-color:var(--np-border-hover);color:var(--np-text);transform:translateY(-1px)}.np-dot-grid{background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:24px 24px}.light .np-dot-grid,[data-theme=light] .np-dot-grid{background-image:radial-gradient(circle,#0000000a 1px,#0000 1px)}.np-glow-orb{pointer-events:none;background:radial-gradient(circle, var(--np-accent-glow) 0%, transparent 70%);filter:blur(40px);border-radius:50%;width:600px;height:600px;position:absolute}@media (prefers-reduced-motion:reduce){.novapay-root *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}