Artclass Site V2 [exclusive] -

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ArtClass — Learn to Create</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,500;0,700;1,400&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <style> :root --bg: #0a0908; --bg-elevated: #151310; --fg: #f4f1eb; --muted: #8a857d; --accent: #e85d04; --accent-soft: #f48c06; --card: #1a1815; --border: #2a2520; --cream: #f4f1eb;

to opacity: 1; transform: translateX(0);

/* Scroll reveal */ .reveal opacity: 0; transform: translateY(30px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); artclass site v2

</style> </head> <body> <div class="noise-overlay" aria-hidden="true"></div>

@keyframes scaleIn from opacity: 0; transform: scale(0.9); meta name="viewport" content="width=device-width

.animate-scale-in opacity: 0; animation: scaleIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;

::-webkit-scrollbar-track background: var(--bg); ArtClass — Learn to Create&lt

html scroll-behavior: smooth;