*{margin:0;padding:0;box-sizing:border-box}html{width:100%;overflow-x:hidden}body{scroll-behavior:smooth;margin:100px 0 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--main-color);color:#333}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#fff;box-shadow:0 2px 6px var(--shadow-color);height:100px;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:var(--theme-color-start);transition:text-shadow .5s ease-in-out}.logo:hover{cursor:pointer;text-shadow:0px 0px 20px var(--theme-color-end)}a{position:relative;color:#000;text-decoration:none;display:inline-block;cursor:pointer;transition:transform .3s ease;margin:10px}a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--theme-color-end);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}a:hover{color:var(--theme-color-end);transform:scale(1.05)}a:hover:after{transform:scaleX(1)}.hero{background:linear-gradient(135deg,var(--theme-color-start),var(--theme-color-end));color:#fff;padding:80px 40px;display:flex;align-items:center;justify-content:center}.hero-content{display:flex;justify-content:space-between;max-width:1000px;width:100%}.hero-text h1{font-size:2.5rem;max-width:500px}.hero-action{display:flex;align-items:center}.get-started{background-color:#fff;color:var(--theme-color-start);border:none;padding:12px 24px;font-size:1rem;border-radius:5px;cursor:pointer;box-shadow:0 4px 10px var(--shadow-color)}.get-started:hover{background-color:#f1f1f1}.about{padding:60px 40px;text-align:center;background-color:#fff}.about h2{font-size:2rem;margin-bottom:20px}.about p{max-width:700px;margin:0 auto;line-height:1.6}.pricing{padding:60px 40px;background:linear-gradient(to bottom,var(--box-bg-start),var(--box-bg-end));text-align:center}.pricing h2{font-size:2rem;margin-bottom:40px}.pricing-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.card{background:#fff;padding:30px;width:280px;border-radius:10px;box-shadow:0 4px 10px var(--shadow-color)}.card h3{margin-top:0;color:var(--theme-color-start)}.card .price{font-size:1.5rem;margin:10px 0 20px;color:#444}.card ul{list-style:none;padding:0;margin-bottom:20px}.card ul li{margin:10px 0}.card button{background-color:var(--theme-color-start);color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer}.card button:hover{background-color:var(--theme-color-end)}.payment-container{max-width:400px;margin:40px auto;padding:30px;background:linear-gradient(to bottom right,var(--box-bg-start),var(--box-bg-end));box-shadow:0 4px 20px var(--shadow-color);border-radius:12px;font-family:Segoe UI,sans-serif}.payment-form h2{margin-bottom:20px;color:var(--theme-color-start);text-align:center}.payment-form .message{margin-top:15px;text-align:center;color:var(--theme-color-start)}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:24px;height:20px;cursor:pointer}.hamburger div{height:3px;background:var(--theme-color-start);border-radius:2px;transition:all .3s ease}.hamburger.open div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.disabled-button{background:linear-gradient(to right,var(--theme-color-start),var(--theme-color-end));color:#777;border:none;padding:10px 18px;border-radius:5px;box-shadow:none;opacity:.5}.disabled-button:hover{cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #00000040;width:300px;text-align:center;display:flex;flex-direction:column;max-height:80vh;overflow-y:auto}.pay-page{background:#f5f5f5;min-height:100vh;font-family:sans-serif}.pay-header{background-color:#1e3a8a;padding:1rem 2rem;color:#fff;display:flex;align-items:center;cursor:pointer}.pay-main{padding:2rem;display:flex;flex-direction:column;align-items:center}.download-cards{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.download-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 0 10px #0000001a;text-align:center;width:280px}.os-icon{width:60px;margin-bottom:1rem}.download-button{display:inline-block;margin-top:1rem;background:linear-gradient(to right,var(--theme-color-start),var(--theme-color-end));color:#fff;padding:.7rem 1.2rem;border-radius:4px;text-decoration:none;font-weight:700;border:none;cursor:pointer;transition:transform .2s,opacity .2s;box-shadow:0 4px 10px var(--shadow-color)}.download-button:hover{transform:translateY(-2px);opacity:.9}.download-title{background:linear-gradient(to right,var(--theme-color-start),var(--theme-color-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0px 0px 20px var(--theme-color-end)}@media (max-width: 768px){.nav{display:none;position:absolute;top:70px;right:20px;background:#fff;flex-direction:column;box-shadow:0 4px 10px var(--shadow-color);border-radius:8px;padding:10px 20px;z-index:1000}.nav.mobile-open{display:flex}.nav a{margin:10px 0;font-size:1rem}.hamburger{display:flex}.header{padding:20px}.hero-content{flex-direction:column;text-align:center;align-items:center;gap:20px}.hero-text h1{font-size:2rem}.pricing-cards{flex-direction:column;align-items:center}#info-container,#pay-once{display:flex;flex-direction:column}}.text-gradient{background:linear-gradient(to right,var(--theme-color-start),var(--theme-color-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.pay-once-get-started{background-color:var(--theme-color-start);border:none;color:#fff;padding:12px 24px;font-size:1rem;border-radius:5px;cursor:pointer;box-shadow:0 4px 10px var(--shadow-color);transition:background-color .5s ease-in-out}.pay-once-get-started:hover{border:1px solid var(--theme-color-end);background-color:#fff;color:var(--theme-color-start)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation-name:spin;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite}.pay-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(to bottom right,var(--box-bg-start),var(--box-bg-end));font-family:Segoe UI,sans-serif}.pay-header{padding:1rem 2rem;background:var(--theme-color-start);color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer}.pay-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.payment-form{width:100%;max-width:400px;padding:2rem;background:#fff;box-shadow:0 4px 20px var(--shadow-color);border-radius:12px;text-align:center}.payment-form h2{margin-bottom:20px;color:var(--theme-color-start)}.card-input{padding:12px;border:1px solid var(--theme-color-end);border-radius:6px;background:#fff;margin-bottom:20px}.payment-form button{background:linear-gradient(to right,var(--theme-color-start),var(--theme-color-end));color:#fff;border:none;border-radius:6px;padding:12px;width:100%;font-size:16px;cursor:pointer;transition:background .3s ease}.payment-form button:disabled{background:#ccc;cursor:not-allowed}.message{margin-top:15px;color:var(--theme-color-start)}.pay-footer{padding:1rem;text-align:center;background:#f5f5f5;color:#444;font-size:.9rem}:root{--theme-color-start: #2e7d32;--theme-color-end: #66bb6a;--main-color: #e1e1e1;--box-bg-start: #ffffff;--box-bg-end: #e8f5e9;--shadow-color: rgba(46, 125, 50, .3)}body,html{margin:0;padding:0;height:100%;background-color:var(--main-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.login-container{display:flex;flex-direction:column;height:100vh}.title-container{display:flex;flex-direction:column;align-items:center;padding:40px 0 20px}.title{font-size:50px;margin:0;background:linear-gradient(90deg,var(--theme-color-start),var(--theme-color-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.sub-title{font-size:30px;margin:0;color:var(--theme-color-start);font-weight:500}.login-selection{flex:1;display:flex;justify-content:center;align-items:center}.login-box{display:flex;flex-direction:column;align-items:center;padding:30px;width:320px;background:linear-gradient(145deg,var(--box-bg-start),var(--box-bg-end));box-shadow:0 4px 12px #2e7d3233,0 8px 24px #2e7d3226,0 12px 36px #2e7d321a;border-radius:12px;gap:10px;transition:box-shadow .3s ease}.login-box:hover{box-shadow:0 6px 16px #2e7d324d,0 12px 32px #2e7d3240,0 18px 48px #2e7d3233}.login-title{margin-top:0;margin-bottom:20px;font-size:25px;text-align:center;color:var(--theme-color-start);font-weight:600}.label{align-self:flex-start;font-weight:600;color:#2a6629;margin-bottom:6px}.input{align-self:flex-start;width:100%;padding:8px 10px;font-size:16px;border:1.5px solid #a5d6a7;border-radius:6px;transition:border-color .3s ease;box-sizing:border-box}.input:focus{outline:none;border-color:var(--theme-color-end);box-shadow:0 0 8px var(--theme-color-end)}.password-input-container{position:relative;width:100%}.password-input-container .input{padding-right:60px;box-sizing:border-box}.toggle-view-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--theme-color-start);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.toggle-view-btn:hover{background-color:var(--box-bg-end)}.login-button{position:relative;background:transparent;color:var(--theme-color-start);padding:10px 30px;font-weight:600;border:none;border-radius:5px;cursor:pointer;z-index:1;overflow:hidden;transition:background .3s ease,box-shadow .3s ease}.login-button:before{content:"";position:absolute;inset:0;border-radius:5px;padding:2px;background:linear-gradient(90deg,var(--theme-color-start),var(--theme-color-end));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:opacity .3s ease}.login-button:hover{background:#e8f5e9;box-shadow:0 4px 12px var(--shadow-color)}.login-button:hover:before{opacity:0}.signup-link{position:relative;color:var(--theme-color-start);text-decoration:none;display:inline-block;cursor:pointer;transition:transform .3s ease}.signup-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--theme-color-start);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.signup-link:hover{transform:scale(1.05)}.signup-link:hover:after{transform:scaleX(1)}.footer{background-color:#fff;text-align:center;padding:20px;font-size:.9rem;color:#777;border-top:1px solid #ddd}