@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap');

:root {
    --primary: #1e2937;
}

html,
body {
    scroll-behavior: smooth !important;
}

.tail-container {
    font-family: 'Inter', system_ui, sans-serif;
}

.heading-font {
    font-family: 'Playfair Display', serif;
}

.hero-bg {
    background: linear-gradient(135deg, #1e2937 0%, #0f172a 100%);
}

.nav-link {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link:hover {
    color: #f59e0b;
    transform: translateY(-2px);
}

.feature-card {
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.feature-card:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 25px 50px -12px rgb(245 158 11 / 0.25);
}

.pricing-card {
    transition: all 0.3s ease;
}

.pricing-card.popular {
    border: 3px solid #f59e0b;
    transform: scale(1.05);
}

.gavel-icon {
    animation: hammer-swing 3s infinite alternate ease-in-out;
}

@keyframes hammer-swing {
    0% { transform: rotate(-12deg); }
    100% { transform: rotate(12deg); }
}

.form-input {
    transition: all 0.3s ease;
}

.form-input:focus {
    border-color: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);
}

/* price pop animation */
@keyframes pricePop {
    0% { transform: scale(1); }
    40% { transform: scale(1.25); }
    100% { transform: scale(1); }
}

.price-pop {
    display: inline-block;
    transform-origin: center center;
    animation: pricePop 0.35s ease;
}

/* flash effect */
@keyframes flash {
    0% { background: rgba(245,158,11,0.35); }
    100% { background: transparent; }
}

.flash {
    animation: flash 0.6s ease;
}

@keyframes pulseBid {
    0% { box-shadow: 0 0 0 0 rgba(245,158,11,0.7); }
    100% { box-shadow: 0 0 0 12px rgba(245,158,11,0); }
}

.bid-pulse {
    animation: pulseBid 0.8s ease;
}

@keyframes bidSlide {
    0% {
        transform: translateX(12px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bid-new {
    color: #f59e0b;
    font-weight: 600;
    animation: bidSlide 0.28s ease;
}

button {
  cursor: pointer;
}

.leading {
    background-color: #16a34a !important;
}