/*
Theme Name: Finance Calc - Premium Financial Toolkit
Theme URI: https://financecalc.com
Author: FinanceCalc Team
Description: A premium suite of 18+ financial calculators with a modern dark fintech UI.
Version: 1.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: financial, calculator, fintech, dark-mode, responsive
Text Domain: financecalc
*/

/* Core Utility Classes */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #000;
    color: #fff;
    overflow-x: hidden;
}

/* Typography Balance */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.02em;
}

/* Logo Animation */
@keyframes coin-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 20px rgba(6, 182, 212, 0.2); }
    50% { box-shadow: 0 0 40px rgba(6, 182, 212, 0.4); }
}

.logo-animate {
    animation: coin-bounce 3s ease-in-out infinite;
}

.logo-glow {
    animation: glow-pulse 4s ease-in-out infinite;
}

/* Input Consistency */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* Responsive Overrides */
@media (max-width: 768px) {
    .text-huge {
        font-size: 4rem;
        line-height: 1;
    }
}