body {
            font-family: 'Noto Serif SC', serif;
            background: linear-gradient(135deg, #fef9f0 0%, #fdf2e9 40%, #fef7f5 100%);
            color: #1c1917;
        }
        body, html { height: 100vh; overflow: hidden; }
        @media (max-width: 768px) {
            body, html { height: auto; min-height: 100vh; overflow: visible; }
            main { height: auto !important; min-height: 60vh; }
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: rgba(180,150,120,0.35); border-radius: 10px; }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-12px); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }

        @keyframes pulse-glow {
            0%, 100% { opacity: 0.6; filter: drop-shadow(0 0 10px rgba(217,119,6,0.15)); }
            50% { opacity: 1; filter: drop-shadow(0 0 25px rgba(217,119,6,0.4)); }
        }
        .animate-pulse-glow { animation: pulse-glow 4s ease-in-out infinite; }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .stagger-1 { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }
        .stagger-2 { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards; opacity: 0; }
        .stagger-3 { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards; opacity: 0; }

        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 30px #fef9f0 inset !important;
            -webkit-text-fill-color: #3d342b !important;
            transition: background-color 5000s ease-in-out 0s;
        }

        .nav-btn {
            transition: all 0.3s ease;
        }
        .nav-btn:hover {
            transform: translateY(-2px);
        }