/* shared.css — общие стили всех страниц */

body {
    background: #ffffff;
    color: #475569;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.anecole-card {
    background: #ffffff;
    border: 1px solid #F1F5F9;
    border-radius: 2rem;
    box-shadow: 0 15px 35px -10px rgba(0,0,0,0.04), 0 5px 15px -5px rgba(0,0,0,0.02);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, box-shadow;
}
.anecole-card:hover {
    transform: translate3d(0,-6px,0);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.08), 0 10px 25px -5px rgba(0,0,0,0.04);
    border-color: #E2E8F0;
}

@keyframes fadeUp {
    from { opacity: 0; transform: translate3d(0,20px,0); }
    to   { opacity: 1; transform: translate3d(0,0,0); }
}
.fade-in-up { animation: fadeUp 0.8s ease-out forwards; opacity: 0; }

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@keyframes slideUp {
    from { transform: translate3d(-50%,100%,0); opacity: 0; }
    to   { transform: translate3d(-50%,0,0);    opacity: 1; }
}

.comparison-table { border-spacing: 0; width: 100%; border-collapse: separate; }
.comparison-table th,
.comparison-table td {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    vertical-align: middle;
}
.comparison-table th {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    color: #0F172A;
}

/* Tailwind custom tokens как CSS-переменные для использования без компилятора */
:root {
    --color-primary: #3B82F6;
    --color-accent:  #00A896;
    --color-navy:    #0F172A;
}