/**
 * CSS Obfuscation Tricks
 * Скрытые трюки для уникализации контента
 */

/* Метод 1: Замена текста через ::before и ::after */
.word-split-1::before {
    content: "Sco";
}
.word-split-1::after {
    content: "tiabank";
}
.word-split-1 {
    font-size: 0;
}

/* Метод 2: Скрытие оригинального текста */
.text-hidden-orig {
    font-size: 0;
    line-height: 0;
}
.text-hidden-orig::before {
    font-size: 1rem;
    line-height: 1.6;
}

/* Метод 3: Инвертирование и обратное инвертирование */
.invert-wrapper {
    filter: invert(0);
}
.invert-inner {
    filter: invert(0);
}

/* Метод 4: Скрытые символы через unicode */
.unicode-trick::after {
    content: "\200B"; /* Zero-width space */
}

/* Метод 5: Разделение слов */
.word-trade::before { content: "iTRA"; }
.word-trade::after { content: "DE"; }
.word-trade { font-size: 0; }

.word-invest::before { content: "Inve"; }
.word-invest::after { content: "sting"; }
.word-invest { font-size: 0; }

/* Метод 6: Визуально идентичные, но разные классы */
.btn-primary-v1 { /* будет использоваться */ }
.btn-primary-v2 { display: none; /* приманка */ }
.btn-primary-v3 { visibility: hidden; /* приманка */ }

/* Метод 7: Использование data-атрибутов для контента */
[data-text]::before {
    content: attr(data-text);
}

/* Метод 8: Пустые правила для обмана */
.decoy-class-1 { }
.decoy-class-2 { }
.decoy-class-3 { }
.decoy-class-4 { }
.decoy-class-5 { }

/* Метод 9: Градиенты с минимальными различиями */
.bg-red-variant-1 { background: linear-gradient(135deg, #EC111A 0%, #BC0D22 100%); }
.bg-red-variant-2 { background: linear-gradient(136deg, #EC111A 0%, #BC0D22 100%); }
.bg-red-variant-3 { background: linear-gradient(134deg, #EC111A 0%, #BC0D22 100%); }

/* Метод 10: Комбинация трансформаций */
.transform-none {
    transform: rotate(0deg) scale(1) translate(0, 0);
}

/* Метод 11: Альтернативные имена для одних и тех же стилей */
.container-main,
.wrapper-primary,
.content-holder {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Метод 12: Использование calc() для обфускации значений */
.calc-width { width: calc(100% - 0px); }
.calc-height { height: calc(100vh - 0px); }
.calc-padding { padding: calc(20px + 0px); }

/* Метод 13: Вариации одного цвета */
.red-1 { color: #EC111A; }
.red-2 { color: rgb(236, 17, 26); }
.red-3 { color: hsl(356, 87%, 50%); }

/* Метод 14: Скрытие через clip-path */
.clip-hidden {
    clip-path: inset(0 0 0 0);
}

/* Метод 15: Использование переменных (будет заменено) */
:root {
    --color-primary: #EC111A;
    --color-primary-dark: #BC0D22;
    --spacing-unit: 20px;
    --font-family-base: 'Scotiabank-Regular', Arial, sans-serif;
}

/* Защита от копирования стилей */
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: text; /* Разрешаем выделение текста для UX */
}

/* Уникальные анимации */
@keyframes fade-unique-1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slide-unique-1 {
    from { transform: translateY(20px); }
    to { transform: translateY(0); }
}

/* Применение уникальных анимаций */
.animated-fade {
    animation: fade-unique-1 0.3s ease-in-out;
}

.animated-slide {
    animation: slide-unique-1 0.4s ease-out;
}