.package-selector-section{padding:80px 20px;background:linear-gradient(135deg,#f7f8fc,#eef1f5);color:#2d3748;text-align:center}.package-selector-section h2{font-size:2rem;font-weight:700;margin-bottom:10px}.package-selector-section p{font-size:1.1rem;opacity:.85}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:40px}.service-btn{padding:18px 26px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;color:#4a5568;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;transition:all .35s ease;min-width:180px;justify-content:center;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.service-btn i{font-size:22px;transition:transform .3s ease,color .3s ease}.service-btn:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);border-color:#a3bffa;color:#4263eb}.service-btn:hover i{transform:rotate(12deg);color:#4263eb}.service-btn.selected{background:linear-gradient(135deg,#667eea,#5a67d8);box-shadow:0 10px 15px -3px rgba(102,126,234,.4),0 4px 6px -2px rgba(102,126,234,.2);border-color:#667eea;color:#fff}.service-btn.selected:after{content:"+";position:absolute;top:-10px;right:-10px;background:#22c55e;color:#fff;font-size:14px;font-weight:700;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);animation:popIn .3s ease forwards}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.other-input-wrapper{margin-top:25px;max-width:420px;margin-left:auto;margin-right:auto;overflow:hidden;max-height:0;opacity:0;transition:all .45s ease}.other-input-wrapper.show{max-height:120px;opacity:1}#service-other-input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;outline:none;font-size:15px;margin-top:10px;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05)}#package-submit{margin-top:35px;padding:16px 40px;font-size:16px;border-radius:18px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}#package-submit:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(34,197,94,.4),0 4px 6px -2px rgba(34,197,94,.2)}@media (max-width: 576px){.package-selector-section{padding:50px 15px}.package-selector-section h2{font-size:1.6rem}.services-grid{gap:12px}.service-btn{min-width:100%;font-size:15px;padding:14px 18px}.service-btn i{font-size:18px}#package-submit{width:100%;font-size:15px;padding:14px 20px}}@media (min-width: 577px) and (max-width: 991px){.service-btn{min-width:45%;font-size:15px}}@media (min-width: 992px){.service-btn{min-width:200px}}.dark-mode .package-selector-section{background:linear-gradient(135deg,#1a1c2c,#3a3c5c);color:#fff}.dark-mode .service-btn{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:none}.dark-mode .service-btn:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 24px #0000004d;border-color:#667eea;color:#fff}.dark-mode .service-btn:hover i{color:#a3bffa}.dark-mode .service-btn.selected{background:linear-gradient(135deg,#667eea,#5a67d8);box-shadow:0 12px 20px #667eea66;border-color:#667eea}.dark-mode .service-btn.selected:after{box-shadow:0 2px 6px #0000004d}.dark-mode #service-other-input{background:#fff;color:#2d3748;border:none;box-shadow:0 4px 12px #0003}.dark-mode #package-submit{box-shadow:none}.dark-mode #package-submit:hover{transform:translateY(-4px);box-shadow:0 10px 20px #22c55e66}