.services-container{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:relative}.cross-button{cursor:pointer;z-index:1000;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 4px 12px rgba(220,38,38,.3)}.cross-button:hover{background:#b91c1c;transform:rotate(90deg)scale(1.1);box-shadow:0 6px 20px rgba(220,38,38,.4)}.cross-line-1,.cross-line-2{background:#fff;border-radius:1px;width:20px;height:2px;position:absolute}.cross-line-1{transform:rotate(45deg)}.cross-line-2{transform:rotate(-45deg)}.services-content{max-width:800px;margin:0 auto;padding-top:4rem}.services-title{color:#1f2937;text-align:center;background:linear-gradient(135deg,#dc2626,#1f2937);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:max(2.5rem,min(5vw,4rem));font-weight:800}.services-description{color:#6b7280;text-align:center;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:max(1rem,min(2.5vw,1.25rem));line-height:1.7}.divider{background:linear-gradient(90deg,transparent 0%,#dc2626 20%,#dc2626 80%,transparent 100%);max-width:200px;height:2px;margin:3rem auto}.services-grid{flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;display:flex}.service-item{cursor:pointer;background:#fff;border:2px solid transparent;border-radius:12px;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.service-item:hover{border-color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,38,38,.15)}.service-header{background:#fff;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .3s;display:flex}.service-header.active-header{background:linear-gradient(135deg,#dc2626,#b91c1c);border-bottom:1px solid rgba(255,255,255,.2)}.service-header.active-header:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.service-name{color:#1f2937;margin:0;font-size:max(1.1rem,min(2.5vw,1.3rem));font-weight:600}.service-header.active-header .service-name{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dropdown-arrow{color:#dc2626;font-size:1.2rem;transition:all .3s}.service-header.active-header .dropdown-arrow{color:#fff}.dropdown-arrow.open{color:#b91c1c;transform:rotate(180deg)}.service-header.active-header .dropdown-arrow.open{color:#fcc}.service-header:hover .dropdown-arrow{transform:translateY(2px)}.service-header.active-header:hover .dropdown-arrow.open{transform:rotate(180deg)translateY(-2px)}.dropdown-content{background:#fff;border-radius:0 0 10px 10px;padding:1.5rem 2rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.service-description{color:#6b7280;margin-bottom:1rem;font-size:1rem;font-style:italic;line-height:1.5}.service-list{flex-direction:column;gap:.75rem;display:flex}.service-list-item{color:#374151;background:#f8fafc;border-left:4px solid #dc2626;border-radius:8px;padding:.75rem 1rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.05)}.service-list-item:hover{background:#f1f5f9;transform:translate(5px)}.service-list-item.selected{color:#dc2626;background:#fef2f2;border-left:4px solid #dc2626;font-weight:600}@media (max-width:768px){.services-container{padding:1.5rem}.cross-button{width:35px;height:35px;top:1.5rem;right:1.5rem}.cross-line-1,.cross-line-2{width:16px}.services-content{padding-top:3rem}.service-header,.dropdown-content{padding:1.25rem 1.5rem}}@media (max-width:480px){.services-container{padding:1rem}.cross-button{width:32px;height:32px;top:1rem;right:1rem}.cross-line-1,.cross-line-2{width:14px}.services-content{padding-top:2.5rem}.service-header,.dropdown-content{padding:1rem 1.25rem}.divider{margin:2rem auto}.service-list-item{padding:.6rem .8rem;font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-content>*{animation:.6s ease-out fadeInUp}.services-content>:first-child{animation-delay:.1s}.services-content>:nth-child(2){animation-delay:.2s}.services-content>:nth-child(3){animation-delay:.3s}.services-content>:nth-child(4){animation-delay:.4s}