*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}body{background-color: rgb(24, 24, 29);color: white;position: relative;min-height: 100vh}body::before{content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url('./background.webp');background-size: cover;background-position: center;opacity: 0.4;z-index: -1}.topbar{background-color: rgba(24, 24, 29, 0.9);padding: 15px 0;position: sticky;top: 0;z-index: 100;backdrop-filter: blur(5px);border-bottom: 1px solid rgba(255, 255, 255, 0.1)}.topbar-content{max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center}.logo-container{display: flex;align-items: center;gap: 10px}.logo{height: 30px;width: auto}.logo-text{font-size: 1.5rem;font-weight: bold;background: white;-webkit-background-clip: text;background-clip: text;color: transparent}.nav-links{display: flex;gap: 25px}.nav-link{color: white;text-decoration: none;font-weight: 500;position: relative;padding: 5px 0;transition: color 0.3s ease}.nav-link:hover{color: rgba(255, 255, 255, 0.7)}.nav-link::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: linear-gradient(90deg, #0077ff, #0055cc);transition: width 0.3s ease}.nav-link:hover::after{width: 100%}.hero{text-align: center;padding: 80px 0 40px}.hero-title{font-size: 3.5rem;margin-bottom: 20px;background: white;-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block}.hero-subtitle{font-size: 1.5rem;color: rgba(255, 255, 255, 0.9);max-width: 700px;margin: 0 auto}.features-container{max-width: 1200px;margin: 40px auto;padding: 0 20px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px}.feature-box{background-color: rgba(24, 24, 29, 0.8);border-radius: 10px;padding: 30px;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.1)}.feature-box:hover{transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 85, 204, 0.2)}.feature-box h3{font-size: 1.5rem;margin-bottom: 15px;background: white;-webkit-background-clip: text;background-clip: text;color: transparent}.feature-box p{color: rgba(255, 255, 255, 0.7);line-height: 1.6}.download-container{text-align: center;margin: 60px 0}.download-btn{background: linear-gradient(90deg, #0077ff, #0055cc);color: white;border: none;padding: 15px 30px;font-size: 1.2rem;border-radius: 5px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease}.download-btn:hover{transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 85, 204, 0.4)}.modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 1000;justify-content: center;align-items: center}@keyframes modalSlideUp{from{transform: translateY(10px);opacity: 0}to{transform: translateY(0);opacity: 1}}.modal[style*="display: flex"] .modal-content{animation: modalSlideUp 0.3s ease-out forwards}.modal-content{background-color: rgb(24, 24, 29);padding: 30px;border-radius: 10px;max-width: 800px;width: 90%;max-height: 80vh;overflow-y: auto;border: 1px solid rgba(255, 255, 255, 0.1);transform: translateY(0);opacity: 1}.modal-content h2{margin-bottom: 20px;text-align: center;background: white;-webkit-background-clip: text;background-clip: text;color: transparent}.tos-content{margin-bottom: 30px}.tos-content ol{margin: 15px 0;padding-left: 30px}.tos-content li{margin-bottom: 10px}.tos-content p{margin-bottom: 15px;color: rgba(255, 255, 255, 0.8);line-height: 1.6}.modal-buttons{display: flex;justify-content: center;gap: 20px;margin-top: 20px}.modal-btn{padding: 10px 20px;border: none;border-radius: 5px;font-weight: bold;cursor: pointer;transition: transform 0.3s ease}.modal-btn:hover{transform: translateY(-2px)}.accept-btn{background: linear-gradient(90deg, #0077ff, #0055cc);color: white}.reject-btn{background-color: rgba(255, 255, 255, 0.1);color: white}.pricing-container{max-width: 1200px;margin: 60px auto;padding: 0 20px;text-align: center}.pricing-title{font-size: 2.5rem;margin-bottom: 40px;background: white;-webkit-background-clip: text;background-clip: text;color: transparent}.pricing-boxes{display: flex;gap: 40px;justify-content: center;flex-wrap: wrap}.pricing-box{background-color: rgba(24, 24, 29, 0.8);border-radius: 10px;padding: 30px;width: 350px;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.1)}.pricing-box:hover{transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 85, 204, 0.2)}.pricing-box h2{font-size: 1.8rem;margin-bottom: 15px}.price{font-size: 2.5rem;margin: 20px 0;background: linear-gradient(90deg, #0099ff, #0077ff);-webkit-background-clip: text;background-clip: text;color: transparent}.pricing-box p{color: rgba(255, 255, 255, 0.7);margin-bottom: 30px;line-height: 1.6}.purchase-btn{display: inline-block;background: linear-gradient(90deg, #0077ff, #0055cc);color: white;text-decoration: none;padding: 10px 30px;border-radius: 5px;font-weight: bold;transition: transform 0.3s ease}.purchase-btn:hover{transform: translateY(-3px)}.tos-container{max-width: 800px;margin: 60px auto;padding: 0 20px;background-color: rgba(24, 24, 29, 0.8);border-radius: 10px;padding: 30px;border: 1px solid rgba(255, 255, 255, 0.1)}.tos-container h1{text-align: center;margin-bottom: 30px;background: white;-webkit-background-clip: text;background-clip: text;color: transparent}.tos-content{color: rgba(255, 255, 255, 0.8);line-height: 1.6}.tos-content ol{margin: 20px 0;padding-left: 30px}.tos-content li{margin-bottom: 15px}@media (max-width: 768px){.features-container{grid-template-columns: 1fr}.topbar-content{flex-direction: column;gap: 15px}.nav-links{flex-wrap: wrap;justify-content: center}.hero-title{font-size: 2.5rem}.hero-subtitle{font-size: 1.2rem}.pricing-boxes{flex-direction: column;align-items: center}.pricing-box{width: 100%}}