* { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #2d3748; background-color: #f8fafc; line-height: 1.6; }
        .my-logo {
            font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;
            font-weight: 800;
            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .nav-hidden { transform: translateX(100%); }
        .nav-visible { transform: translateX(0); }
        .btn-primary { background: linear-gradient(90deg, #4f46e5, #7c3aed); transition: all 0.3s ease; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.4); }
        a, button { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
        p, li { max-width: 75ch; }
        section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .review-card { animation: fadeInUp 0.6s ease-out forwards; opacity: 0; }
        .review-card:nth-child(1) { animation-delay: 0.1s; } .review-card:nth-child(2) { animation-delay: 0.3s; } .review-card:nth-child(3) { animation-delay: 0.5s; }
        #shareBtn, #backToTop { position: fixed; z-index: 40; transition: opacity 0.3s, transform 0.3s; }
        #shareBtn { bottom: 6rem; right: 1.5rem; }
        #backToTop { bottom: 1.5rem; right: 1.5rem; opacity: 0; pointer-events: none; }
        #backToTop.show { opacity: 1; pointer-events: auto; }
        img { max-width: 100%; height: auto; }
        img[data-src] { opacity: 0; transition: opacity 0.5s; }
        img.lazy-loaded { opacity: 1; }
        .container-narrow { max-width: 800px; margin-left: auto; margin-right: auto; }
        @media (max-width: 768px) {
            section { padding-top: 1.5rem; padding-bottom: 1.5rem; }
            .mobile-stack { flex-direction: column; }
        }