body{margin:0;font-family:Arial,sans-serif;background:#f9f9f9;color:#222;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#007bff;color:#fff;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.navbar .logo{font-weight:700;font-size:1.2rem}.navbar .links a{color:#fff;text-decoration:none;margin-left:20px;font-weight:500}.navbar .links a:hover{text-decoration:underline}.page{text-align:center;padding:60px 20px}h1{font-size:2.2rem;margin-bottom:15px}p{font-size:1.1rem;margin-bottom:20px;color:#555}.btn{background:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .3s}.btn:hover{background:#0056b3}.success h1{color:green}.cancel h1{color:red}.contact{display:flex;flex-direction:column;align-items:center}.contact-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;text-align:left}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;width:100%;margin-bottom:15px}.contact-form textarea{min-height:100px;resize:vertical}.contact-form button{width:100%}.footer{background:#1e88e5;color:#fff;padding:20px;text-align:center;margin-top:40px}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:20px;font-size:.95rem}.footer-links a{color:#ffeb3b;text-decoration:none;transition:opacity .3s}.footer-links a:hover{opacity:.8}.home-container{font-family:Arial,sans-serif;color:#222;background:#f9f9f9;line-height:1.6}.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#007bff,#00c6ff);color:#fff}.hero h1{font-size:3rem;margin-bottom:10px}.hero .tagline{font-size:1.2rem;margin-bottom:20px}.btn-primary{display:inline-block;background:#fff;color:#007bff;padding:12px 24px;border-radius:6px;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:#e6e6e6}.about{padding:60px 20px;text-align:center;max-width:800px;margin:auto}.about h2{margin-bottom:20px}.features{padding:60px 20px;background:#fff;text-align:center}.features h2{margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card{background:#f1f1f1;padding:20px;border-radius:8px;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.pricing-preview{padding:60px 20px;text-align:center;background:#f9f9f9}.pricing-preview h2{margin-bottom:15px}.footer{background:#222;color:#bbb;text-align:center;padding:20px;margin-top:40px}.contact-container{max-width:1100px;margin:0 auto;padding:50px 20px;font-family:Arial,sans-serif;color:#333}.contact-title{font-size:2.2rem;color:#1e88e5;text-align:center;margin-bottom:10px}.contact-subtitle{text-align:center;color:#666;margin-bottom:40px;font-size:1rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-wrapper{padding:0;background:none;border-radius:0;box-shadow:none}.contact-info{background:none;padding:0;box-shadow:none}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form label{font-size:.95rem;font-weight:600;color:#333;margin-bottom:4px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:border .3s;margin-top:6px;box-sizing:border-box}.contact-form input:focus,.contact-form textarea:focus{border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e533}.contact-form button{background:#1e88e5;color:#fff;border:none;padding:14px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s}.contact-form button:hover{background:#1669bb;transform:translateY(-2px)}.success-msg{font-size:1rem;color:green;text-align:center;font-weight:600}.contact-info h2{margin-bottom:12px;font-size:1.4rem;color:#1e88e5}.contact-info p{margin:8px 0;font-size:.95rem}.contact-info a{color:#1e88e5;text-decoration:none}.contact-info a:hover{text-decoration:underline}.map-container{margin-top:15px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}.navbar{background:#1e88e5;color:#fff;padding:12px 20px;position:sticky;top:0;width:100%;z-index:1000;box-shadow:0 2px 6px #00000026}.navbar-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo a{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none}.logo span{color:#ffeb3b}.links{display:flex;gap:25px}.links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.links a:hover{color:#ffeb3b}.links a.active{color:#ffeb3b;font-weight:600;border-bottom:2px solid #ffeb3b;padding-bottom:2px}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:18px;background:none;border:none;cursor:pointer;padding:0}.hamburger span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}@media (max-width: 768px){.links{position:absolute;top:60px;right:0;background:#1e88e5;flex-direction:column;align-items:flex-start;gap:15px;padding:20px;border-radius:0 0 10px 10px;box-shadow:0 4px 10px #00000026;width:220px;display:none}.links.open,.hamburger{display:flex}}.pricing-page{max-width:1100px;margin:0 auto;padding:50px 20px;text-align:center;font-family:Arial,sans-serif;color:#333}.pricing-title{font-size:2.4rem;margin-bottom:12px;color:#222}.pricing-subtitle{color:#666;margin-bottom:45px;font-size:1rem}.pricing-container{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.pricing-card{position:relative;background:#fff;border-radius:16px;padding:35px 25px;box-shadow:0 6px 16px #00000014;flex:1;min-width:280px;max-width:320px;display:flex;flex-direction:column;align-items:center;transition:transform .3s,box-shadow .3s}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 10px 22px #00000026}.featured{border:2px solid #1e88e5;background:linear-gradient(145deg,#fdfdfd,#f5faff);transform:scale(1.08);z-index:10}.featured .price{color:#1e88e5}.pricing-card h2{font-size:1.6rem;margin-bottom:10px;color:#1e88e5}.price{font-size:1.9rem;font-weight:700;margin:15px 0;color:#222}.pricing-card ul{list-style:none;padding:0;margin:20px 0 30px;text-align:left;width:100%}.pricing-card ul li{margin:10px 0;padding-left:24px;position:relative;font-size:.95rem;color:#444}.pricing-card ul li:before{content:"✔";color:#4caf50;position:absolute;left:0;top:0;font-size:1rem}.btn{background:#1e88e5;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:background .3s,transform .2s;width:100%}.btn:hover{background:#1669bb;transform:translateY(-2px)}.ribbon{position:absolute;top:18px;right:-40px;background:#e53935;color:#fff;padding:7px 45px;transform:rotate(45deg);font-size:.8rem;font-weight:700;box-shadow:0 3px 8px #00000040}@media (max-width: 900px){.pricing-container{flex-direction:column;align-items:center}.featured{transform:scale(1.05)}}.projects-page{max-width:1100px;margin:0 auto;padding:50px 20px;text-align:center;font-family:Arial,sans-serif;color:#333}.projects-title{font-size:2.2rem;margin-bottom:12px;color:#222}.projects-subtitle{color:#666;margin-bottom:40px;font-size:1rem}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.project-card{background:#fff;padding:25px;border-radius:14px;text-align:left;text-decoration:none;color:inherit;box-shadow:0 6px 14px #00000014;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 22px #00000026}.icon-wrapper{background:#f5faff;border-radius:50%;padding:15px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.icon{font-size:1.8rem;color:#1e88e5}.project-card h2{font-size:1.2rem;color:#1e88e5;margin-bottom:10px}.project-card p{font-size:.95rem;color:#444;margin-bottom:15px}.project-link{margin-top:auto;font-weight:600;color:#1e88e5;font-size:.95rem;transition:color .3s}.project-link:hover{color:#1669bb}.payment-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:#f9fafc;min-height:100vh;text-align:center}.payment-page h1{font-size:2rem;color:#222;margin-bottom:10px}.payment-page p{color:#555;max-width:600px;margin-bottom:30px}.payment-box{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.payment-box input{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;text-align:center}.payment-box button{padding:12px;font-size:16px;background-color:#635bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.payment-box button:hover{background-color:#5046d3}.paypal-button-container{margin-top:10px}.privacy-page{max-width:900px;margin:0 auto;padding:50px 20px;font-family:Arial,sans-serif;color:#333;line-height:1.6}.privacy-title{font-size:2.2rem;color:#1e88e5;text-align:center;margin-bottom:10px}.privacy-updated{text-align:center;font-size:.9rem;color:#666;margin-bottom:40px}.privacy-content section{margin-bottom:30px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014}.privacy-content h2{font-size:1.4rem;margin-bottom:10px;color:#1e88e5}.privacy-content p,.privacy-content ul{font-size:1rem;color:#444}.privacy-content ul{margin-left:20px;list-style:disc}.privacy-content a{color:#1e88e5;text-decoration:none}.privacy-content a:hover{text-decoration:underline}.terms-page{max-width:900px;margin:0 auto;padding:50px 20px;font-family:Arial,sans-serif;color:#333;line-height:1.6}.terms-title{font-size:2.2rem;color:#1e88e5;text-align:center;margin-bottom:10px}.terms-updated{text-align:center;font-size:.9rem;color:#666;margin-bottom:40px}.terms-content section{margin-bottom:30px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014}.terms-content h2{font-size:1.4rem;margin-bottom:10px;color:#1e88e5}.terms-content p,.terms-content ul{font-size:1rem;color:#444}.terms-content ul{margin-left:20px;list-style:disc}.terms-content a{color:#1e88e5;text-decoration:none}.terms-content a:hover{text-decoration:underline}
