/* DAYU Website - Custom Styles */

html { scroll-behavior: smooth; }
body { font-family: 'Satoshi', 'Manrope', sans-serif; }
h1, h2, h3, h4, h5, h6, .font-display { font-family: 'Clash Display', 'Cabinet Grotesk', sans-serif; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #1A1A1A; border-radius: 0; }

/* Marquee */
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.animate-marquee { animation: marquee 30s linear infinite; }

/* Scroll reveal */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Header scroll effect */
.header-scrolled { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background: rgba(255,255,255,0.9) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); }

/* Counter animation */
@keyframes countUp { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }

/* Blog prose */
.blog-content p { margin-bottom: 1rem; line-height: 1.8; color: #52525b; }
.blog-content h2 { font-family: 'Clash Display', sans-serif; font-weight: 700; font-size: 1.5rem; margin: 2rem 0 1rem; color: #1A1A1A; }
.blog-content h3 { font-family: 'Clash Display', sans-serif; font-weight: 600; font-size: 1.25rem; margin: 1.5rem 0 0.75rem; color: #1A1A1A; }

/* Toast notification */
.toast { position: fixed; top: 20px; right: 20px; z-index: 100; padding: 16px 24px; border-radius: 0; font-size: 14px; font-weight: 600; max-width: 400px; animation: slideIn 0.3s ease; }
.toast-success { background: #1A1A1A; color: white; }
.toast-error { background: #B22234; color: white; }
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }