.accordion{width:100%;max-width:600px;margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.accordion .accordion-item{border-bottom:1px solid #e0e0e0}.accordion .accordion-item .accordion-header{background-color:#f8f9fa;padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.accordion .accordion-item .accordion-header h3{margin:0;font-size:16px;font-weight:500;color:#333}.accordion .accordion-item .accordion-header .accordion-icon{font-size:12px;transition:transform .3s ease}.accordion .accordion-item .accordion-header:hover{background-color:#e9ecef}.accordion .accordion-item .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:white}.accordion .accordion-item .accordion-content p{margin:0;padding:20px;color:#666;line-height:1.6}.accordion .accordion-item:last-child{border-bottom:none}.accordion .accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion .accordion-item.active .accordion-content{max-height:500px;transition:max-height .5s ease-in}.accordion h1,.accordion h2{color:#333;margin-bottom:20px}.accordion h2{font-size:20px;margin-top:40px}