*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lila:#e8e4ff;--lila-mid:#d3c9ff;--purple:#7b5cff;--purple-dark:#5b3fd4;--dark:#0e0e14;--dark2:#18181f;--white:#fff;--text-dark:#1a1a2e;--text-muted:#557;--card-bg:#fffffff2;--radius:16px}html{scroll-behavior:smooth}body{color:var(--text-dark);background:#ede9ff;font-family:DM Sans,sans-serif;overflow-x:hidden}.hero{background:linear-gradient(#d3c9ff 0%,#dfd8ff 40%,#e8e4ff 80%,#ede9ff 100%);grid-template-columns:1fr 1fr;align-items:center;gap:0;min-height:100vh;padding:32px 5% 80px;display:grid;position:relative;overflow:hidden}.nav{position:absolute;top:32px;left:5%}.nav-logo-img{mix-blend-mode:multiply;width:91px;height:71.05px}.hero-left{padding-top:80px}.hero-title{letter-spacing:0;color:var(--text-dark);width:615px;height:221px;margin-bottom:24px;font-family:Inter,sans-serif;font-size:60px;font-weight:800;line-height:75px}.hero-title .accent{color:var(--purple)}.hero-sub{color:var(--text-muted);max-width:400px;margin-bottom:36px;font-size:18px;line-height:1.6}.checklist-card{background:var(--card-bg);border-radius:var(--radius);border-top:1px solid #f3f4f6;width:615px;height:202px;margin-bottom:40px;padding:28px 32px;box-shadow:0 25px 60px #7b5cff59}.checklist-title{color:var(--text-dark);margin-bottom:18px;font-size:22px;font-weight:600}.checklist-item{color:#444;align-items:center;gap:12px;padding:6px 0;font-size:15px;display:flex}.check-icon{flex-shrink:0;width:22px;height:22px}.check-icon circle{fill:none;stroke:var(--purple);stroke-width:1.5px}.check-icon path{fill:none;stroke:var(--purple);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:background .2s,transform .15s;box-shadow:0 25px 60px #7b5cff59}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-2px)}.hero-right{justify-content:center;align-items:center;margin-left:100px;padding-top:60px;display:flex;position:relative}.phone-wrap{width:356px;position:relative}.phone-img{width:356px;height:718px;display:block}.notif-card{z-index:10;border-radius:16px;width:500px;height:auto;animation:3s ease-in-out infinite floatCard;position:absolute;top:-30px;left:auto;right:-50px;overflow:hidden;box-shadow:0 25px 60px #7b5cff59}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.form-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;width:100%;max-width:580px;padding:48px 48px 44px;box-shadow:0 25px 60px #7b5cff59}.form-title{color:#0f0f1a;margin-bottom:36px;font-family:Inter,sans-serif;font-size:28px;font-weight:800}.form-group{margin-bottom:24px}.form-group label{color:#0f0f1a;margin-bottom:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:block}.form-group input{color:#333;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:var(--purple)}.form-group input::placeholder{color:#c0c0c8}.form-buttons{align-items:center;gap:12px;margin-top:8px;display:flex}.btn-form-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b7cff 0%,#7b5cff 100%);border:none;border-radius:50px;flex:1;padding:18px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 8px 20px #7b5cff4d}.btn-form-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-cancel{color:#0f0f1a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:16px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s}.btn-cancel:hover{border-color:#aaa}.features{background:linear-gradient(#0e0e14 0%,#18181f 25%,#1f1a2e 50%,#2a2040 75%,#352a50 100%);padding:80px 5%}.features-title{letter-spacing:.1em;color:#fff;text-align:center;margin-bottom:72px;font-family:Inter,sans-serif;font-size:36px;font-weight:700}.features-grid{grid-template-columns:1fr 1fr;gap:0;max-width:1200px;margin:0 auto;display:grid}.feature-item{text-align:center;padding:48px 40px}.feature-icon-box{background:var(--purple);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.feature-item h3{color:#fff;letter-spacing:.04em;margin-bottom:12px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.feature-item p{color:#ffffff80;text-align:center;font-size:15px;line-height:1.6}.extra-section{text-align:center;background:linear-gradient(#d3c9ff 0%,#dfd8ff 40%,#e8e4ff 80%,#ede9ff 100%);min-height:100vh;padding:120px 5%}.extra-body{align-items:center;gap:40px;max-width:1300px;margin:0 auto;display:flex}.extra-image{object-fit:contain;flex-shrink:0;width:598px;height:478px}.extra-image2{object-fit:contain;flex-shrink:0;width:616px;height:394px}.extra-title{color:var(--text-dark);margin-bottom:40px;font-family:Inter,sans-serif;font-size:36px;font-weight:800}.footer{background:#1a1a22;padding:60px 8% 0;font-family:Inter,sans-serif}.footer-main{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:48px;display:grid}.footer-logo{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-col h4{color:#fff;margin-bottom:20px;font-size:15px;font-weight:700}.footer-col ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.footer-col ul li{color:#aaa;align-items:center;gap:10px;font-size:14px;display:flex}.footer-col ul li a{color:#aaa;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#fff}.social-icons{gap:10px;margin-bottom:24px;display:flex}.social-btn{background:#7b5cff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:background .2s,transform .15s;display:flex}.social-btn:hover{background:#5b3fd4;transform:translateY(-2px)}.google-play-btn{background:#111;border:1.5px solid #333;border-radius:10px;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;transition:border-color .2s;display:inline-flex}.google-play-btn:hover{border-color:#666}.gp-text{flex-direction:column;display:flex}.gp-small{color:#aaa;letter-spacing:.05em;font-size:10px}.gp-big{color:#fff;font-size:16px;font-weight:600}.footer-bottom{text-align:center;color:#666;padding:20px 0;font-size:13px}@media (prefers-color-scheme:dark){:root{--text-dark:#fff;--text-muted:#d1d5dc;--card-bg:#ffffff0f}body{color:var(--text-dark);background:#0d0a1e}.hero{z-index:0;background:#0d0a1e;grid-template-columns:40% 60%;position:relative}.hero:before,.hero:after{content:"";pointer-events:none;z-index:-1;width:50%;height:70%;position:absolute;top:50%;transform:translateY(-50%)}.hero:before{background:radial-gradient(at 0,#7b5cff66 0%,#0000 70%);left:0}.hero:after{background:radial-gradient(at 100%,#7b5cff66 0%,#0000 70%);right:0}.hero-left{padding-top:60px}.hero-title{color:#fff}.hero-title .accent{color:var(--purple)}.hero-sub{color:#d1d5dc}.nav-logo-img{mix-blend-mode:normal;filter:brightness(0)invert()}.checklist-card{background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 25px 60px #0009}.checklist-title{color:#1a1a2e}.checklist-item{color:#444}.hero-right{justify-content:flex-end;margin-left:0;padding-right:10%}.notif-card{box-shadow:0 25px 60px #0009}.form-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 25px 60px #0009}.form-title,.form-group label{color:#0f0f1a}.form-group input{color:#333;background:#fff;border-color:#e5e7eb}.form-group input:focus{border-color:var(--purple)}.form-group input::placeholder{color:#c0c0c8}.btn-cancel{color:#0f0f1a;background:#fff;border-color:#e5e7eb}.btn-cancel:hover{border-color:#7b5cff}.extra-section{z-index:0;background:#0d0a1e;position:relative;overflow:hidden}.extra-section:before,.extra-section:after{content:"";pointer-events:none;z-index:-1;width:50%;height:70%;position:absolute;top:50%;transform:translateY(-50%)}.extra-section:before{background:radial-gradient(at 0,#7b5cff66 0%,#0000 70%);left:0}.extra-section:after{background:radial-gradient(at 100%,#7b5cff66 0%,#0000 70%);right:0}.extra-title{color:#fff}}