@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{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}.app{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#581c87,#0f172a);color:#fff}.container{max-width:1280px;margin:0 auto;padding:0 24px}.navbar{position:fixed;width:100%;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid rgba(168,85,247,.2)}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700}.logo svg{color:#c084fc}.logo span{background:linear-gradient(to right,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#c084fc}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px}.btn-primary{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff;border:none;padding:12px 24px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #a855f780}.btn-secondary{background:transparent;color:#fff;border:2px solid #c084fc;padding:12px 24px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#a855f733}.btn-large{padding:16px 32px;font-size:18px}.btn-xlarge{padding:20px 40px;font-size:20px}.hero{padding-top:128px;padding-bottom:80px}.hero-content{text-align:center;transform:translateY(40px);opacity:0;transition:all 1s}.hero-content.visible{transform:translateY(0);opacity:1}.badge{display:inline-block;padding:8px 16px;background:#a855f733;border:1px solid rgba(168,85,247,.5);border-radius:9999px;margin-bottom:16px}.badge span{color:#d8b4fe;font-size:14px;font-weight:600}.hero-title{font-size:56px;font-weight:700;margin-bottom:24px;background:linear-gradient(to right,#fff,#e9d5ff,#fbcfe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:24px;color:#d1d5db;margin-bottom:32px;max-width:900px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stats-section{padding:64px 0;background:#0000004d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stat-item{text-align:center;transition:transform .3s}.stat-item:hover{transform:scale(1.1)}.stat-number{font-size:48px;font-weight:700;background:linear-gradient(to right,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{color:#9ca3af}.features-section{padding:80px 0}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:48px;font-weight:700;margin-bottom:16px}.section-header p{font-size:20px;color:#d1d5db}.gradient-text{background:linear-gradient(to right,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:linear-gradient(to bottom right,#581c8780,#83184380);padding:32px;border-radius:16px;border:1px solid rgba(168,85,247,.3);transition:all .3s}.feature-card:hover{transform:translateY(-8px);border-color:#c084fc;box-shadow:0 20px 40px #a855f74d}.feature-icon{background:linear-gradient(to bottom right,#a855f7,#ec4899);width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:12px}.feature-card p{color:#d1d5db}.benefits-section{padding:80px 0;background:#0000004d}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:center}.benefits-content h2{font-size:48px;font-weight:700;margin-bottom:24px}.benefits-intro{font-size:20px;color:#d1d5db;margin-bottom:32px}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;align-items:flex-start;gap:12px;font-size:18px;color:#e5e7eb;transition:transform .3s}.benefit-item:hover{transform:translate(8px)}.benefit-item svg{flex-shrink:0;margin-top:4px}.demo-preview{position:relative}.demo-card{position:relative;background:linear-gradient(to bottom right,#1e293b,#0f172a);padding:32px;border-radius:24px;border:1px solid rgba(168,85,247,.3);display:flex;flex-direction:column;gap:16px}.demo-card:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:linear-gradient(to right,#a855f7,#ec4899);border-radius:24px;filter:blur(40px);opacity:.3;z-index:-1;animation:pulse 3s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.chat-bubble{padding:16px;border-radius:12px;display:flex;align-items:flex-start;gap:12px}.chat-bubble.purple{background:#a855f733;border:1px solid rgba(168,85,247,.5)}.chat-bubble.pink{background:#ec489933;border:1px solid rgba(236,72,153,.5)}.chat-bubble.green{background:#4ade8033;border:1px solid rgba(74,222,128,.5)}.chat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.purple-bg{background:#a855f7}.pink-bg{background:#ec4899}.green-bg{background:#4ade80}.chat-title{font-weight:600;margin-bottom:4px}.chat-text{font-size:14px}.purple-text{color:#d8b4fe}.pink-text{color:#fbcfe8}.green-text{color:#86efac}.cta-section{padding:80px 0}.cta-card{background:linear-gradient(to bottom right,#581c8780,#83184380);padding:48px;border-radius:24px;border:1px solid rgba(168,85,247,.3);text-align:center;position:relative;overflow:hidden;max-width:900px;margin:0 auto}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#a855f733,#ec489933);animation:pulse 3s infinite}.cta-card h2{font-size:48px;font-weight:700;margin-bottom:16px;position:relative}.cta-card p{font-size:20px;color:#d1d5db;margin-bottom:32px;position:relative}.cta-card button{position:relative}.cta-note{font-size:14px;color:#9ca3af;margin-top:16px}.footer{background:#00000080;padding:48px 0;border-top:1px solid rgba(168,85,247,.2)}.footer-content{text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:700;margin-bottom:16px}.footer-logo svg{color:#c084fc}.footer-content p{color:#9ca3af;margin-bottom:16px}.copyright{font-size:14px;color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:linear-gradient(to bottom right,#0f172a,#1e293b);border-radius:24px;border:1px solid rgba(168,85,247,.3);max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.modal-header{padding:24px;border-bottom:1px solid rgba(168,85,247,.3);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:20px;font-weight:700}.modal-header p{font-size:14px;color:#9ca3af}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;transition:color .3s}.close-btn:hover{color:#fff}.modal-messages{height:384px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:16px;border-radius:16px}.message.user .message-bubble{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff}.message.bot .message-bubble{background:#374151;color:#f3f4f6}.modal-footer{padding:24px;border-top:1px solid rgba(168,85,247,.3)}.input-group{display:flex;gap:12px;margin-bottom:12px}.input-group input{flex:1;background:#374151;border:1px solid rgba(168,85,247,.3);border-radius:9999px;padding:12px 24px;color:#fff;outline:none;transition:border-color .3s}.input-group input:focus{border-color:#c084fc}.input-group input::placeholder{color:#9ca3af}.btn-send{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff;border:none;padding:12px 24px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s}.btn-send:hover{box-shadow:0 0 20px #a855f780}.modal-note{font-size:12px;color:#6b7280;text-align:center}@media (max-width: 768px){.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#0f172af2;flex-direction:column;padding:24px;gap:16px}.nav-links.active{display:flex}.nav-links button{width:100%}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat-number{font-size:36px}.features-grid,.benefits-grid{grid-template-columns:1fr}.section-header h2,.benefits-content h2,.cta-card h2{font-size:32px}.cta-card{padding:32px 24px}}