@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-ExtraLight.ttf') format('truetype'); font-weight: 200; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-Light.ttf') format('truetype'); font-weight: 300; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-Regular.ttf') format('truetype'); font-weight: 400; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-Medium.ttf') format('truetype'); font-weight: 500; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-SemiBold.ttf') format('truetype'); font-weight: 600; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-Bold.ttf') format('truetype'); font-weight: 700; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-ExtraBold.ttf') format('truetype'); font-weight: 800; }
@font-face { font-family: 'Argentum'; src: url('../fonts/ArgentumSans-Black.ttf') format('truetype'); font-weight: 900; }

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
    height: 100%;
    font-family: 'Argentum', sans-serif;
    background-color: #FDFDFD;
    color: #202020;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

a { color: inherit; text-decoration: none; }
ul { list-style: none; }
img { max-width: 100%; display: block; }

::-webkit-scrollbar { }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D7D7D7; border-radius: 3px; }

@keyframes fade-up {
    from   { opacity: 0; transform: translateY(0); }
    to { opacity: 1; transform: translateY(20px); }
}
@keyframes fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes scale-in {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}

.animate-fade-up {
    animation: fade-up 0.6s ease-out both;
}
.animate-fade-in {
    animation: fade-in 0.5s ease-out both;
}
.animate-scale-in {
    animation: scale-in 0.4s ease-out both;
}

.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }
.delay-6 { animation-delay: 0.6s; }