*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0a0a0a;color:#fff;line-height:1.6}.App{width:100%;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.cta-button{background:transparent;color:#0ff;border:2px solid #00ffff;padding:12px 30px;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 0 10px #00ffff80}.cta-button:hover{background:#0ff;color:#0a0a0a;box-shadow:0 0 20px #0ffc}.parallax-section{position:relative;overflow:hidden}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center;transform:translateZ(0);will-change:transform}.scroll-fade-in{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translate(-100px);transition:all .8s ease}.scroll-slide-left.visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(100px);transition:all .8s ease}.scroll-slide-right.visible{opacity:1;transform:translate(0)}@media(max-width:768px){#purpose .side-by-side{grid-template-columns:1fr!important;gap:40px!important}#purpose .content-side{padding-right:0!important;padding-bottom:0!important}#purpose .image-side{order:-1}#purpose .image-placeholder{height:300px!important;max-width:100%!important}#process .process-grid{grid-template-columns:1fr!important;gap:30px!important}#process .process-card{padding:30px 20px!important}.section{padding:80px 15px 60px!important}.section h2{font-size:2.2rem!important;margin-bottom:1.5rem!important}.section p{font-size:1.1rem!important;line-height:1.6!important}}html{scroll-behavior:smooth}.parallax-container{perspective:1px;height:100vh;overflow-x:hidden;overflow-y:auto}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}h2[style*=gradientShift],h3[style*=gradientShift]{background-size:200% 200%!important;animation:gradientShift 3s ease infinite!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.project-modal-content{padding:15px!important}.project-modal-grid{grid-template-columns:1fr!important;gap:20px!important}.project-modal-buttons{flex-direction:column!important}.project-modal-buttons a,.project-modal-buttons button{width:100%!important;min-width:unset!important}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast-item{animation:toastSlideIn .3s ease-out}.toast-item.exiting{animation:toastSlideOut .3s ease-in}.demo-wrapper{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background:#f5f0eb;min-height:100vh;color:#1a1a2e;display:flex;flex-direction:column}.demo-main{flex:1}.demo-navbar{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(232,228,222,.5)}.demo-navbar .logo{font-size:1.5rem;font-weight:700;color:#4a6cf7;text-decoration:none;letter-spacing:-.5px;cursor:pointer}.demo-navbar .logo span{color:#6c63ff}.demo-nav-links{display:flex;gap:2rem;align-items:center}.demo-nav-links a{color:#1a1a2e;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;cursor:pointer}.demo-nav-links a:hover{color:#4a6cf7}.demo-nav-cta{background:#4a6cf7;color:#fff!important;padding:8px 24px;border-radius:50px;font-weight:600;transition:all .3s ease}.demo-nav-cta:hover{background:#3a5cd9;transform:translateY(-2px);box-shadow:0 4px 15px #4a6cf766}.demo-hero{padding:40px 2rem;position:relative;overflow:hidden;min-height:550px;display:flex;align-items:center;justify-content:center;background:#f5f0eb}.demo-hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f5f0eb;z-index:0}.demo-hero-overlay{position:absolute;inset:0;background:#f5f0ebd1;z-index:1}.demo-hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;width:100%;text-align:center}.demo-hero-text{max-width:700px;margin:0 auto}.demo-hero-badge{display:inline-block;background:#4a6cf71f;color:#4a6cf7;padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1rem;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-hero h1{font-size:3.5rem;font-weight:800;line-height:1.15;color:#1a1a2e;margin-bottom:1rem}.demo-hero h1 .highlight{background:linear-gradient(135deg,#4a6cf7,#6c63ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-hero p{font-size:1.2rem;color:#555;max-width:550px;margin:0 auto 2rem;line-height:1.7}.demo-search-bar{display:flex;max-width:550px;margin:0 auto 2.5rem;background:#ffffffe6;border-radius:60px;padding:6px;box-shadow:0 4px 30px #0000000f;border:1px solid rgba(232,228,222,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-search-bar input{flex:1;border:none;padding:14px 24px;border-radius:60px;font-size:1rem;background:transparent;outline:none;color:#1a1a2e}.demo-search-bar input::placeholder{color:#999}.demo-search-bar button{background:#4a6cf7;border:none;padding:14px 32px;border-radius:60px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.demo-search-bar button:hover{background:#3a5cd9;transform:scale(1.02)}.demo-hero-stats{display:flex;gap:4rem;margin-top:.5rem;justify-content:center}.demo-stat{display:flex;flex-direction:column}.demo-stat-number{font-size:1.8rem;font-weight:700;color:#1a1a2e}.demo-stat-label{font-size:.9rem;color:#777}.demo-section-title{text-align:center;margin-bottom:3rem}.demo-section-title h2{font-size:2.2rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.demo-section-title p{color:#777;font-size:1.05rem}.demo-therapist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:0 2rem 3rem;max-width:1200px;margin:0 auto}.demo-therapist-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #0000000a;transition:all .3s ease;border:1px solid rgba(232,228,222,.4);text-align:center;cursor:pointer}.demo-therapist-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.demo-therapist-card .avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(135deg,#4a6cf7,#6c63ff);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700;overflow:hidden}.demo-therapist-card .avatar img{width:100%;height:100%;object-fit:cover}.demo-therapist-card .gender-badge{display:inline-block;font-size:.7rem;padding:2px 10px;border-radius:50px;font-weight:500;margin-bottom:.5rem}.demo-therapist-card .gender-badge.male{background:#4a6cf714;color:#4a6cf7}.demo-therapist-card .gender-badge.female{background:#ec489914;color:#ec4899}.demo-therapist-card h3{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin-bottom:.25rem}.demo-therapist-card .specialty{color:#6c63ff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.demo-therapist-card .rating{color:#f59e0b;font-size:.95rem;margin-bottom:.5rem}.demo-therapist-card .price{font-weight:600;color:#1a1a2e;font-size:1.1rem}.demo-therapist-card .book-btn{margin-top:1rem;background:#4a6cf7;color:#fff;border:none;padding:10px 28px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.demo-therapist-card .book-btn:hover{background:#3a5cd9;transform:scale(1.03)}.demo-footer{background:#1a1a2e;color:#ffffffb3;padding:2rem;text-align:center;font-size:.9rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.demo-footer a{color:#fffc;text-decoration:none;transition:color .2s}.demo-footer a:hover{color:#fff}@media(max-width:1024px){.demo-hero-content{padding:0 1rem}.demo-hero h1{font-size:2.8rem}.demo-hero-stats{gap:2rem;flex-wrap:wrap}}@media(max-width:768px){.demo-navbar{padding:0 1rem;height:64px}.demo-nav-links{gap:1rem}.demo-nav-links a{font-size:.85rem}.demo-hero{padding:40px 1rem 50px;min-height:500px}.demo-hero h1{font-size:2.2rem}.demo-hero p{font-size:1rem}.demo-hero-stats{gap:1.5rem;flex-wrap:wrap}.demo-stat-number{font-size:1.4rem}.demo-search-bar{flex-direction:column;border-radius:30px;background:#ffffffe6;box-shadow:none;border:1px solid rgba(232,228,222,.6);gap:10px}.demo-search-bar input{background:transparent;border-radius:30px;padding:14px 20px;border:none}.demo-search-bar button{border-radius:30px;padding:14px}.demo-therapist-grid{grid-template-columns:1fr;padding:0 1rem 2rem}.demo-section-title h2{font-size:1.7rem}}@media(max-width:480px){.demo-hero h1{font-size:1.8rem}.demo-hero-stats{gap:1rem}.demo-stat-number{font-size:1.2rem}.demo-stat-label{font-size:.8rem}.demo-nav-links a:not(.demo-nav-cta){display:none}}.demo-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:200;position:relative}.demo-hamburger-line{width:28px;height:3px;background:#1a1a2e;border-radius:3px;transition:all .3s ease;transform-origin:center;display:block}.demo-hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.demo-hamburger-line.open:nth-child(2){opacity:0}.demo-hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}@media(max-width:768px){.demo-hamburger{display:flex!important}.demo-nav-links{position:fixed!important;top:0!important;right:-100%!important;width:80%!important;max-width:320px!important;height:100vh!important;background:#fff!important;flex-direction:column!important;padding:80px 2rem 2rem!important;gap:1.5rem!important;align-items:flex-start!important;box-shadow:-10px 0 40px #0000001a!important;transition:right .3s ease!important;z-index:150!important;border-left:1px solid rgba(232,228,222,.4)!important;display:flex!important}.demo-nav-links.active{right:0!important}.demo-nav-links.active:before{content:"";position:fixed;inset:0;background:#0000004d;z-index:-1}.demo-nav-links a{font-size:1.1rem!important;padding:10px 0!important;width:100%!important;border-bottom:1px solid rgba(232,228,222,.3)!important;color:#1a1a2e!important;text-decoration:none!important}.demo-nav-links a:last-child{border-bottom:none!important;margin-top:.5rem!important}.demo-nav-links .demo-nav-cta{background:#4a6cf7!important;color:#fff!important;padding:12px 24px!important;border-radius:50px!important;text-align:center!important;font-weight:600!important;border-bottom:none!important}.demo-nav-links .demo-nav-cta:hover{background:#3a5cd9!important;transform:translateY(-2px)}}@media(max-width:480px){.demo-hamburger-line{width:24px;height:2.5px}.demo-nav-links{width:85%!important;padding:70px 1.5rem 2rem!important}.demo-nav-links a{font-size:1rem!important;padding:8px 0!important}}.demo-why-choose{padding:60px 2rem 80px;background:#fff}.demo-why-choose-container{max-width:1200px;margin:0 auto}.demo-why-choose-header{text-align:center;margin-bottom:3rem}.demo-section-badge{display:inline-block;background:#4a6cf714;color:#4a6cf7;padding:4px 16px;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.demo-why-choose-header h2{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem}.demo-why-choose-header p{color:#777;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.7}.demo-why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.demo-why-choose-card{background:#f8f6f3;border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;border:1px solid rgba(232,228,222,.3)}.demo-why-choose-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000000a;background:#fff;border-color:#4a6cf71a}.demo-why-choose-icon{font-size:2.5rem;margin-bottom:1rem}.demo-why-choose-card h3{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.demo-why-choose-card p{color:#777;font-size:.95rem;line-height:1.6}@media(max-width:768px){.demo-why-choose{padding:40px 1rem 60px}.demo-why-choose-header h2{font-size:1.8rem}.demo-why-choose-header p{font-size:1rem}.demo-why-choose-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.demo-why-choose-grid{grid-template-columns:1fr}}@media(max-width:768px){.demo-therapist-grid{grid-template-columns:1fr;padding:0 1rem 2rem;gap:1.5rem}.demo-therapist-card{padding:1.5rem;text-align:center}.demo-therapist-card .avatar{width:80px;height:80px;margin:0 auto 1rem}.demo-therapist-card h3,.demo-therapist-card .specialty,.demo-therapist-card .rating,.demo-therapist-card .price{text-align:center}.demo-therapist-card .book-btn{display:block;width:100%;margin:1rem auto 0}}.demo-chat-container{max-width:800px;margin:0 auto;padding:1rem;height:100vh;display:flex;flex-direction:column}.demo-chat-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(232,228,222,.4);flex:1;display:flex;flex-direction:column;overflow:hidden}.demo-chat-header{padding:1rem 1.5rem;border-bottom:1px solid #e8e4de;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.demo-chat-user{display:flex;align-items:center;gap:.75rem}.demo-chat-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(74,108,247,.2);background:linear-gradient(135deg,#4a6cf7,#6c63ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.demo-chat-avatar img{width:100%;height:100%;object-fit:cover}.demo-chat-name{font-weight:600;color:#1a1a2e;font-size:1rem}.demo-chat-status{color:#4caf50;font-size:.8rem}.demo-chat-call-btn{padding:6px 16px;background:#4a6cf7;color:#fff;border:none;border-radius:50px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.demo-chat-call-btn:hover{background:#3a5cd9}.demo-chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;background:#faf8f5}.demo-chat-message{display:flex;flex-direction:column;max-width:80%}.demo-chat-message.therapist{align-self:flex-start}.demo-chat-message.client{align-self:flex-end}.demo-chat-bubble{padding:10px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;word-wrap:break-word}.demo-chat-message.therapist .demo-chat-bubble{background:#fff;color:#1a1a2e;border-radius:16px 16px 16px 4px;box-shadow:0 2px 8px #0000000a}.demo-chat-message.client .demo-chat-bubble{background:#4a6cf7;color:#fff;border-radius:16px 16px 4px}.demo-chat-time{font-size:.7rem;color:#999;margin-top:4px;padding:0 4px}.demo-chat-message.therapist .demo-chat-time{text-align:left}.demo-chat-message.client .demo-chat-time{text-align:right}.demo-chat-input-area{padding:.75rem;border-top:1px solid #e8e4de;display:flex;gap:.5rem;align-items:center;flex-shrink:0}.demo-chat-attach-btn{padding:8px 10px;background:transparent;border:1px solid #e8e4de;border-radius:12px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;flex-shrink:0}.demo-chat-attach-btn:hover{background:#f5f0eb}.demo-chat-input{flex:1;padding:10px 16px;border-radius:50px;border:1px solid #e8e4de;outline:none;font-size:.95rem;background:#faf8f5;min-width:0}.demo-chat-input:focus{border-color:#4a6cf7}.demo-chat-send-btn{padding:10px 20px;background:#4a6cf7;color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.demo-chat-send-btn:hover{background:#3a5cd9}.demo-chat-back-btn{margin-top:1rem;padding:10px 20px;background:transparent;color:#4a6cf7;border:none;border-radius:50px;font-weight:500;cursor:pointer;align-self:flex-start}@media(max-width:768px){.demo-chat-container{padding:.5rem}.demo-chat-header{padding:.75rem 1rem}.demo-chat-avatar{width:38px;height:38px;font-size:1rem}.demo-chat-name{font-size:.9rem}.demo-chat-status{font-size:.7rem}.demo-chat-call-btn{padding:5px 12px;font-size:.75rem}.demo-chat-messages{padding:.75rem}.demo-chat-message{max-width:90%}.demo-chat-bubble{font-size:.9rem;padding:8px 14px}.demo-chat-input-area{padding:.5rem;gap:.4rem;flex-wrap:nowrap}.demo-chat-attach-btn{padding:6px 8px;font-size:1rem}.demo-chat-input{padding:8px 14px;font-size:.9rem;min-width:50px}.demo-chat-send-btn{padding:8px 16px;font-size:.8rem}.demo-chat-back-btn{font-size:.9rem;padding:8px 16px}}@media(max-width:480px){.demo-chat-header{padding:.5rem .75rem}.demo-chat-avatar{width:34px;height:34px;font-size:.8rem}.demo-chat-name{font-size:.8rem}.demo-chat-messages{padding:.5rem}.demo-chat-bubble,.demo-chat-input{font-size:.85rem;padding:6px 12px}.demo-chat-send-btn{padding:6px 14px;font-size:.75rem}}@media(max-width:768px){.demo-booking-container{padding:.5rem!important}.demo-booking-card{padding:1.5rem!important}.demo-booking-step{width:32px!important;height:32px!important;font-size:.8rem!important}.demo-booking-type-grid{grid-template-columns:1fr!important;gap:.75rem!important}.demo-booking-type-card{padding:1.25rem!important}.demo-booking-type-card h3{font-size:1rem!important}.demo-booking-type-card p{font-size:.85rem!important}}