@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #1e40af;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--secondary: #0f766e;--secondary-hover: #0d9488;--secondary-light: #f0fdfa;--accent: #ea580c;--accent-light: #fff7ed;--text-dark: #1f2937;--text-medium: #64748b;--background: #f1f5f9;--surface: #ffffff;--border: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;background-color:var(--background);color:var(--text-dark)}.min-h-screen{min-height:100vh}.max-w-7xl{max-width:80rem}.max-w-4xl{max-width:56rem}.max-w-3xl{max-width:48rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-fit{width:fit-content}.w-20{width:5rem}.h-20{height:5rem}.w-16{width:4rem}.h-16{height:4rem}.w-12{width:3rem}.h-12{height:3rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-2{width:.5rem}.h-2{height:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.fixed{position:fixed}.top-0{top:0}.bottom-4{bottom:1rem}.right-4{right:1rem}.inset-0{inset:0}.z-50{z-index:50}.text-white{color:#fff}.text-gray-400{color:#94a3b8}.text-gray-500{color:var(--text-medium)}.text-gray-600{color:#475569}.text-gray-700{color:#334155}.text-gray-800{color:#1e293b}.text-gray-900{color:var(--text-dark)}.text-blue-100{color:#dbeafe}.text-blue-600{color:var(--primary)}.text-blue-700{color:var(--primary-hover)}.text-blue-800{color:var(--primary)}.text-green-100{color:#ccfbf1}.text-green-600{color:var(--secondary)}.text-red-600{color:#dc2626}.text-purple-600{color:#9333ea}.text-yellow-400{color:#facc15}.bg-white{background-color:var(--surface)}.bg-gray-900{background-color:var(--text-dark)}.bg-blue-50{background-color:var(--primary-light)}.bg-blue-100{background-color:#dbeafe}.bg-blue-600{background-color:var(--primary)}.bg-blue-700{background-color:var(--primary-hover)}.bg-green-50{background-color:var(--secondary-light)}.bg-green-100{background-color:#ccfbf1}.bg-green-500{background-color:var(--secondary)}.bg-green-600{background-color:var(--secondary-hover)}.bg-purple-50{background-color:#faf5ff}.bg-purple-100{background-color:#f3e8ff}.bg-purple-600{background-color:#9333ea}.bg-primary-50{background-color:var(--primary-light)}.bg-primary-500{background-color:var(--primary)}.bg-primary-600{background-color:var(--primary-hover)}.bg-secondary-50{background-color:var(--secondary-light)}.bg-secondary-500{background-color:var(--secondary)}.bg-secondary-600{background-color:var(--secondary-hover)}.bg-accent-50{background-color:var(--accent-light)}.bg-accent-500{background-color:var(--accent)}.bg-neutral-100{background-color:var(--background)}.bg-neutral-900{background-color:var(--text-dark)}.text-primary-600{color:var(--primary)}.text-secondary-500{color:var(--secondary)}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--primary-light),var(--surface),var(--secondary-light))}.bg-gradient-to-r,.from-primary-500.to-secondary-500,.from-primary-600.to-secondary-500{background:linear-gradient(to right,var(--primary),var(--secondary))}.from-blue-600.to-blue-700{background:linear-gradient(to right,var(--primary),var(--primary-hover))}.from-blue-600.to-green-500{background:linear-gradient(to right,var(--primary),var(--secondary))}.text-transparent{color:transparent}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.text-transparent.bg-clip-text.bg-gradient-to-r{background:linear-gradient(to right,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-2{border-width:2px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:var(--border)}.border-blue-100{border-color:#dbeafe}.border-blue-600{border-color:var(--primary)}.border-white{border-color:var(--surface)}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-therapy{box-shadow:0 4px 12px #1e40af1f}.shadow-therapy-lg{box-shadow:0 8px 25px #1e40af26}.overflow-hidden{overflow:hidden}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.transition-transform{transition:transform .15s ease-in-out}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}button{cursor:pointer;border:none;outline:none}.hover\:bg-primary-600:hover{background-color:var(--primary-hover)}.hover\:bg-primary-50:hover{background-color:var(--primary-light)}.hover\:bg-blue-700:hover{background-color:var(--primary-hover)}.hover\:bg-blue-800:hover{background-color:var(--primary)}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-white:hover{background-color:var(--surface)}.hover\:text-primary-600:hover,.hover\:text-blue-600:hover{color:var(--primary)}.hover\:text-blue-700:hover{color:var(--primary-hover)}.hover\:border-blue-300:hover{border-color:#93c5fd}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:flex-row{flex-direction:row}.sm\:w-auto{width:auto}.sm\:inline{display:inline}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:hidden{display:none}}.bg-gradient-to-r.from-blue-600.to-blue-700,.bg-primary-500{background:#1e40af!important;color:#fff!important}.bg-gradient-to-r.from-blue-600.to-blue-700:hover,.bg-primary-500:hover{background:#1d4ed8!important}.bg-white.border-2.border-gray-200,.border-2.border-white{background:transparent!important;border:2px solid #1e40af!important;color:#1e40af!important}.bg-white.border-2.border-gray-200:hover,.border-2.border-white:hover{background:#1e40af!important;color:#fff!important}.bg-white.text-blue-600{background:#fff!important;color:#1e40af!important}.bg-white.text-blue-600:hover{background:#eff6ff!important;color:#1d4ed8!important}.bg-gradient-to-r.from-blue-600.to-blue-700.hover\:from-blue-700.hover\:to-blue-800{background:#1e40af!important;color:#fff!important}.bg-gradient-to-r.from-blue-600.to-blue-700.hover\:from-blue-700.hover\:to-blue-800:hover{background:#1d4ed8!important}.bg-white.border-2.border-gray-200.hover\:border-blue-300{background:transparent!important;border:2px solid #1e40af!important;color:#1e40af!important}.bg-white.border-2.border-gray-200.hover\:border-blue-300:hover{background:#1e40af!important;color:#fff!important;border-color:#1e40af!important}button[class*=bg-gradient-to-r][class*=from-blue]{background:#1e40af!important;color:#fff!important}button[class*=border-2][class*=bg-white]:not([class*=text-blue]){background:transparent!important;border:2px solid #1e40af!important;color:#1e40af!important}button[class*=border-2][class*=bg-white]:not([class*=text-blue]):hover{background:#1e40af!important;color:#fff!important}.hover\:from-primary-700:hover,.hover\:to-secondary-600:hover{background:#1d4ed8!important}.shadow-therapy-hover{box-shadow:0 12px 35px #1e40af33!important}.text-primary-100{color:#ffffffe6!important}.border-2.border-white.text-white{border:2px solid rgba(255,255,255,.8)!important;color:#ffffffe6!important;background:transparent!important}.border-2.border-white.text-white:hover{background:#fffffff2!important;color:#1e40af!important;border-color:#fffffff2!important}button.bg-gradient-primary,.btn-primary{background:#1e40af!important;color:#fff!important}button.bg-gradient-primary:hover,.btn-primary:hover{background:#1d4ed8!important}.py-20.bg-gradient-primary,section.bg-gradient-primary{background:linear-gradient(to right,#1e40af,#0f766e)!important}.demo-matching{min-height:100vh;background:linear-gradient(135deg,#1e40af,#1d4ed8,#0f766e);display:flex;align-items:center;justify-content:center;padding:20px}.demo-container{background:#fff;border-radius:20px;padding:30px;width:100%;max-width:600px;box-shadow:0 20px 40px #00000026}.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.back-btn{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;padding:8px 12px;border-radius:6px;transition:all .2s;font-weight:600}.back-btn:hover{background-color:#eff6ff;color:#1d4ed8}.progress-bar{flex:1;height:8px;background:#e0f2fe;border-radius:4px;margin:0 20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1e40af,#0f766e);transition:width .3s ease;border-radius:4px}.step-indicator{color:#1e40af;font-weight:700;font-size:14px}.step-content h2{color:#1e293b;margin-bottom:8px;text-align:center;font-size:28px;font-weight:700}.step-subtitle{color:#64748b;text-align:center;margin-bottom:30px;font-size:16px;line-height:1.6}.options{display:flex;flex-direction:column;gap:16px}.option-btn{padding:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;cursor:pointer;transition:all .3s;text-align:left;font-size:16px;font-weight:500;overflow:hidden}.option-content{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.option-header{display:flex;align-items:center;gap:16px}.option-emoji{font-size:28px;min-width:36px;display:flex;align-items:center;justify-content:center}.option-title{font-size:18px;font-weight:600;color:#1e293b}.option-desc{font-size:14px;color:#64748b;margin-left:52px;line-height:1.5}.option-btn:hover{border-color:#1e40af;transform:translateY(-2px);box-shadow:0 8px 25px #1e40af26}.option-btn.selected{border-color:#1e40af;background:linear-gradient(135deg,#1e40af,#0f766e);transform:translateY(-2px);box-shadow:0 8px 25px #1e40af40}.option-btn.selected .option-title{color:#fff}.option-btn.selected .option-desc{color:#ffffffe6}.api-status{margin-bottom:20px;text-align:center}.status-badge{display:inline-block;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600}.status-badge.mock{background:#fff7ed;color:#ea580c}.status-badge.live{background:#f0fdfa;color:#0f766e}.results-content h2{text-align:center;color:#1e293b;margin-bottom:25px;font-size:28px;font-weight:700}.loading{text-align:center;padding:50px 0}.loading p{color:#64748b;margin-top:20px;font-size:16px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #1e40af;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.psychologists-grid{display:grid;gap:24px;margin-bottom:30px}.psychologist-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;transition:all .3s;box-shadow:0 4px 12px #0000000d;overflow:hidden}.psychologist-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f;border-color:#1e40af}.psych-profile-header{display:flex;gap:16px;margin-bottom:20px}.psych-avatar{position:relative;flex-shrink:0}.avatar-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#0f766e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:3px solid #f8fafc;box-shadow:0 4px 12px #1e40af33}.avatar-circle.generic{background:linear-gradient(135deg,#1e40af,#0f766e);color:#fff;font-weight:600}.online-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#0f766e;border:3px solid white;border-radius:50%;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #0f766eb3}70%{box-shadow:0 0 0 8px #0f766e00}to{box-shadow:0 0 #0f766e00}}.psych-basic-info{flex:1}.psych-name-section{margin-bottom:8px}.psych-name-section h3{color:#1e293b;margin:0 0 6px;font-size:20px;font-weight:700}.verification-badges{display:flex;gap:8px;flex-wrap:wrap}.verified-badge,.real-badge,.demo-badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600}.verified-badge{background:#f0fdfa;color:#0f766e}.real-badge{background:#eff6ff;color:#1e40af}.demo-badge{background:#fff7ed;color:#ea580c}.psych-rating-section{margin-top:8px}.rating-stars{display:flex;align-items:center;gap:6px;margin-bottom:4px}.rating-stars .rating-number{font-weight:600;color:#ea580c;font-size:14px}.sessions-count{color:#64748b;font-size:13px;margin:0}.psych-speciality-section{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #1e40af}.speciality-title{color:#1e40af;font-weight:600;margin:0 0 8px;font-size:16px}.speciality-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.psych-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:10px;padding:12px;background:#f1f5f9;border-radius:10px}.detail-icon{font-size:18px;min-width:20px}.detail-item div{display:flex;flex-direction:column}.detail-label{font-size:12px;color:#64748b;font-weight:500}.detail-value{font-size:14px;color:#1e293b;font-weight:600}.detail-value.price{color:#0f766e;font-weight:700}.psych-availability{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background:linear-gradient(135deg,#f0fdfa,#f0fdf4);border-radius:10px;border:1px solid #ccfbf1}.availability-indicator{display:flex;align-items:center;gap:8px;color:#0f766e;font-weight:600;font-size:14px}.available-dot{width:8px;height:8px;background:#0f766e;border-radius:50%;animation:pulse-green 2s infinite}.response-time{color:#64748b;font-size:13px}.psych-actions{display:flex;gap:12px;margin-bottom:16px}.contact-btn{flex:1;padding:14px 16px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.contact-btn.primary{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff}.contact-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f766e4d}.contact-btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.contact-btn.secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.trust-indicators{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid #f1f5f9}.trust-item{font-size:12px;color:#0f766e;font-weight:500;display:flex;align-items:center;gap:4px}.demo-cta{text-align:center;padding:24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;border:1px solid #cbd5e1}.demo-text{color:#475569;margin-bottom:20px;font-size:16px;line-height:1.6;font-weight:500}.register-psychologist-btn{padding:14px 28px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s}.register-psychologist-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f766e4d}.demo-actions{text-align:center;margin-top:30px}.continue-btn{padding:16px 48px;background:linear-gradient(135deg,#1e40af,#0f766e);color:#fff;border:none;border-radius:14px;cursor:pointer;font-size:18px;font-weight:600;transition:all .3s;min-width:200px}.continue-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1e40af4d}.continue-btn.disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.avatar-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #f8fafc;box-shadow:0 4px 12px #1e40af33}.badge{font-size:11px;padding:3px 8px;border-radius:10px;font-weight:600}.new-badge{background:#fff7ed;color:#ea580c}.therapy-modalities{margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px}.modalities-label{display:block;font-size:12px;color:#64748b;font-weight:500;margin-bottom:6px}.modalities-tags{display:flex;flex-wrap:wrap;gap:4px}.modality-tag{font-size:11px;background:#eff6ff;color:#1e40af;padding:2px 6px;border-radius:6px;font-weight:500}.psychologists-grid{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.psychologist-card.limited-demo{position:relative;border:2px solid #cbd5e1;background:linear-gradient(to bottom,#fff 60%,#f8fafc 60%)}.demo-overlay{min-height:350px;padding-bottom:5rem}.demo-blur-content{padding:24px;position:relative}.price.blurred{background:#e2e8f0;color:transparent;border-radius:4px;position:relative}.price.blurred:after{content:"$XXX-XXX";position:absolute;top:0;left:0;color:#64748b;font-size:.85em}.modality-tag.blurred{background:#e2e8f0;color:#64748b}.response-time.blurred{color:#cbd5e1}.blur-text{font-style:italic;color:#666;font-size:.85em}.demo-registration-section{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1e40af,#0f766e);color:#fff;padding:1.5rem;text-align:center;border-radius:0 0 18px 18px}.demo-registration-section h4{margin:0 0 .5rem;font-size:1rem;font-weight:600}.demo-registration-section p{margin:0 0 1rem;font-size:.85rem;color:#ffffffe6}.register-patient-btn{background:#fff;color:#1e40af;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;max-width:250px}.register-patient-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.demo-cta.registration-focused{background:linear-gradient(135deg,#1e40af,#0f766e);color:#fff;padding:2rem;border-radius:16px;text-align:center;margin-top:2rem}.cta-content h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.cta-description{font-size:1rem;margin:0 0 1.5rem;color:#ffffffe6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.register-patient-btn.large{background:#fff;color:#1e40af;padding:1rem 2rem;font-size:1rem;font-weight:700;border:none;min-width:250px}.register-patient-btn.large:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ffffff4d}.therapist-register-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:200px}.therapist-register-btn:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.demo-matching{padding:10px}.demo-container{padding:20px;margin:10px;border-radius:16px}.demo-header{margin-bottom:20px}.progress-bar{margin:0 15px}.step-content h2{font-size:24px;margin-bottom:15px}.step-subtitle{font-size:15px;margin-bottom:25px}.continue-btn{width:100%;min-width:unset}.psychologist-card{padding:20px}.psych-profile-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.psych-basic-info{width:100%}.psych-details-grid{grid-template-columns:1fr;gap:10px}.psych-actions{flex-direction:column;gap:10px}.trust-indicators{flex-direction:column;gap:6px;align-items:center}.option-content{padding:16px 20px}.option-emoji{font-size:24px;min-width:32px}.option-title{font-size:16px}.option-desc{margin-left:48px;font-size:13px}.demo-registration-section{padding:1rem}.cta-buttons{flex-direction:column;align-items:center}.register-patient-btn.large,.therapist-register-btn{min-width:auto;width:100%;max-width:280px}.avatar-photo{width:56px;height:56px}}