/* Border Collie - Shared Design Tokens */
body {
    background-color: #F8FAFC;
    color: #0F172A;
}

.fade-enter {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

.fade-visible {
    opacity: 1;
    transform: translateY(0);
}

.collie-gradient {
    background: linear-gradient(135deg, #065F46 0%, #047857 100%);
}

.collie-gradient-text {
    background: linear-gradient(135deg, #065F46 0%, #047857 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.glass-nav {
    background: rgba(209, 227, 224, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.premium-card {
    background: white;
    border: 1px solid rgba(15, 23, 42, 0.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.premium-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-color: #065F46;
}

.content-shadow {
    box-shadow: 0 50px 100px -20px rgba(15, 23, 42, 0.1);
}