body{font-family:Arial,sans-serif;background-color:#35e9b33b;color:#333;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.tutorial-container{max-width:1200px;margin:0 auto;padding:20px}.navbar{display:flex;justify-content:center;align-items:center;padding:1rem 2rem}.navbar-logo{display:flex;align-items:center}.logo-image{height:80px;width:auto;transition:transform .3s ease}.logo-image:hover{transform:scale(1.1)}.tutorial-title{font-size:2.5rem;text-align:center;color:#2e2e2e;margin-bottom:30px;animation:fadeInUp 1.2s ease-out}.video-container{display:flex;justify-content:center;margin:30px 0;background:#f9f9f9;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000001a;animation:fadeInUp 1.2s ease-out}.tutorial-video{width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}.tutorial-content{margin-top:40px}.tutorial-text{font-size:1rem;line-height:1.6;margin:15px 0;animation:fadeInUp 1.2s ease-out}.tutorial-section-title{font-size:1.5rem;margin-top:30px;border-bottom:2px solid #4CAF50;padding-bottom:5px;color:#2e2e2e;animation:fadeInUp 1.2s ease-out}.tutorial-list{margin-left:20px;list-style-type:disc;color:#555;animation:fadeInUp 1.2s ease-out}.tutorial-list li{margin:8px 0;line-height:1.5}.tutorial-contact-info{font-size:1rem;color:#4caf50;margin-top:10px}.tutorial-link{color:#4caf50;text-decoration:none;transition:color .3s ease}.tutorial-link:hover{color:#2e8b57;text-decoration:underline}body.dark-mode{background-color:#121212;color:#f5f5f5}.navbar.dark-mode{background-color:#2c2c2c}.tutorial-title.dark-mode{color:#f5f5f5}.video-container.dark-mode{background:#2c2c2c;box-shadow:0 4px 15px #ffffff1a}.tutorial-text.dark-mode{color:#e0e0e0}.tutorial-section-title.dark-mode{color:#f5f5f5;border-bottom:2px solid #4CAF50}.tutorial-list.dark-mode{color:#ddd}.tutorial-container.dark-mode{background-color:#121212}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;padding:1rem}.tutorial-container{padding:15px}.tutorial-title{font-size:2rem;margin-bottom:20px}.tutorial-section-title{font-size:1.3rem}.video-container{padding:15px;margin:20px 0}.tutorial-video{max-width:100%}}@media (max-width: 480px){.tutorial-title{font-size:1.5rem;line-height:1.3}.tutorial-section-title{font-size:1.2rem}.tutorial-text{font-size:.9rem}.video-container{padding:10px}}