@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#9a62a9;--primary-light:#b57bc4;--primary-dark:#7a4d8a;--secondary-color:#ec4899;--secondary-light:#f472b6;--secondary-dark:#db2777;--tertiary-color:#06b6d4;--tertiary-light:#22d3ee;--tertiary-dark:#0891b2;--background-color:#fefefe;--surface-color:#fff;--surface-variant:#f8fafc;--outline-color:#e2e8f0;--on-background:#1a0b2e;--on-surface:#1a0b2e;--on-surface-variant:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--accent-color:var(--tertiary-color);--text-color:var(--on-background)}*{box-sizing:border-box;scroll-margin:60px}body{background-color:#fefefe;background-color:var(--background-color);color:#1a0b2e;color:var(--text-color);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}.vivy-wrapper{min-height:100vh;position:relative}.floating-shape{filter:blur(50px);opacity:.15;position:absolute;will-change:transform;z-index:-1}.shape-1,.shape-10,.shape-13,.shape-16,.shape-19,.shape-22,.shape-25,.shape-28,.shape-4,.shape-7{animation:float 20s ease-in-out infinite}.shape-11,.shape-14,.shape-17,.shape-2,.shape-20,.shape-23,.shape-26,.shape-29,.shape-5,.shape-8{animation:float-slow 25s ease-in-out infinite}.shape-12,.shape-15,.shape-18,.shape-21,.shape-24,.shape-27,.shape-3,.shape-30,.shape-6,.shape-9{animation:float-fast 18s ease-in-out infinite}.shape-1{animation-delay:0s;animation-duration:25s;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:200px;left:5%;top:10%;width:200px}.shape-1,.shape-2{background:#9a62a9;background:var(--primary-color)}.shape-2{animation-delay:2s;animation-duration:30s;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:250px;right:10%;top:60%;width:250px}.shape-3{animation-delay:4s;animation-duration:22s;border-radius:50% 50% 20% 80%/25% 80% 20% 75%;bottom:20%;height:180px;left:15%;width:180px}.shape-3,.shape-4{background:#9a62a9;background:var(--primary-color)}.shape-4{animation-delay:1s;animation-duration:28s;border-radius:70% 30% 80% 20%/70% 80% 30% 20%;bottom:15%;height:220px;right:5%;width:220px}.shape-5{animation-delay:3s;animation-duration:24s;border-radius:40% 60% 60% 40%/60% 40% 60% 40%;height:160px;right:20%;top:25%;width:160px}.shape-5,.shape-6{background:#9a62a9;background:var(--primary-color)}.shape-6{animation-delay:1.5s;animation-duration:26s;border-radius:50%;height:200px;left:30%;top:50%;width:200px}.shape-7{animation-delay:2.5s;animation-duration:20s;border-radius:60% 40% 70% 30%/30% 60% 40% 70%;height:150px;right:40%;top:5%;width:150px}.shape-7,.shape-8{background:#9a62a9;background:var(--primary-color)}.shape-8{animation-delay:4.5s;animation-duration:27s;border-radius:40% 60% 50% 50%/50% 50% 60% 40%;bottom:30%;height:180px;left:40%;width:180px}.shape-9{animation-delay:.5s;animation-duration:32s;border-radius:70% 30% 30% 70%/70% 70% 30% 30%;height:240px;right:25%;top:55%;width:240px}.shape-10,.shape-9{background:#9a62a9;background:var(--primary-color)}.shape-10{animation-delay:3.5s;animation-duration:23s;border-radius:30% 70% 50% 50%/50% 50% 70% 30%;height:140px;left:5%;top:80%;width:140px}.shape-11{animation-delay:1.8s;animation-duration:29s;border-radius:50% 50% 80% 20%/80% 20% 50% 50%;bottom:5%;height:170px;right:30%;width:170px}.shape-11,.shape-12{background:#9a62a9;background:var(--primary-color)}.shape-12{animation-delay:2.8s;animation-duration:31s;border-radius:20% 80% 20% 80%/80% 20% 80% 20%;height:190px;left:60%;top:10%;width:190px}.shape-13{animation-delay:1.2s;animation-duration:18s;border-radius:50%;height:120px;left:8%;top:35%;width:120px}.shape-13,.shape-14{background:#9a62a9;background:var(--primary-color)}.shape-14{animation-delay:3.8s;animation-duration:26s;border-radius:45% 55% 35% 65%/55% 35% 65% 45%;height:160px;right:35%;top:70%;width:160px}.shape-15{animation-delay:.8s;animation-duration:22s;border-radius:30% 70% 50% 50%/50% 50% 70% 30%;bottom:40%;height:100px;left:25%;width:100px}.shape-15,.shape-16{background:#9a62a9;background:var(--primary-color)}.shape-16{animation-delay:4.2s;animation-duration:29s;border-radius:65% 35% 75% 25%/35% 65% 25% 75%;height:180px;right:15%;top:15%;width:180px}.shape-17{animation-delay:2.2s;animation-duration:24s;border-radius:50%;bottom:10%;height:140px;left:50%;width:140px}.shape-17,.shape-18{background:#9a62a9;background:var(--primary-color)}.shape-18{animation-delay:1.6s;animation-duration:20s;border-radius:40% 60% 50% 50%/60% 40% 60% 40%;height:110px;right:8%;top:45%;width:110px}.shape-19{animation-delay:3.2s;animation-duration:27s;border-radius:55% 45% 65% 35%/45% 55% 35% 65%;height:200px;right:45%;top:85%;width:200px}.shape-19,.shape-20{background:#9a62a9;background:var(--primary-color)}.shape-20{animation-delay:.4s;animation-duration:21s;border-radius:50%;height:130px;left:45%;top:30%;width:130px}.shape-21{animation-delay:4.6s;animation-duration:30s;border-radius:35% 65% 45% 55%/65% 35% 55% 45%;bottom:25%;height:150px;right:20%;width:150px}.shape-21,.shape-22{background:#9a62a9;background:var(--primary-color)}.shape-22{animation-delay:2.6s;animation-duration:19s;border-radius:50%;height:90px;left:20%;top:65%;width:90px}.shape-23{animation-delay:1.4s;animation-duration:25s;border-radius:60% 40% 70% 30%/40% 60% 30% 70%;height:170px;left:35%;top:5%;width:170px}.shape-23,.shape-24{background:#9a62a9;background:var(--primary-color)}.shape-24{animation-delay:3.6s;animation-duration:23s;border-radius:50% 50% 30% 70%/70% 30% 50% 50%;bottom:50%;height:120px;left:70%;width:120px}.shape-25{animation-delay:.6s;animation-duration:17s;border-radius:50%;height:95px;right:50%;top:40%;width:95px}.shape-25,.shape-26{background:#9a62a9;background:var(--primary-color)}.shape-26{animation-delay:4.4s;animation-duration:28s;border-radius:50% 50% 60% 40%/40% 60% 50% 50%;bottom:15%;height:145px;left:12%;width:145px}.shape-27{animation-delay:2.4s;animation-duration:20s;border-radius:50%;height:115px;right:12%;top:75%;width:115px}.shape-27,.shape-28{background:#9a62a9;background:var(--primary-color)}.shape-28{animation-delay:1.8s;animation-duration:26s;border-radius:45% 55% 40% 60%/55% 45% 60% 40%;height:155px;left:75%;top:20%;width:155px}.shape-29{animation-delay:3.4s;animation-duration:18s;border-radius:50%;bottom:35%;height:105px;right:55%;width:105px}.shape-29,.shape-30{background:#9a62a9;background:var(--primary-color)}.shape-30{animation-delay:.2s;animation-duration:22s;border-radius:50% 50% 45% 55%/55% 45% 50% 50%;height:135px;left:55%;top:50%;width:135px}@keyframes float{0%{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(40px,-30px) rotate(90deg) scale(1.15)}50%{transform:translate(-30px,40px) rotate(180deg) scale(.85)}75%{transform:translate(30px,30px) rotate(270deg) scale(1.1)}to{transform:translate(0) rotate(1turn) scale(1)}}@keyframes float-slow{0%{transform:translate(0) rotate(0deg) scale(1)}33%{transform:translate(25px,-15px) rotate(120deg) scale(1.08)}66%{transform:translate(-15px,25px) rotate(240deg) scale(.92)}to{transform:translate(0) rotate(1turn) scale(1)}}@keyframes float-fast{0%{transform:translate(0) rotate(0deg) scale(1)}20%{transform:translate(20px,-25px) rotate(72deg) scale(1.12)}40%{transform:translate(-25px,20px) rotate(144deg) scale(.88)}60%{transform:translate(25px,25px) rotate(216deg) scale(1.1)}80%{transform:translate(-20px,-20px) rotate(288deg) scale(.95)}to{transform:translate(0) rotate(1turn) scale(1)}}.vivy-header{align-items:center;display:flex;gap:80px;justify-content:space-between;margin:0 auto;max-width:1400px;overflow:hidden;padding:100px 120px;position:relative}.vivy-hero-content{flex:1 1;max-width:600px}.vivy-logo-top{height:60px;margin-bottom:2rem;transition:transform .3s;width:auto}.vivy-logo-top:hover{transform:scale(1.05)}.vivy-hero-mockup{align-items:center;display:flex;flex:1 1;justify-content:center}.vivy-mockup-container{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;box-shadow:0 8px 32px #9a62a914;max-width:100%;padding:20px}.vivy-mockup-container img{border-radius:12px;display:block;height:auto;width:100%}.vivy-header h1{animation:fadeInUp 1s ease forwards;color:#1a0b2e;color:var(--on-background);font-size:3.5rem;font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin-bottom:1rem;opacity:0;transform:translateY(20px)}.vivy-header h2{animation:fadeInUp 1s ease .2s forwards;font-size:1.5rem;font-weight:500;letter-spacing:-.3px;line-height:1.6;margin-bottom:1.5rem}.vivy-header h2,.vivy-header p{color:#64748b;color:var(--on-surface-variant);opacity:0;transform:translateY(20px)}.vivy-header p{animation:fadeInUp 1s ease .4s forwards;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:600px}.vivy-hero-image{animation:fadeIn 1s ease .6s forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 24px #9a62a91f;height:auto;max-width:45%;opacity:0;transform:perspective(1000px) rotateY(-3deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.vivy-hero-image:hover{box-shadow:0 32px 80px #0000001f,0 12px 32px #9a62a929;transform:perspective(1000px) rotateY(0deg) translateY(-8px)}.vivy-cta-buttons{animation:fadeInUp 1s ease .6s forwards;display:flex;gap:1rem;opacity:0;transform:translateY(20px)}.vivy-cta-buttons button{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:-.2px;padding:1rem 2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-btn-primary{background:#9a62a9;background:var(--primary-color);box-shadow:0 4px 16px #9a62a933;color:#fff}.vivy-btn-secondary{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);box-shadow:0 2px 8px #0000000a;color:#1a0b2e;color:var(--on-background)}.vivy-btn-primary:hover{box-shadow:0 8px 24px #9a62a94d;transform:translateY(-2px)}.vivy-btn-secondary:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 4px 12px #9a62a91a;color:#9a62a9;color:var(--primary-color);transform:translateY(-2px)}.vivy-cta-buttons button:first-child{background:#9a62a9;background:var(--primary-color);box-shadow:0 4px 16px #9a62a933;color:#fff}.vivy-cta-buttons button:last-child{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);box-shadow:0 2px 8px #0000000a;color:#1a0b2e;color:var(--on-background)}.vivy-cta-buttons button:first-child:hover{box-shadow:0 8px 24px #9a62a94d;transform:translateY(-2px)}.vivy-cta-buttons button:last-child:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 4px 12px #9a62a91a;color:#9a62a9;color:var(--primary-color);transform:translateY(-2px)}.vivy-hero-download{animation:fadeInUp 1s ease .8s forwards;margin-top:1.5rem;opacity:0;transform:translateY(20px)}.vivy-app-store-button-hero{background:#1a0b2e;background:var(--on-background);border-radius:14px;color:#fff;color:var(--surface-color);font-size:.95rem;padding:12px 24px}.vivy-app-store-button-hero:hover{background:#9a62a9;background:var(--primary-color);transform:translateY(-2px)}.vivy-app-store-button-hero svg{height:28px;width:28px}.vivy-app-store-button-hero .vivy-app-store-label{font-size:.7rem}.vivy-app-store-button-hero .vivy-app-store-name{font-size:1.1rem}.vivy-section{margin:0 auto;max-width:1400px;padding:80px 120px;position:relative}.flex .vivy-section{padding:80px 20px}.vivy-section-subtitle{color:#64748b;color:var(--on-surface-variant);font-size:1.25rem;font-weight:400;letter-spacing:-.2px;margin-bottom:3rem;text-align:center}.vivy-services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.vivy-service-card{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;padding:2.5rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-service-card:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 8px 24px #9a62a91f;transform:translateY(-4px)}.vivy-service-icon{align-items:center;background:#9a62a9;background:var(--primary-color);border-radius:16px;box-shadow:0 4px 12px #9a62a933;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.vivy-service-card h3{color:#1a0b2e;color:var(--on-background);font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:1rem}.vivy-service-card p{color:#64748b;color:var(--on-surface-variant);flex-grow:1;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.vivy-service-features{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.vivy-service-features li{align-items:center;color:#64748b;color:var(--on-surface-variant);display:flex;font-size:.9rem;gap:.5rem;line-height:1.5}.vivy-service-features li:before{color:#9a62a9;color:var(--primary-color);content:"✓";flex-shrink:0;font-size:1rem;font-weight:700}.vivy-pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.vivy-pricing-card{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:2.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-pricing-card:hover{box-shadow:0 8px 24px #9a62a91f;transform:translateY(-4px)}.vivy-pricing-card-featured{border:2px solid #9a62a9;border:2px solid var(--primary-color);box-shadow:0 4px 16px #9a62a926;transform:scale(1.05)}.vivy-pricing-card-lifetime{background:linear-gradient(135deg,#9a62a908,#9a62a903);border:2px solid #7a4d8a;border:2px solid var(--primary-dark);box-shadow:0 4px 16px #9a62a926}.vivy-featured-badge{background:#9a62a9;background:var(--primary-color);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.vivy-lifetime-badge{background:linear-gradient(135deg,#7a4d8a,#9a62a9);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 2px 8px #9a62a94d}.vivy-pricing-card h3{color:#1a0b2e;color:var(--on-background);font-size:1.75rem;font-weight:700;letter-spacing:-.4px;margin-bottom:1rem}.vivy-price{margin-bottom:.5rem;position:relative}.vivy-price-original{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:4px}.vivy-price-original-amount{font-size:1.5rem;font-weight:600;text-decoration:line-through}.vivy-price-original-amount,.vivy-price-original-period{color:#64748b;color:var(--on-surface-variant);opacity:.6}.vivy-price-original-period{font-size:1rem}.vivy-price-discounted{align-items:baseline;display:flex;gap:4px;justify-content:center}.vivy-price-amount{color:#9a62a9;color:var(--primary-color);font-size:3rem;font-weight:800;letter-spacing:-1px}.vivy-price-period{color:#64748b;color:var(--on-surface-variant);font-size:1.25rem;font-weight:500}.vivy-discount-badge{background:#ec4899;background:var(--secondary-color);border-radius:12px;box-shadow:0 2px 8px #ec48994d;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:-8px;top:-8px}.vivy-price-yearly{align-items:center;color:#64748b;color:var(--on-surface-variant);display:flex;flex-wrap:wrap;font-size:.95rem;gap:8px;justify-content:center;margin-bottom:2rem}.vivy-price-original-inline{margin-right:4px;opacity:.6;text-decoration:line-through}.vivy-price-discounted-inline{color:#9a62a9;color:var(--primary-color);font-weight:700}.vivy-discount-badge-inline{background:#ec4899;background:var(--secondary-color);border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem}.vivy-pricing-features{list-style:none;margin:2rem 0;padding:0;text-align:left}.vivy-pricing-features li{align-items:center;color:#1a0b2e;color:var(--on-background);display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 0}.vivy-pricing-features li svg{color:#9a62a9;color:var(--primary-color);flex-shrink:0}.vivy-pricing-card button{margin-top:1.5rem;width:100%}.vivy-download-container{margin:0 auto;max-width:1000px;text-align:center}.vivy-download-content h2{color:#1a0b2e;color:var(--on-background);font-size:2.5rem;font-weight:800;letter-spacing:-.8px;margin-bottom:1rem}.vivy-download-subtitle{color:#64748b;color:var(--on-surface-variant);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px}.vivy-download-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.vivy-app-store-button{align-items:center;background:#1a0b2e;background:var(--on-background);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000026;color:#fff;color:var(--surface-color);display:inline-flex;font-weight:600;gap:12px;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-app-store-button:hover{background:#9a62a9;background:var(--primary-color);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.vivy-app-store-button svg{flex-shrink:0;height:32px;width:32px}.vivy-app-store-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.vivy-app-store-label{font-size:.75rem;font-weight:400;line-height:1;margin-bottom:2px;opacity:.9}.vivy-app-store-name{font-size:1.25rem;font-weight:700;letter-spacing:-.3px;line-height:1}.vivy-download-note{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;margin-top:1rem}.vivy-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.vivy-feature-item{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:12px;display:flex;flex-direction:column;padding:2rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-feature-item:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 4px 16px #9a62a91a;transform:translateY(-4px)}.vivy-feature-icon{align-items:center;background:#9a62a9;background:var(--primary-color);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.vivy-feature-item h4{color:#1a0b2e;color:var(--on-background);font-size:1.1rem;font-weight:600;letter-spacing:-.2px;margin:0 0 .5rem}.vivy-feature-item p{color:#64748b;color:var(--on-surface-variant);font-size:.9rem;line-height:1.5;margin:0}.vivy-section h2{color:#1a0b2e;color:var(--on-background);font-size:2.5rem;font-weight:800;letter-spacing:-.8px;margin-bottom:4rem;opacity:0;text-align:center;transform:translateY(20px)}.vivy-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.vivy-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-feature-card:before{background:#9a62a9;background:var(--primary-color);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.vivy-feature-card:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 12px 32px #9a62a91f,0 4px 12px #0000000f;transform:translateY(-8px)}.vivy-feature-card:hover:before{opacity:1}.vivy-feature-card img{border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;height:200px;margin-bottom:1.25rem;object-fit:cover;width:100%}.vivy-feature-card h3{color:#1a0b2e;color:var(--on-background);font-size:1.5rem;font-weight:700;letter-spacing:-.4px;margin-bottom:.75rem}.vivy-feature-card p{color:#64748b;color:var(--on-surface-variant);font-size:1rem;line-height:1.6}.vivy-form{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;overflow:hidden;padding:2.5rem 2rem;position:relative;width:100%}.vivy-form:before{background:#9a62a9;background:var(--primary-color);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.vivy-form input,.vivy-form textarea{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;color:#1a0b2e;color:var(--on-background);font-family:inherit;font-size:1rem;margin-bottom:0;padding:1rem 1.25rem;resize:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.vivy-form input:focus,.vivy-form textarea:focus{background:#f8fafc;background:var(--surface-variant);border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 0 0 3px #9a62a91a;outline:none}.vivy-label{color:#9a62a9;color:var(--primary-color);font-size:1.08rem;font-weight:700;margin:.5rem 0 .2rem}.vivy-checkbox-group{grid-gap:.7rem 1.2rem;display:grid;gap:.7rem 1.2rem;grid-template-columns:1fr 1fr;margin:.5rem 0 1.2rem}.vivy-checkbox-group label{align-items:center;background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:12px;color:#1a0b2e;color:var(--on-background);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.vivy-checkbox-group label:hover{background:#fff;background:var(--surface-color);border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 2px 8px #9a62a91a;transform:translateY(-1px)}.vivy-form input[type=checkbox]{margin:0;width:auto}.vivy-form button,.vivy-pricing-card button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:-.2px;margin:.5rem auto 0;padding:1rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.vivy-form button{background:#9a62a9;background:var(--primary-color);box-shadow:0 4px 16px #9a62a933;color:#fff}.vivy-form button:hover:not(:disabled),.vivy-pricing-card button:hover:not(:disabled){box-shadow:0 8px 24px #9a62a94d;transform:translateY(-2px)}.vivy-form button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:700px){.vivy-form{border-radius:14px;max-width:98vw;padding:1.2rem}.vivy-checkbox-group{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.vivy-footer{background:#fff;background:var(--surface-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--outline-color);margin-top:4rem;padding:4rem 120px 2rem}.footer-content{margin:0 auto;max-width:1400px}.footer-main{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 2fr 1fr;margin-bottom:2rem}.footer-brand{text-align:left}.footer-made-by{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;margin:0}.footer-made-by a{color:#9a62a9;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.footer-made-by a:hover{color:#7a4d8a;color:var(--primary-dark)}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-link-button{background:none;border:none;color:#64748b;color:var(--on-surface-variant);cursor:pointer;font-family:inherit;font-size:.95rem;padding:0;text-decoration:none;transition:color .2s}.footer-link-button:hover{color:#9a62a9;color:var(--primary-color)}.footer-links a{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#9a62a9;color:var(--primary-color)}.footer-socials{gap:1rem;justify-content:flex-end}.footer-copyright,.footer-socials a{color:#64748b;color:var(--on-surface-variant)}.footer-copyright{border-top:1px solid #e2e8f0;border-top:1px solid var(--outline-color);font-size:.875rem;margin-top:2rem;padding-top:2rem;text-align:center}@media (max-width:768px){.vivy-header{flex-direction:column;gap:40px;padding:60px 20px;text-align:center}.vivy-hero-content{max-width:100%}.vivy-hero-mockup{width:100%}.vivy-mockup-container{max-width:100%}.vivy-hero-image{margin-top:2rem;max-width:100%}.vivy-cta-buttons{flex-direction:column;justify-content:center}.vivy-section{padding:60px 20px}.vivy-pricing-grid,.vivy-services-grid{gap:1.5rem;grid-template-columns:1fr}.vivy-pricing-card-featured{transform:scale(1)}.vivy-price-original-amount{font-size:1.25rem}.vivy-price-amount{font-size:2.5rem}.vivy-discount-badge{display:inline-block;margin-top:8px;position:static}.vivy-features-grid{gap:1rem;grid-template-columns:1fr}.vivy-feature-item,.vivy-service-card{text-align:center}.vivy-feature-icon,.vivy-service-icon{margin-left:auto;margin-right:auto}.footer-main{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-links,.footer-socials{justify-content:center}.vivy-footer{padding:3rem 20px 2rem}}.vivy-header .logo{height:60px;margin-bottom:2rem;transition:transform .3s}.vivy-header .logo:hover{transform:scale(1.05)}.vivy-section h2{color:#1a0b2e!important;color:var(--on-background)!important;opacity:1!important;position:relative;z-index:1}.vivy-label{color:#9a62a9!important;color:var(--primary-color)!important;opacity:1!important}.vivy-section,.vivy-wrapper{opacity:1!important;z-index:auto!important}.flex{display:flex;justify-content:center}.footer-disclaimer,.form-disclaimer{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;letter-spacing:.01em;margin-top:1.5rem;text-align:center}.footer-disclaimer a,.form-disclaimer a{color:#9a62a9;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.footer-disclaimer a:hover,.form-disclaimer a:hover{color:#ec4899;color:var(--secondary-color);text-decoration:underline}.footer-socials{display:flex;gap:1.2rem;justify-content:center;margin-bottom:1.2rem}.footer-socials a{color:#1a0b2e;color:var(--on-background);display:block;transition:color .2s}.footer-socials a:hover{color:#9a62a9;color:var(--primary-color)}.footer-socials a:hover svg{box-shadow:0 4px 16px #9a62a921;transform:scale(1.13) rotate(-6deg)}.footer-newsletter{align-items:center;background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:0;justify-content:center;margin:0 auto 1.5rem;max-width:450px;padding:.25rem .5rem}.footer-newsletter input[type=email]{background:#0000;border:none;border-radius:12px 0 0 12px;color:#1a0b2e;color:var(--on-background);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:.9rem 1.25rem}.footer-newsletter input[type=email]::placeholder{color:#64748b;color:var(--on-surface-variant)}.footer-newsletter button{align-items:center;background:#9a62a9;background:var(--primary-color);border:none;border-radius:0 12px 12px 0;box-shadow:0 2px 8px #9a62a933;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;letter-spacing:-.2px;padding:.9rem 1.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.footer-newsletter button:hover:not(:disabled){box-shadow:0 4px 12px #9a62a94d;transform:translateY(-1px)}.footer-newsletter button:disabled{cursor:not-allowed;opacity:.7}.faq-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:800px}.faq-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:before{background:#9a62a9;background:var(--primary-color);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.faq-item:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 4px 16px #9a62a914;transform:translateY(-2px)}.faq-item.is-open:before,.faq-item:hover:before{opacity:1}.faq-item.is-open{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 8px 24px #9a62a91f,0 4px 12px #0000000f}.faq-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:all .2s;width:100%}.faq-button:hover{background:#9a62a905}.faq-question-text{color:#1a0b2e;color:var(--on-background);flex:1 1;font-size:1.1rem;font-weight:600;letter-spacing:-.2px;line-height:1.4}.faq-item.is-open .faq-question-text{color:#9a62a9;color:var(--primary-color)}.faq-icon{align-items:center;background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:10px;color:#64748b;color:var(--on-surface-variant);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.faq-item:hover .faq-icon{background:#9a62a91a}.faq-icon.is-open,.faq-item:hover .faq-icon{border-color:#9a62a9;border-color:var(--primary-color);color:#9a62a9;color:var(--primary-color)}.faq-icon.is-open{background:#9a62a926;transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.faq-content.is-open{max-height:500px}.faq-content-inner{padding:0 2rem 1.5rem}.faq-content p{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;line-height:1.7;margin:0}@media (max-width:768px){.faq-button{padding:1.25rem 1.5rem}.faq-question-text{font-size:1rem}.faq-content-inner{padding:0 1.5rem 1.25rem}.faq-icon{height:28px;width:28px}}.vivy-feature-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:75%}.vivy-list-item{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;display:flex;gap:1.5rem;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.vivy-list-item:before{background:#9a62a9;background:var(--primary-color);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.vivy-list-item:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 12px 32px #9a62a91f,0 4px 12px #0000000f;transform:translateY(-6px)}.vivy-list-item:hover:before{opacity:1}.vivy-list-item-icon{align-items:center;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;transition:transform .2s;width:56px}.vivy-list-item:hover .vivy-list-item-icon{transform:scale(1.1)}.vivy-list-item h3{color:#1a0b2e;color:var(--on-background);font-size:1.35rem;font-weight:700;letter-spacing:-.3px;margin-bottom:.5rem;margin-top:0}.vivy-list-item p{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.vivy-feature-list{grid-template-columns:1fr}.vivy-list-item{align-items:center;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.vivy-list-item-icon{font-size:1.1rem;height:35px;width:35px}.vivy-list-item p{font-size:12px}}.vivy-ai-features{display:flex;flex-direction:column;gap:6rem;margin:0 auto;max-width:1000px;padding:0 1rem}.vivy-ai-feature-row{align-items:center;display:flex;gap:3rem;opacity:0;transform:translateY(30px);transition:all .7s ease-out}.vivy-ai-feature-row.visible{opacity:1;transform:translateY(0)}.vivy-ai-feature-row:nth-child(2n){flex-direction:row-reverse}.vivy-ai-feature-row-content{flex:1 1;padding:1.5rem 0}.vivy-ai-feature-row-content h3{color:#1a0b2e;color:var(--on-background);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.8rem}.vivy-ai-feature-row-content p{color:#64748b;color:var(--on-surface-variant);font-size:1.1rem;line-height:1.7}.vivy-ai-feature-row-image{border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 24px #9a62a91f;flex-shrink:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:45%}.vivy-ai-feature-row-image:hover{box-shadow:0 32px 80px #0000001f,0 12px 32px #9a62a929;transform:translateY(-8px)}.vivy-ai-feature-row-image img{border-radius:24px;display:block;height:auto;width:100%}.auth-container{align-items:center;background:#9a62a9;background:var(--primary-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-form h2{color:#1a0b2e;color:var(--text-color);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#1a0b2e;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:6px}.auth-form button,.form-group input{font-size:1rem;padding:.75rem;width:100%}.auth-form button{background:#9a62a9;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;transition:background-color .2s}.auth-form button:hover{background:#ec4899;background:var(--secondary-color)}.error-message{background:#fee;border-radius:6px;color:#c00;margin-bottom:1rem;padding:.75rem;text-align:center}.auth-switch{color:#1a0b2e;color:var(--text-color);margin-top:1rem;text-align:center}.auth-switch a{color:#9a62a9;color:var(--primary-color);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard h1{color:#1a0b2e;color:var(--text-color);margin-bottom:2rem}.submissions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.submission-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.submission-card:before{background:#9a62a9;background:var(--primary-color);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.submission-card:hover{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 12px 32px #9a62a91f,0 4px 12px #0000000f;transform:translateY(-4px)}.submission-card:hover:before{opacity:1}.submission-card h3{color:#1a0b2e;color:var(--on-background);font-size:1.25rem;font-weight:700;letter-spacing:-.4px;margin-bottom:1rem}.submission-card p{color:#64748b;color:var(--on-surface-variant);font-size:.95rem;line-height:1.6;margin:.75rem 0}.submission-card strong{color:#1a0b2e;color:var(--on-background);font-weight:600}.loading{align-items:center;color:#1a0b2e;color:var(--text-color);display:flex;font-size:1.2rem;gap:12px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #9a62a91a;border-radius:50%;border-top:3px solid var(--primary-color);height:24px;width:24px}.form-status{align-items:center;animation:fadeInStatus .25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 12px #00000014;display:flex;font-size:.97rem;font-weight:500;gap:8px;max-width:260px;min-height:0;min-width:0;padding:8px 18px;position:fixed;right:32px;top:32px;transition:opacity .2s,transform .2s;z-index:1000}@keyframes fadeInStatus{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-status p{color:inherit;font-size:.97rem;font-weight:500;margin:0}.status-icon{align-items:center;display:flex;font-size:1.1rem;margin-right:4px}.status-loading{border:1px solid #9a62a9;border:1px solid var(--primary-color);color:#9a62a9;color:var(--primary-color)}.status-success{border:1px solid #1e7e34;color:#1e7e34}.status-error{border:1px solid #d93025;color:#d93025}.footer-newsletter button:disabled,.vivy-form button:disabled{cursor:not-allowed;opacity:.7}.footer-newsletter button.loading,.vivy-form button.loading{align-items:center;display:flex;gap:8px;justify-content:center;min-width:140px}.footer-newsletter button.loading .spinner,.vivy-form button.loading .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.dashboard-flex{background:#fefefe;background:var(--background-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-sidebar{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border-right:1px solid #e2e8f0;border-right:1px solid var(--outline-color);box-shadow:4px 0 24px #0000000a,1px 0 4px #00000005;color:#1a0b2e;color:var(--on-background);display:flex;flex-direction:column;min-height:100vh;padding:2rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;width:280px}.dashboard-sidebar h2{color:#1a0b2e;color:var(--on-background);font-size:1.75rem;font-weight:800;letter-spacing:-.8px;margin-bottom:2.5rem}.dashboard-sidebar nav ul{list-style:none;margin:0 0 2rem;padding:0;width:100%}.dashboard-sidebar nav ul li{border-radius:16px;color:#64748b;color:var(--on-surface-variant);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-sidebar nav ul li:hover{background:#f8fafc;background:var(--surface-variant);color:#1a0b2e;color:var(--on-background);transform:translateX(4px)}.dashboard-sidebar nav ul li.active{background:#9a62a91a;border-left:3px solid #9a62a9;border-left:3px solid var(--primary-color);box-shadow:0 2px 8px #9a62a91a;color:#9a62a9;color:var(--primary-color);transform:translateX(4px)}.logout-btn{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#1a0b2e;color:var(--on-background);cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:.875rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.logout-btn:hover{background:#fff;background:var(--surface-color);border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 4px 12px #9a62a91a;color:#9a62a9;color:var(--primary-color);transform:translateY(-1px)}.dashboard-main{background:#fefefe;background:var(--background-color);flex:1 1;min-height:100vh;padding:2.5rem}.dashboard-main h1{color:#1a0b2e;color:var(--on-background);font-size:2rem;font-weight:800;letter-spacing:-.8px;margin-bottom:2rem}.data-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;overflow:hidden}.data-table{border-collapse:collapse;font-size:.95rem;width:100%}.data-table thead{background:#f8fafc;background:var(--surface-variant);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--outline-color)}.data-table thead th{color:#1a0b2e;color:var(--on-background);font-size:.9rem;font-weight:700;letter-spacing:-.2px;letter-spacing:.5px;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--outline-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover{background:#f8fafc;background:var(--surface-variant)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{color:#1a0b2e;color:var(--on-background);padding:1.25rem 1.5rem;vertical-align:middle}.data-table tbody td strong{color:#1a0b2e;color:var(--on-background);font-weight:600}.table-user-info{gap:.75rem}.table-avatar,.table-user-info{align-items:center;display:flex}.table-avatar{background:#9a62a9;background:var(--primary-color);border-radius:12px;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.table-cell-truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{align-items:center;display:flex;gap:.5rem}.table-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.table-btn-primary{background:linear-gradient(135deg,#9a62a9,#7a4d8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px #9a62a933;color:#fff}.table-btn-primary:hover{background:linear-gradient(135deg,#7a4d8a,#9a62a9);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 6px 20px #9a62a966;transform:translateY(-2px)}.table-btn-secondary{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);color:#1a0b2e;color:var(--on-background)}.table-btn-secondary:hover{background:#fff;background:var(--surface-color);border-color:#9a62a9;border-color:var(--primary-color);color:#9a62a9;color:var(--primary-color)}.table-btn-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--error-color)}.table-btn-danger:hover{background:#ef4444;background:var(--error-color);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-1px)}.table-input,.table-textarea{background:#f8fafc;background:var(--surface-variant);border:1px solid #e2e8f0;border:1px solid var(--outline-color);border-radius:8px;color:#1a0b2e;color:var(--on-background);font-family:inherit;font-size:.9rem;outline:none;padding:.5rem .75rem;transition:all .2s;width:100%}.table-input:focus,.table-textarea:focus{border-color:#9a62a9;border-color:var(--primary-color);box-shadow:0 0 0 3px #9a62a91a}.table-textarea{min-height:60px;resize:vertical}@media (max-width:900px){.dashboard-flex{flex-direction:column}.dashboard-sidebar{align-items:center;box-shadow:none;flex-direction:row;min-height:0;min-height:auto;padding:1rem;width:100%}.dashboard-sidebar h2{font-size:1.3rem;margin-bottom:0;margin-right:1.5rem}.dashboard-sidebar nav ul{display:flex;flex-direction:row;gap:.5rem;margin-bottom:0}.dashboard-sidebar nav ul li{font-size:1rem;margin-bottom:0;padding:.7rem 1rem}.logout-btn{font-size:1rem;margin-left:auto;margin-top:0;padding:.7rem 1rem}.data-table-container{overflow-x:auto}.data-table{min-width:800px}.data-table tbody td,.data-table thead th{font-size:.85rem;padding:.875rem 1rem}.table-actions{flex-direction:column;gap:.25rem}.table-btn{font-size:.8rem;padding:.4rem .75rem;width:100%}}@media (max-width:768px){.vivy-section{padding:1rem 2rem}.vivy-header{gap:30px;padding:40px 20px}.vivy-header h1{font-size:2em}.vivy-header h2{font-size:1em!important}.vivy-cta-buttons button{padding:1em}.vivy-section h2{font-size:1.5em;margin-bottom:2rem}.vivy-feature-card{padding:1em}.vivy-feature-card h3{font-size:1em;margin:0}.vivy-ai-features{gap:1rem}.vivy-ai-feature-row{gap:.5rem}.vivy-feature-list{max-width:100%}.flex{flex-direction:column}.vivy-form button{width:100%}.vivy-footer{margin-top:0}.vivy-ai-features{gap:0;padding:0}.vivy-ai-feature-row{flex-direction:column-reverse!important;gap:1rem;text-align:center}.vivy-ai-feature-row-image{width:50%}.vivy-ai-feature-row-content{padding-top:0}.vivy-ai-feature-row-content p{font-size:12px}.vivy-ai-feature-row-content h3{font-size:1.2rem}}.legal-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.legal-modal-content{animation:slideUp .3s ease;background:var(--surface-color);border:1px solid var(--outline-color);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.legal-modal-header{align-items:center;background:var(--surface-variant);border-bottom:1px solid var(--outline-color);display:flex;justify-content:space-between;padding:24px 28px}.legal-modal-header h2{color:var(--on-background);font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.legal-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--on-surface-variant);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.legal-modal-close:hover{background:var(--surface-color);color:var(--on-background)}.legal-modal-body{flex:1 1;overflow-y:auto;padding:28px}.legal-modal-body h3{color:var(--primary-color);font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:12px;margin-top:24px}.legal-modal-body h3:first-child{margin-top:0}.legal-modal-body h4{color:var(--on-background);font-size:1.2rem;font-weight:600;margin-bottom:8px;margin-top:16px}.legal-modal-body p{color:var(--on-surface-variant);font-size:1rem;line-height:1.7;margin-bottom:16px}.legal-modal-body ul{list-style:none;margin:12px 0;padding:0}.legal-modal-body ul li{color:var(--on-surface-variant);line-height:1.6;padding:8px 0 8px 24px;position:relative}.legal-modal-body ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:8px;position:absolute}.legal-modal-body ol{margin:12px 0;padding-left:24px}.legal-modal-body ol li{color:var(--on-surface-variant);line-height:1.6;padding:4px 0}.legal-modal-contact-box{background:var(--primary-color);background:linear-gradient(135deg,#9a62a91a,#9a62a90d);border:1px solid #9a62a933;border-radius:16px;margin-top:24px;padding:20px}.legal-modal-contact-box h4{color:var(--on-background);margin-bottom:12px;margin-top:0}.legal-modal-contact-box a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s}.legal-modal-contact-box a:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:768px){.legal-modal-content{border-radius:16px;max-height:95vh}.legal-modal-header{padding:20px}.legal-modal-header h2{font-size:1.5rem}.legal-modal-body{padding:20px}}.user-subscription-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.user-subscription-modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--surface-color);border:1px solid var(--outline-color);border-radius:24px;box-shadow:0 24px 80px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.user-modal-header{align-items:center;background:linear-gradient(135deg,#9a62a90d,#9a62a905);border-bottom:1px solid var(--outline-color);display:flex;justify-content:space-between;padding:28px 32px}.user-modal-header-left{align-items:center;display:flex;gap:16px}.user-modal-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:16px;box-shadow:0 4px 12px #9a62a94d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.user-modal-header-info h2{color:var(--on-background);font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.user-modal-email{color:var(--on-surface-variant);font-size:.95rem;margin:0}.user-modal-close{align-items:center;background:var(--surface-variant);border:1px solid var(--outline-color);border-radius:12px;color:var(--on-surface-variant);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.user-modal-close:hover{background:var(--surface-color);border-color:var(--primary-color);color:var(--primary-color);transform:rotate(90deg)}.user-modal-tabs{background:var(--surface-variant);border-bottom:1px solid var(--outline-color);display:flex;gap:8px;padding:0 32px}.user-modal-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--on-surface-variant);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:16px 24px;position:relative;transition:all .2s}.user-modal-tab:hover{background:#9a62a90d;color:var(--on-background)}.user-modal-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.user-modal-body{flex:1 1;overflow-y:auto;padding:32px}.user-stat-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.user-stat-card{align-items:center;background:var(--surface-variant);border:1px solid var(--outline-color);border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s}.user-stat-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #9a62a91a;transform:translateY(-2px)}.user-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.user-stat-icon.premium{background:linear-gradient(135deg,#9a62a926,#9a62a91a);color:var(--primary-color)}.user-stat-icon.type{background:linear-gradient(135deg,#ec489926,#ec48991a);color:var(--secondary-color)}.user-stat-icon.expiry{background:linear-gradient(135deg,#06b6d426,#06b6d41a);color:var(--tertiary-color)}.user-stat-icon.source{background:linear-gradient(135deg,#10b98126,#10b9811a);color:var(--success-color)}.user-stat-content{flex:1 1}.user-stat-label{color:var(--on-surface-variant);font-size:.875rem;font-weight:500;margin-bottom:6px}.user-stat-value{color:var(--on-background);font-size:1.5rem;font-weight:700;letter-spacing:-.3px}.user-stat-value.active{color:var(--success-color)}.user-stat-value.inactive{color:var(--on-surface-variant)}.user-stat-value.expired{color:var(--error-color)}.user-subscription-current{margin-bottom:32px}.user-subscription-current h3,.user-subscription-update h3{color:var(--on-background);font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:20px}.user-subscription-info-grid{grid-gap:16px;background:var(--surface-variant);border:1px solid var(--outline-color);border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:24px}.user-info-item{display:flex;flex-direction:column;gap:8px}.user-info-label{color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.user-info-value{color:var(--on-background);font-size:1.1rem;font-weight:600}.user-info-value.status.active{color:var(--success-color)}.user-info-value.status.inactive{color:var(--on-surface-variant)}.user-info-value.status.expired{color:var(--error-color)}.user-subscription-update{border-top:1px solid var(--outline-color);padding-top:32px}.user-form-section{margin-bottom:20px}.user-form-label{color:var(--on-background);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.user-form-input,.user-form-select{background:var(--surface-variant);border:1px solid var(--outline-color);border-radius:12px;color:var(--on-background);font-family:inherit;font-size:1rem;outline:none;padding:12px 16px;transition:all .2s;width:100%}.user-form-input:focus,.user-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #9a62a91a}.user-modal-actions{display:flex;gap:12px;margin-top:24px}.user-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.user-action-btn-primary{background:var(--primary-color);box-shadow:0 4px 12px #9a62a94d;color:#fff}.user-action-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #9a62a966;transform:translateY(-2px)}.user-action-btn-danger{background:var(--error-color);box-shadow:0 4px 12px #ef44444d;color:#fff}.user-action-btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.user-action-btn:disabled{cursor:not-allowed;opacity:.6}.user-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.user-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.user-detail-section{background:var(--surface-variant);border:1px solid var(--outline-color);border-radius:16px;padding:24px}.user-detail-section h4{color:var(--primary-color);font-size:1.2rem;font-weight:700;letter-spacing:-.2px;margin-bottom:16px}.user-detail-items{display:flex;flex-direction:column;gap:16px}.user-detail-row{align-items:flex-start;border-bottom:1px solid var(--outline-color);display:flex;gap:16px;justify-content:space-between;padding-bottom:16px}.user-detail-row:last-child{border-bottom:none;padding-bottom:0}.user-detail-label{color:var(--on-surface-variant);flex-shrink:0;font-size:.9rem;font-weight:500}.user-detail-value{color:var(--on-background);font-size:.95rem;font-weight:600;text-align:right;word-break:break-word}.user-detail-value.user-id{color:var(--on-surface-variant);font-family:Monaco,Menlo,monospace;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.user-subscription-modal-content{border-radius:16px;max-height:95vh}.user-modal-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.user-modal-header-left{width:100%}.user-modal-close{position:absolute;right:20px;top:20px}.user-modal-tabs{overflow-x:auto;padding:0 20px}.user-modal-body{padding:20px}.user-stat-cards,.user-subscription-info-grid{grid-template-columns:1fr}.user-modal-actions{flex-direction:column}.user-details-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0d62c842.css.map*/