body,html{height:100%}#__next{height:100%}#__next,.app-layout{display:flex;flex-direction:column}.app-layout{min-height:100vh}.main-content{flex:1;padding-bottom:2rem}body{font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0;min-height:100vh}.landing-page,body{background:#000000;color:#f8f9fa}.landing-page{overflow-x:hidden}.landing-header{position:fixed;top:0;width:100%;z-index:100;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);padding:0}.header-content{justify-content:space-between;margin:0 auto}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:12px}.logo-image{border-radius:8px}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#af40ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-cta-btn{background:linear-gradient(135deg,#af40ff,#8a2be2);color:#ffffff;text-decoration:none;padding:12px 24px;border-radius:30px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(175,64,255,.4)}.header-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(175,64,255,.6)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:70px;background:radial-gradient(ellipse at center,rgba(175,64,255,.1) 0,rgba(0,0,0,.9) 70%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;max-width:none;margin:0 auto;padding:1rem 0 1rem 2rem}.hero-badge{display:inline-block;background:rgba(175,64,255,.1);border:1px solid rgba(175,64,255,.3);color:#af40ff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.hero-title{font-size:3rem;font-weight:800;line-height:1;margin-bottom:1.5rem;color:#ffffff;margin-top:1.5rem}.gradient-text{background:linear-gradient(135deg,rgb(175,64,255));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:larger}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;color:rgba(248,249,250,.9)}.hero-stats-mini{display:flex;gap:2rem;margin-bottom:2.5rem}.stat-mini{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#af40ff}.stat-label{display:block;font-size:.9rem;color:rgba(248,249,250,.7)}.hero-cta{text-align:left}.cta-primary{display:inline-block;background:linear-gradient(135deg,#af40ff,#8a2be2);color:#ffffff;text-decoration:none;padding:18px 36px;border-radius:50px;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 8px 30px rgba(175,64,255,.4);margin-bottom:1rem}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(175,64,255,.6)}.cta-subtitle{color:rgba(248,249,250,.7);font-size:.9rem;margin-top:.5rem}.hero-visual{display:flex;justify-content:center;align-items:center}.video-placeholder{width:100%;max-width:650px}.video-container{background:rgba(175,64,255,.1);border:2px solid rgba(175,64,255,.3);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-thumbnail{text-align:center;padding:2rem}.play-button{width:80px;height:80px;background:linear-gradient(135deg,#af40ff,#8a2be2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px rgba(175,64,255,.4)}.play-button:hover{transform:scale(1.1)}.play-button span{color:white;font-size:1.5rem;margin-left:4px}.stats-section{padding:3rem 0;background:rgba(175,64,255,.02)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#ffffff}.section-header p{font-size:1.1rem;color:rgba(248,249,250,.7)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.stat-card{background:rgba(175,64,255,.05);border:1px solid rgba(175,64,255,.2);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:rgba(175,64,255,.4);background:rgba(175,64,255,.08)}.stat-visual{width:100px;height:100px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-percentage{font-size:2rem;font-weight:800;color:white}.stat-content h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:#ffffff}.stat-content p{color:rgba(248,249,250,.8);line-height:1.5}.pricing-section-2{padding:0!important}.features-section{padding:6rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.feature-card{background:rgba(175,64,255,.05);border:1px solid rgba(175,64,255,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(175,64,255,.4);background:rgba(175,64,255,.08)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#ffffff}.feature-card p{color:rgba(248,249,250,.8);line-height:1.6}.portfolio-section{padding:6rem 0;background:rgba(175,64,255,.02)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-card{background:rgba(175,64,255,.05);border:1px solid rgba(175,64,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(175,64,255,.4)}.portfolio-header h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#ffffff}.portfolio-description{color:rgba(248,249,250,.8);line-height:1.6;margin-bottom:1.5rem}.portfolio-metrics{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.metric-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.metric-blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.metric-orange{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);color:#fb923c}.metric-pink{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3);color:#f472b6}.metric-purple{background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.3);color:#a855f7}.portfolio-link{color:#af40ff;font-weight:600;cursor:pointer;transition:all .3s ease}.portfolio-link:hover{color:#bf50ff}.impact-section{padding:6rem 0}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.impact-card{text-align:center;padding:2rem 1rem}.impact-icon{font-size:3rem;margin-bottom:1rem}.impact-number{font-size:3rem;font-weight:800;color:#af40ff;margin-bottom:.5rem}.impact-label{color:rgba(248,249,250,.8);font-weight:600}.pricing-section{padding:6rem 0;background:rgba(175,64,255,.02)}.pricing-grid-plans{max-width:700px;margin:auto}.pricing-card{background:rgba(175,64,255,.05);border:2px solid rgba(175,64,255,.3);border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden}.pricing-card-featured{border:2px solid rgba(175,64,255,.6);background:rgba(175,64,255,.08);transform:scale(1.05);box-shadow:0 20px 60px rgba(175,64,255,.3)}.pricing-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#af40ff,#8a2be2);color:white;padding:.5rem 2rem;border-radius:0 0 20px 20px;font-weight:600;font-size:.9rem}.pricing-header{margin:0 0 2rem}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1rem}.currency{font-size:2rem;font-weight:600;color:#af40ff}.price{font-size:4rem;font-weight:800;color:#af40ff}.period{font-size:1.2rem;color:rgba(248,249,250,.7)}.pricing-subtitle{color:rgba(248,249,250,.6);font-style:italic}.pricing-features{text-align:left;margin:2rem 0}.feature-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(175,64,255,.1)}.feature-check{color:#10b981;font-weight:600}.pricing-btn{display:inline-block;background:linear-gradient(135deg,#af40ff,#8a2be2);color:#ffffff;text-decoration:none;padding:18px 36px;border-radius:50px;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 8px 30px rgba(175,64,255,.4);margin-bottom:1rem}.pricing-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(175,64,255,.6)}.pricing-btn-secondary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 30px rgba(79,70,229,.4)}.pricing-btn-secondary:hover{box-shadow:0 12px 40px rgba(79,70,229,.6)}.pricing-guarantee{font-size:1.25rem;color:rgba(248,249,250,.7)}.pricing-guarantee-section{text-align:center;margin-top:3rem}@media (max-width:768px){.pricing-grid-plans{grid-template-columns:1fr;gap:2rem}.pricing-guarantee,.pricing-guarantee-section{font-size:1rem!important;margin-top:20px!important}.pricing-card-featured{transform:none;order:-1}}.final-cta-section{padding:6rem 0;background:linear-gradient(135deg,rgba(175,64,255,.1),rgba(0,0,0,1))}.final-cta-content{text-align:center;max-width:800px;margin:0 auto;padding:0 2rem 2rem}.final-cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1.5rem;color:#ffffff}.final-cta-content p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:rgba(248,249,250,.9)}.final-cta-btn{display:inline-block;background:linear-gradient(135deg,#af40ff,#8a2be2);color:#ffffff;text-decoration:none;padding:20px 40px;border-radius:50px;font-size:1.2rem;font-weight:700;transition:all .3s ease;box-shadow:0 10px 40px rgba(175,64,255,.4);margin-bottom:2rem}.final-cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(175,64,255,.6)}.final-cta-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;color:rgba(248,249,250,.7);font-size:.9rem}.landing-footer{background:rgba(175,64,255,.05);border-top:1px solid rgba(175,64,255,.2);padding:3rem 0 1rem}.footer-content{justify-content:space-between;max-width:1200px;padding:0 2rem;margin:0 auto 2rem}.footer-content,.footer-logo{display:flex;align-items:center}.footer-logo{gap:.5rem;font-weight:700;color:#af40ff}.footer-links{display:flex;gap:2rem}.footer-links a{color:rgba(248,249,250,.7);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#af40ff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(175,64,255,.1);color:rgba(248,249,250,.5);font-size:.9rem}@media (max-width:768px){.logo-text{display:none}.logo-image{width:40px;height:40px}.header-cta-btn{padding:8px 14px;border-radius:18px;font-size:.8rem;box-shadow:0 3px 10px rgba(175,64,255,.35)}.hero-badge{font-size:.75rem;padding:6px 12px;border-radius:14px}.hero-section{padding-top:80px;padding-bottom:40px}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center;padding:1rem}.hero-title{font-size:2.5rem;margin-bottom:2rem}.features-grid,.portfolio-grid,.stats-grid{grid-template-columns:1fr;padding:0 1rem}.header-content{padding:0 1rem}.section-header h2{font-size:2rem}.final-cta-content h2{font-size:2.2rem}.final-cta-features{flex-direction:column;gap:.5rem}.footer-content{flex-direction:column;gap:1rem}.impact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.header-cta-btn{padding:7px 12px;font-size:.7rem;border-radius:16px}.hero-badge{font-size:.7rem;padding:5px 10px;border-radius:12px}.pricing-card{padding:2rem 1.5rem}.pricing-amount{flex-direction:row;align-items:center}.price{font-size:3rem}.impact-grid{grid-template-columns:1fr}}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.to-blue-500{--tw-gradient-to:#3b82f6}.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(6,182,212,0))}.from-purple-500{--tw-gradient-from:#8b5cf6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(139,92,246,0))}.to-pink-500{--tw-gradient-to:#ec4899}h2{color:#f8f9fa;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.8)}button{background:linear-gradient(135deg,#af40ff,#8a2be2);color:#ffffff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-size:1em;transition:all .3s ease;box-shadow:0 4px 15px rgba(175,64,255,.4)}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(175,64,255,.6);background:linear-gradient(135deg,#bf50ff,#9a3bf2)}button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.contact-link,.header-logo{text-decoration:none}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:rgba(175,64,255,.1);border-bottom:1px solid rgba(175,64,255,.2)}.header-logout-btn{margin:0 1rem}.header-session-label{margin-right:8px}.header-logo{display:flex;align-items:center;gap:12px;height:48px}.header-logo img{height:48px;width:48px;object-fit:contain;display:block}.header-logo span{font-size:2rem;font-weight:600;color:#fff;line-height:1;display:flex;align-items:center}input,textarea{border:1px solid rgba(248,249,250,.3);border-radius:8px;padding:12px;font-size:1em;background:rgba(248,249,250,.1);color:#f8f9fa;backdrop-filter:blur(10px);margin-top:.5rem}input::placeholder,textarea::placeholder{color:rgba(248,249,250,.7)}input:focus,textarea:focus{outline:none;border-color:rgba(175,64,255,.6);box-shadow:0 0 0 3px rgba(175,64,255,.3)}label{font-weight:500;color:#f8f9fa}.prompt-placeholder,label{text-shadow:0 1px 2px rgba(0,0,0,.8)}.prompt-placeholder{color:#ffffff!important;font-weight:600;background:rgba(175,64,255,.2);padding:2px 6px;border-radius:4px;border:1px solid rgba(175,64,255,.4);display:inline-block;margin:2px}.placeholder-info{background:rgba(175,64,255,.1);border:1px solid rgba(175,64,255,.3);border-radius:8px;padding:12px;margin:12px 0;color:#ffffff;font-size:.9em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.placeholder-info h4{color:#ffffff;margin:0 0 8px;font-size:1em;text-shadow:0 2px 4px rgba(0,0,0,.8)}.placeholder-info p{margin:4px 0;color:rgba(255,255,255,.9)}.bubbles-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}.contact-label{margin-right:5rem!important}.bubble{position:absolute;background:linear-gradient(135deg,rgba(175,64,255,.2),rgba(138,43,226,.1));border-radius:50%;animation:float 6s ease-in-out infinite;backdrop-filter:blur(10px);border:1px solid rgba(175,64,255,.2);box-shadow:0 4px 30px rgba(175,64,255,.2),inset 0 1px 0 rgba(255,255,255,.1)}.bubble:first-child{width:40px;height:40px;left:10%;animation-delay:0s;animation-duration:8s}.bubble:nth-child(2){width:20px;height:20px;left:20%;animation-delay:-2s;animation-duration:6s}.bubble:nth-child(3){width:60px;height:60px;left:35%;animation-delay:-4s;animation-duration:10s}.bubble:nth-child(4){width:80px;height:80px;left:50%;animation-delay:-6s;animation-duration:7s}.bubble:nth-child(5){width:30px;height:30px;left:70%;animation-delay:-8s;animation-duration:9s}.bubble:nth-child(6){width:50px;height:50px;left:85%;animation-delay:-10s;animation-duration:8s}@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.container{position:relative;background:rgba(175,64,255,.08);border-radius:16px;border:1px solid rgba(175,64,255,.2);box-shadow:0 8px 32px rgba(175,64,255,.3),inset 0 1px 0 rgba(255,255,255,.1);padding:24px;margin:20px}h1{color:#ffffff;font-weight:700}.highlight{background:rgba(175,64,255,.1);border:1px solid rgba(175,64,255,.2);border-radius:12px;padding:16px;margin:12px 0;color:#ffffff}.qr-container{text-align:center;background:rgba(255,255,255,.1);border-radius:20px;padding:20px;border:2px solid rgba(255,255,255,.2)}.login-page-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent}.login-form{display:flex;flex-direction:column;gap:12px}.login-switch{margin-top:2rem;display:flex;justify-content:center}@media (max-width:768px){.container{margin:0;padding:14px}.export-button,.filter-btn{font-size:.75rem!important}.category-filters{flex-direction:column;align-items:normal!important}.collapse-toggle{width:0!important;height:0!important;font-size:.8rem!important;padding:12px!important}.header-bar{padding:1rem}.bot-control h3,.contacts-list h3,.header-section h2,.notification-numbers h4,.prompt-editor h2{font-size:.9rem!important}.header-actions{gap:.5rem!important}.header-status-text{font-size:.7rem!important}.header-status{gap:.25rem!important;padding:0!important}.disconnect-button{margin:2.5rem 0 1rem!important}.header-action-button{gap:0!important;padding:.4rem .5rem!important;font-size:.6rem!important}.container-qr{display:flex;flex-direction:column;align-items:center}.header-title{font-size:1.25rem!important;text-align:center}.header-logout-btn{margin:0}.header-session{margin-left:1.5rem}.header-title-2{font-size:1.4rem}.bot-intro p{font-size:1rem!important;margin-bottom:1.75rem!important;line-height:1.5!important}}.view-chat-btn{background:linear-gradient(135deg,#af40ff,#8a2be2);color:white;border:none;border-radius:8px;padding:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(175,64,255,.3)}.view-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(175,64,255,.5)}.view-chat-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(175,64,255,.4)}@media (max-width:768px){.view-chat-btn{font-size:.85rem;padding:8px}}.pdf-section{background:rgba(175,64,255,.05);border:1px solid rgba(175,64,255,.2);border-radius:12px;padding:20px;margin:20px 0}.pdf-section h3{color:#af40ff;margin-top:0;margin-bottom:16px;font-size:1.2rem}.social-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0}.social-link{display:inline-flex;align-items:center;gap:12px;color:#cbd5ff;text-decoration:none}.social-link img{width:32px;height:32px;object-fit:contain;border-radius:8px;box-shadow:0 6px 20px rgba(175,64,255,.25);background:rgba(255,255,255,.03);padding:0}.social-link span{font-weight:600;color:#ffffff}.pdf-upload input[type=file]{background:rgba(248,249,250,.1);color:#f8f9fa;border:2px dashed rgba(175,64,255,.4);border-radius:8px;padding:12px;width:100%;cursor:pointer;transition:all .3s ease}.pdf-upload input[type=file]:hover{border-color:rgba(175,64,255,.7);background:rgba(175,64,255,.1)}.uploading{color:#af40ff;font-weight:500;margin-left:10px}.document-status{padding:12px;border-radius:8px;margin:12px 0;font-weight:500}.document-item{display:flex;align-items:center;justify-content:space-between;background:rgba(248,249,250,.05);border:1px solid rgba(175,64,255,.2);border-radius:8px;padding:12px;margin-bottom:8px;transition:all .3s ease}.document-item:hover{background:rgba(175,64,255,.1);border-color:rgba(175,64,255,.4)}.document-date{font-size:.85rem;color:#888;margin-left:12px}.delete-button{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:6px 8px;font-size:14px;border-radius:6px;cursor:pointer;transition:all .3s ease}.delete-button:hover{background:rgba(220,53,69,.2);border-color:rgba(220,53,69,.5);transform:scale(1.05)}.contacts-header-section{justify-content:space-between;margin-bottom:1rem}.contacts-header-section,.header-controls{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.refresh-button{font-size:.9rem;padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px rgba(40,167,69,.3)}.refresh-button:hover{background:linear-gradient(135deg,#34ce57,#26d2a3);box-shadow:0 4px 12px rgba(40,167,69,.5)}.refresh-button:disabled{background:#6c757d;box-shadow:none;transform:none}.last-updated{color:#6c757d;font-size:.8rem;white-space:nowrap}