.header{padding:20px 40px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(138,43,226,.2);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:700;color:#333;position:relative}.logo:after{content:"";position:absolute;bottom:-2px;right:-8px;width:6px;height:6px;background:linear-gradient(135deg,#8a2be2,#ba55d3);border-radius:50%;box-shadow:0 0 8px #8a2be299}.nav-links{display:flex;gap:30px;font-size:16px;color:#333}.nav-links a{transition:color .3s;color:#666}.nav-links a:hover{color:#ba55d3}.header-download-buttons{display:flex;gap:12px}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#8a2be2,#ba55d3);color:#fff;border-radius:16px;font-size:14px;transition:all .3s ease;box-shadow:0 2px 12px #8a2be24d}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8a2be280}.download-btn svg{flex-shrink:0}@media (max-width: 768px){.header{padding:15px 20px}.header-container{flex-wrap:wrap;gap:15px}.nav-links{order:3;width:100%;justify-content:center}.header-download-buttons{gap:8px}.download-btn{padding:6px 12px;font-size:12px}}.footer{background:#fff;color:#333;border-top:1px solid rgba(138,43,226,.2)}.footer-cta{background:#8a2be20d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:60px 40px;border-bottom:1px solid rgba(138,43,226,.2)}.footer-cta-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-cta-text{font-size:20px;line-height:1.6;flex:1;color:#333}.footer-cta-text .highlight-text{background:linear-gradient(135deg,#8a2be2,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.footer-cta-button{background:linear-gradient(135deg,#8a2be2,#ba55d3);color:#fff;padding:16px 32px;border-radius:24px;font-size:16px;font-weight:600;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 20px #8a2be24d}.footer-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8a2be280}.footer-main{padding:60px 40px 30px}.footer-container{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{display:flex;flex-direction:column;gap:24px}.footer-logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#8a2be2,#ba55d3);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 12px #8a2be266}.logo-text{font-size:24px;font-weight:700;color:#333}.footer-social{display:flex;gap:16px}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8a2be233;border:1px solid rgba(138,43,226,.3);border-radius:50%;transition:all .3s ease}.social-icon:hover{background:#8a2be266;border-color:#8a2be299;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}.social-icon svg{width:20px;height:20px}.footer-copyright{font-size:14px;color:#999}.footer-column h3.footer-heading{font-size:18px;font-weight:600;margin-bottom:20px;color:#333}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#666;font-size:16px;transition:color .3s}.footer-links a:hover{color:#ba55d3}.footer-icp{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid rgba(138,43,226,.2);text-align:right}.footer-icp p{font-size:12px;color:#999}@media (max-width: 768px){.footer-cta{padding:40px 20px}.footer-cta-container{flex-direction:column;text-align:center}.footer-cta-text{font-size:16px}.footer-main{padding:40px 20px 20px}.footer-container{grid-template-columns:1fr;gap:40px}.footer-icp{text-align:center}}.hero{padding:80px 40px;background:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(75,0,130,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-container{position:relative;z-index:1}.hero-container{max-width:1200px;margin:0 auto;text-align:center}.hero-title{font-size:64px;font-weight:700;color:#333;margin-bottom:24px;line-height:1.2;text-shadow:0 2px 20px rgba(138,43,226,.15)}.hero-title .highlight{background:linear-gradient(135deg,#8a2be2,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#666;margin-bottom:48px;line-height:1.6}.hero-cta-buttons{display:flex;gap:24px;justify-content:center;margin-bottom:80px}.cta-btn{display:inline-block;padding:20px 40px;border-radius:24px;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-btn:hover:before{left:100%}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8a2be266}.cta-btn-apple{background:#000;color:#fff;box-shadow:0 4px 20px #0003}.cta-btn-android{background:linear-gradient(135deg,#8a2be2,#ba55d3);color:#000;box-shadow:0 4px 20px #8a2be24d}.cta-btn-content{display:flex;align-items:center;gap:16px}.cta-btn-platform{font-size:22px;font-weight:600;margin-bottom:4px}.cta-btn-label{font-size:16px;opacity:.9}.hero-illustration{margin-top:60px}.illustration-placeholder{display:flex;justify-content:center;align-items:center;min-height:400px}.phone-mockup{width:300px;height:600px;background:linear-gradient(135deg,#8a2be2,#ba55d3);border-radius:40px;padding:20px;box-shadow:0 20px 60px #8a2be266,0 0 40px #8a2be233}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#1a1b2c,#202130);border-radius:30px;overflow:hidden}.screen-content{padding:20px;height:100%;display:flex;flex-direction:column}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:600}.screen-icons{display:flex;gap:12px}.screen-body{flex:1;display:flex;align-items:center;justify-content:center}.animation-preview{width:200px;height:200px;background:linear-gradient(135deg,#8a2be2,#ba55d3);border-radius:30px;animation:wiggle 2s ease-in-out infinite;box-shadow:0 8px 32px #8a2be266}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width: 768px){.hero{padding:60px 20px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-cta-buttons{flex-direction:column;align-items:center;gap:16px}.cta-btn{width:100%;max-width:300px}.phone-mockup{width:250px;height:500px}}.features-section{padding:100px 40px;background:#fff;position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 20%,rgba(138,43,226,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.features-container{position:relative;z-index:1}.features-container{max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:100px}.feature-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:32px;text-align:center;transition:all .3s ease;border:1px solid rgba(138,43,226,.2)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #8a2be233;border-color:#8a2be266;background:#fff}.feature-icon{font-size:48px;margin-bottom:24px}.feature-title{font-size:24px;font-weight:700;color:#333;margin-bottom:16px}.feature-description{font-size:16px;color:#666;line-height:1.6}.features-slogan{text-align:center;padding:60px 20px}.features-slogan h2{font-size:48px;font-weight:700;color:#333;line-height:1.3;text-shadow:0 2px 20px rgba(138,43,226,.15)}@media (max-width: 768px){.features-section{padding:60px 20px}.features-grid{grid-template-columns:1fr;gap:30px;margin-bottom:60px}.feature-card{padding:30px 20px}.features-slogan h2{font-size:28px}}.home{width:100%}.features-page{padding:80px 40px;background:linear-gradient(135deg,#1a1b2cf2,#202130f2);min-height:calc(100vh - 200px)}.features-page-container{max-width:1200px;margin:0 auto}.page-title{font-size:48px;font-weight:700;color:#fff;text-align:center;margin-bottom:20px;text-shadow:0 2px 20px rgba(138,43,226,.3)}.page-subtitle{font-size:20px;color:#fffc;text-align:center;margin-bottom:60px;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.service-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:32px;transition:all .3s ease;border:1px solid rgba(138,43,226,.2)}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8a2be24d;border-color:#8a2be266;background:#ffffff14}.service-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:16px}.service-description{font-size:16px;color:#ffffffb3;line-height:1.6;margin-bottom:24px}.service-features{list-style:none;padding:0}.service-features li{font-size:15px;color:#fffc;padding:8px 0 8px 24px;position:relative}.service-features li:before{content:"✓";position:absolute;left:0;background:linear-gradient(135deg,#8a2be2,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@media (max-width: 768px){.features-page{padding:60px 20px}.page-title{font-size:32px}.page-subtitle{font-size:16px}.services-grid{grid-template-columns:1fr;gap:30px}.service-card{padding:30px 20px}}.terms-page{padding:80px 40px;background:linear-gradient(135deg,#1a1b2cf2,#202130f2);min-height:calc(100vh - 200px)}.terms-container{max-width:900px;margin:0 auto}.terms-title{font-size:48px;font-weight:700;color:#fff;text-align:center;margin-bottom:60px;text-shadow:0 2px 20px rgba(138,43,226,.3)}.terms-content{line-height:1.8;color:#ffffffe6}.terms-section{margin-bottom:40px}.terms-section h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.terms-section p{font-size:16px;margin-bottom:12px;color:#fffc}.terms-section ul{margin-left:24px;margin-top:12px;margin-bottom:12px}.terms-section li{font-size:16px;color:#fffc;margin-bottom:8px}.terms-section a{color:#ba55d3;text-decoration:underline;transition:color .3s}.terms-section a:hover{color:#8a2be2}.terms-update{margin-top:60px;padding-top:40px;border-top:1px solid rgba(138,43,226,.2);text-align:center;color:#fff9;font-size:14px}@media (max-width: 768px){.terms-page{padding:60px 20px}.terms-title{font-size:32px;margin-bottom:40px}.terms-section h2{font-size:20px}.terms-section p,.terms-section li{font-size:15px}}.privacy-page{padding:80px 40px;background:linear-gradient(135deg,#1a1b2cf2,#202130f2);min-height:calc(100vh - 200px)}.privacy-container{max-width:900px;margin:0 auto}.privacy-title{font-size:48px;font-weight:700;color:#fff;text-align:center;margin-bottom:60px;text-shadow:0 2px 20px rgba(138,43,226,.3)}.privacy-content{line-height:1.8;color:#ffffffe6}.privacy-section{margin-bottom:40px}.privacy-section h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.privacy-section h3{font-size:20px;font-weight:600;color:#fff;margin-top:24px;margin-bottom:12px}.privacy-section p{font-size:16px;margin-bottom:12px;color:#fffc}.privacy-section ul{margin-left:24px;margin-top:12px;margin-bottom:12px}.privacy-section li{font-size:16px;color:#fffc;margin-bottom:8px}.privacy-section strong{color:#fff;font-weight:600}.privacy-update{margin-top:60px;padding-top:40px;border-top:1px solid rgba(138,43,226,.2);text-align:center;color:#fff9;font-size:14px}@media (max-width: 768px){.privacy-page{padding:60px 20px}.privacy-title{font-size:32px;margin-bottom:40px}.privacy-section h2{font-size:20px}.privacy-section h3{font-size:18px}.privacy-section p,.privacy-section li{font-size:15px}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#fff;background-attachment:fixed;min-height:100vh}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}