:root{--primary-color:#03abfc;--secondary-color:#0388c7;--text-color:#333;--light-gray:#f5f5f5;--medium-gray:#ddd;--dark-gray:#666}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%;font-family:'Montserrat',sans-serif}body{color:var(--text-color);line-height:1.6}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:1000}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none}.logo span{color:var(--secondary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:600;transition:color 0.3s}.nav-links a:hover{color:var(--primary-color)}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color 0.3s;border:none;cursor:pointer}.btn:hover{background-color:var(--secondary-color);color:#fff}.hero{padding:120px 0 60px;background-color:var(--light-gray);text-align:center}.hero h1{font-size:36px;margin-bottom:20px;color:var(--text-color)}.hero p{font-size:18px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto;color:var(--dark-gray)}.hero-img{max-width:80%;height:auto;margin-top:40px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1);display:block;margin-left:auto;margin-right:auto}@media screen and (min-width: 992px){.hero-img{max-width:95%;margin-top:30px}.hero-image-container{max-width:800px;margin:0 auto}}.features{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:32px;color:var(--text-color);margin-bottom:15px}.section-title p{color:var(--dark-gray);max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;text-align:center}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.feature-icon{font-size:40px;color:var(--primary-color);margin-bottom:20px}.feature-card h3{font-size:20px;margin-bottom:15px}.feature-card p{color:var(--dark-gray)}.app-screenshots{padding:80px 0;background-color:var(--light-gray)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.screenshot{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.screenshot img{width:100%;height:auto;display:block;transition:transform 0.3s}.screenshot:hover img{transform:scale(1.05)}.security{padding:80px 0;background-color:#fff}.security .section-title h2{font-size:36px;font-weight:600;margin-bottom:10px}.security .section-title p{font-size:20px;font-weight:400;color:#86868b;margin-bottom:50px}.security-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1000px;margin:0 auto}.security-image img{width:90%;height:auto;display:block;margin:0 auto}.security-text h3{font-size:28px;font-weight:600;color:var(--text-color);margin-bottom:20px;line-height:1.3}.security-text p{font-size:17px;color:#86868b;margin-bottom:30px;line-height:1.6;max-width:90%}.security-features{display:flex;flex-direction:column;gap:16px}.security-feature{display:flex;align-items:center}.security-feature i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;font-size:16px;border-radius:50%;margin-right:15px}.security-feature span{font-weight:500;font-size:17px;color:var(--text-color)}.contact{padding:80px 0}.contact-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;align-items:start}.contact-info h3{font-size:24px;margin-bottom:20px;color:var(--text-color)}.contact-info p{margin-bottom:15px;color:var(--dark-gray);line-height:1.7}.contact-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color)}input,textarea{width:100%;padding:12px 15px;border:1px solid var(--medium-gray);border-radius:5px;font-family:'Montserrat',sans-serif;font-size:15px;transition:border-color 0.3s}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(3,171,252,0.1)}textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%;padding:12px;margin-top:10px;font-size:16px}#form-message{margin-top:15px;text-align:center}.beta-signup-form{max-width:500px;margin:30px auto 0}.beta-form-group{display:flex;border-radius:5px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.beta-form-group input[type="email"]{flex:1;border:1px solid var(--medium-gray);border-right:none;border-radius:5px 0 0 5px;padding:12px 15px;font-size:15px}.beta-form-group .btn{border-radius:0 5px 5px 0;padding:0 20px;white-space:nowrap}#beta-form-message{margin-top:10px;text-align:center;min-height:20px}footer{background-color:var(--text-color);color:#fff;padding:40px 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:25px}.footer-logo{max-width:150px;margin-bottom:20px}.footer-logo img{width:100%;height:auto}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.footer-links a{color:#fff;margin:0 15px;text-decoration:none;font-weight:500;transition:color 0.3s;padding:5px}.footer-links a:hover{color:var(--primary-color)}.social-links{display:flex;justify-content:center;gap:25px;margin:10px 0 25px}.social-links a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--primary-color);border-radius:50%;color:white;font-size:22px;transition:all 0.3s ease;box-shadow:0 4px 8px rgba(0,0,0,0.15);border:2px solid transparent}.social-links a:hover{background-color:white;color:var(--primary-color);transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 6px 12px rgba(0,0,0,0.2)}.copyright{color:var(--medium-gray);font-size:14px}@media screen and (max-width:768px){.mobile-menu-toggle{display:block;background:none;border:none;width:30px;height:30px;position:relative;cursor:pointer;z-index:10}.mobile-menu-toggle span{display:block;width:100%;height:3px;background-color:#333;margin:5px 0;transition:all 0.3s ease}.mobile-nav{position:fixed;top:0;right:-100%;width:70%;max-width:250px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,0.1);display:flex;flex-direction:column;padding-top:70px;transition:right 0.3s ease;z-index:9}.mobile-nav.active{right:0}.mobile-nav li{margin:0;width:100%}.mobile-nav li a{display:block;padding:15px 20px;text-align:left;font-size:16px}.hero .container{display:flex;flex-direction:column;padding-top:2rem}.hero h1{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}.hero-img{margin-top:1.5rem;max-width:90%}.beta-form-group{flex-direction:column;box-shadow:none}.beta-form-group input[type="email"]{border-right:1px solid var(--medium-gray);border-radius:5px;margin-bottom:10px}.beta-form-group .btn{border-radius:5px;width:100%;padding:12px}.security-content{grid-template-columns:1fr;text-align:center;gap:40px}.footer-links{flex-direction:column;gap:10px}.footer-links a{margin:0;padding:8px}}@media screen and (max-width:480px){.hero h1{font-size:1.6rem}.hero p{font-size:0.95rem}}@media screen and (min-width:769px){.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form,.responsive-form{width:100%;max-width:none}}.social-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--medium-gray);text-align:center}.social-section h3{font-size:20px;margin-bottom:20px;color:var(--text-color);position:relative;display:inline-block}.social-section h3:after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:70%;height:3px;background-color:var(--primary-color);border-radius:2px}.social-section .social-links{margin-top:25px}.social-banner{padding:60px 0;background-color:var(--primary-color);color:white;text-align:center}.social-banner-content{max-width:800px;margin:0 auto}.social-banner h2{font-size:32px;margin-bottom:15px;font-weight:600}.social-banner p{font-size:18px;margin-bottom:30px;opacity:0.9}.social-banner .social-links{margin-top:30px}.social-banner .social-links a{width:60px;height:60px;background-color:white;color:var(--primary-color);font-size:24px;border:none;box-shadow:0 5px 15px rgba(0,0,0,0.15)}.social-banner .social-links a:hover{transform:translateY(-8px);background-color:white;color:var(--secondary-color);box-shadow:0 8px 20px rgba(0,0,0,0.2)}