:root { scroll-behavior: smooth; }
        body { background-color: #FDFDFB; color: #1A1A1A; -webkit-font-smoothing: antialiased; }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: currentColor; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        .glass-header { background: rgba(253, 253, 251, 0.85); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.03); }
        .hero-zoom { transition: transform 20s linear; }
        .hero-zoom:hover { transform: scale(1.1); }
        .draggable { position: absolute; cursor: move; user-select: none; touch-action: none; z-index: 10; filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); }
        #canvas-area { background-image: radial-gradient(#d1d1d1 1px, transparent 1px); background-size: 20px 20px; }
        .custom-scroll::-webkit-scrollbar { width: 4px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #6D7E62; border-radius: 10px; }