.hero{background:linear-gradient(135deg,#a855f7,#3b82f6);padding:60px 0;text-align:center;color:#ffffff}.badge-container{display:block;margin-bottom:15px;text-align:center}.badge{display:inline-flex;align-items:center;padding:5px 15px;background-color:#ede9fe;color:#6d28d9;border-radius:20px;font-size:.9rem;font-weight:500}.badge i{margin-right:8px;font-size:.9rem}.hero-title{font-size:3rem;font-weight:800;margin-bottom:20px;background-image:linear-gradient(135deg,#ffffff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.hero-description{font-size:1.2rem;max-width:800px;margin:0 auto 30px;color:#f9fafb;padding:0 20px}.feature-tags{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.feature-tag{display:flex;align-items:center;padding:8px 16px;background-color:rgba(255,255,255,.15);border-radius:20px;transition:all .3s ease}.feature-tag:hover{background-color:rgba(255,255,255,.25);transform:translateY(-2px)}.tag-icon{margin-right:8px;font-size:.9rem}.tag-text{font-size:.9rem;font-weight:500}.content-container{padding:50px 0;max-width:1200px;margin:0 auto}.intro-section{max-width:900px;margin:0 auto 50px;text-align:center}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:20px}.gradient-text{background-image:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.intro-text{font-size:1.1rem;margin-bottom:25px;color:#4b5563}.intro-banner{background-color:#f5f3ff;border-left:4px solid #a855f7;padding:20px;font-style:italic;color:#6b7280;margin:20px 0;border-radius:0 8px 8px 0}.patient-perspectives-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.patient-perspectives-main{min-width:0}.stories-section{margin-bottom:60px}.section-header{margin-bottom:30px;position:relative}.section-header h2{font-size:1.8rem;font-weight:700;margin-bottom:15px;position:relative;display:inline-block}.section-header.purple h2{color:#a855f7}.section-header.blue h2{color:#3b82f6}.section-header.teal h2{color:#14b8a6}.section-divider{height:3px;width:80px;background-image:linear-gradient(90deg,currentColor,transparent);margin-bottom:20px}.stories-content{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:30px;margin-bottom:30px}.stories-text{color:#4b5563}.emphasis{font-weight:700;color:#6d28d9;margin-bottom:25px;font-size:1.1rem}.story-card{background-color:#f9fafb;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.story-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.story-header{margin-bottom:15px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.story-author{font-size:1.3rem;font-weight:600;color:#1f2937;margin-bottom:5px}.story-title{font-weight:600;font-style:italic;margin-bottom:15px;color:#6d28d9}.story-content p{margin-bottom:15px;line-height:1.6}.read-more{margin-top:15px}.expand-button{background-color:#a855f7;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.expand-button:hover{background-color:#7e22ce}.expanded-content{margin-top:15px;padding-top:15px;border-top:1px dashed #e5e7eb}.sidebar{background-color:#f9fafb;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:25px}.sidebar-section{margin-bottom:30px}.sidebar-title{display:flex;align-items:center;font-size:1.3rem;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.sidebar-icon{margin-right:10px;color:#a855f7}.nav-links{list-style:none;padding:0;margin:0}.nav-links li{margin-bottom:10px}.nav-link{display:flex;align-items:center;padding:8px 12px;border-radius:4px;color:#4b5563;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#f3f4f6;color:#6d28d9;transform:translateX(5px)}.nav-icon{margin-right:10px;width:20px;color:#6d28d9}.sidebar-image-card{border-radius:8px;overflow:hidden;margin-bottom:24px;background:#ffffff;box-shadow:0 4px 10px rgba(0,0,0,.08)}.sidebar-image{width:100%;height:auto;display:block}.sidebar-cta{background:linear-gradient(135deg,#a855f7,#7e22ce);padding:25px;border-radius:8px;color:white;text-align:center}.sidebar-cta h4{font-size:1.4rem;font-weight:600;margin-bottom:15px}.sidebar-cta p{margin-bottom:20px;font-size:.95rem}.cta-section{background:linear-gradient(135deg,#14b8a6,#0f766e);padding:50px 0;margin-top:40px;text-align:center;color:white;border-radius:8px}.cta-container{max-width:700px;margin:0 auto;padding:0 20px}.cta-section h3{font-size:2rem;font-weight:700;margin-bottom:20px}.cta-section p{margin-bottom:30px;font-size:1.1rem}.cta-button{display:inline-block;background-color:white;color:#14b8a6;padding:12px 24px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.pp-carousel{margin:20px 0 30px}.pp-carousel-viewport{overflow:hidden;border-radius:12px;background-color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.08);height:min(70vh,560px)}.pp-carousel-track{display:flex;transform:translateX(var(--pp-offset,0));transition:transform .3s ease;height:100%}.pp-slide{min-width:100%;display:grid;grid-template-columns:1fr 1.2fr;gap:0;background-color:#ffffff;height:100%}.pp-slide-media{position:relative;min-height:0;height:100%}.pp-slide-img,.pp-slide-media img{width:100%;height:100%;object-fit:cover;display:block}.pp-role-badge{position:absolute;top:12px;left:12px;background-color:rgba(255,255,255,.92);color:#374151;padding:6px 10px;border-radius:9999px;font-size:12px;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}.pp-role-badge.patient{border:2px solid #14b8a6}.pp-role-badge.caregiver{border:2px solid #8b5cf6}.pp-slide-body{padding:16px 22px;height:100%;overflow:auto}.pp-slide-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.pp-slide-meta{margin-top:4px;color:#6b7280;font-size:.9rem}.pp-slide-text{margin-top:12px;color:#374151;line-height:1.6}.pp-slide-details summary{margin-top:10px;color:#4f46e5;font-weight:600;cursor:pointer}.pp-carousel-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.pp-btn{background-color:#ffffff;color:#374151;border:1px solid #e5e7eb;padding:8px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.pp-btn:hover{background-color:#f9fafb}.pp-dots{display:flex;align-items:center;gap:8px}.pp-dot{width:10px;height:10px;border-radius:9999px;background-color:#e5e7eb;border:none;cursor:pointer}.pp-dot.is-active{width:24px;background-color:#6366f1}.pp-strip{display:flex;gap:10px;overflow-x:auto;padding-top:8px;margin-top:6px}.pp-strip::-webkit-scrollbar{height:8px}.pp-strip::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.pp-strip-item{min-width:220px;text-align:left;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.pp-strip-item:hover{background-color:#f9fafb}.pp-strip-item.is-active{background-color:#eef2ff;border-color:#c7d2fe}.pp-strip-name{font-size:.95rem;font-weight:700;color:#111827}.pp-strip-sub{font-size:.8rem;color:#6b7280}@media (min-width:1024px){.patient-perspectives-layout{grid-template-columns:minmax(0,1fr) 320px}.sidebar{position:sticky;top:24px}}@media (max-width:768px){.hero-title{font-size:2.2rem}.section-title{font-size:1.8rem}.stories-content,.story-card{padding:20px}.pp-slide{grid-template-columns:1fr}.pp-carousel-viewport{height:min(75vh,480px)}.pp-slide-media{min-height:180px;height:40%}.pp-slide-body{height:60%}}@media (max-width:576px){.hero-title{font-size:1.8rem}.hero-description{font-size:.9rem}.section-title{font-size:1.5rem}.sidebar-section h3,.support-section h3{font-size:1.3rem}}