html, body { background: #0a0c10; overscroll-behavior: none; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; } input, select, button, textarea { font-family: inherit; } input::placeholder, textarea::placeholder { color: #5b6678; } input:focus, select:focus, textarea:focus { outline: none; } .ptbtn { transition: transform 0.12s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s, background 0.2s; } .ptbtn:active { transform: scale(0.96); } @keyframes slideup { from { opacity:0; transform:translateY(14px);} to {opacity:1;transform:translateY(0);} } @keyframes fadein { from { opacity:0;} to {opacity:1;} } @keyframes pulse { 0%,100%{opacity:0.35;} 50%{opacity:1;} } @keyframes pop { 0%{transform:scale(0.7);opacity:0;} 55%{transform:scale(1.08);} 100%{transform:scale(1);opacity:1;} } @keyframes shimmer { 0%{background-position:-200% 0;} 100%{background-position:200% 0;} } @keyframes glowpulse { 0%,100%{filter:drop-shadow(0 0 3px currentColor);} 50%{filter:drop-shadow(0 0 9px currentColor);} } @keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-4px);} } .card-enter { animation: slideup 0.45s cubic-bezier(.22,1,.36,1) both; } .stagger > * { animation: slideup 0.5s cubic-bezier(.22,1,.36,1) both; } .stagger > *:nth-child(1){animation-delay:.02s} .stagger > *:nth-child(2){animation-delay:.06s} .stagger > *:nth-child(3){animation-delay:.10s} .stagger > *:nth-child(4){animation-delay:.14s} .stagger > *:nth-child(5){animation-delay:.18s} .stagger > *:nth-child(6){animation-delay:.22s} .stagger > *:nth-child(7){animation-delay:.26s} .stagger > *:nth-child(8){animation-delay:.30s} input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } ::-webkit-scrollbar { width: 0; background: transparent; } @media (prefers-reduced-motion: reduce) { *, .card-enter, .stagger > * { animation: none !important; } }