.tech-selector-container{display:flex;padding:80px;background:#fff;border-radius:35px;gap:30px;width:100%}.selection-panel{flex:2;display:flex;flex-direction:column;gap:10px}.image-panel{flex:1;display:flex;align-items:center;justify-content:center}.gradient-text{display:inline-block;font-weight:700;background:linear-gradient(90deg,#A856F7,#6A5ACD 50%,#00A1E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.option-item{padding:10px 35px;border-radius:15px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.option-item:hover:not(.selected){background-color:#f7f7ff}.option-item.selected{background-color:#f3f0ff;background:linear-gradient(90deg,rgba(168,86,247,.1),rgba(106,90,205,.1) 50%,rgba(0,161,224,.1));box-shadow:0 0 3px 0 #00000040}.selected-details-box .gradient-text{margin-bottom:10px}.details-text{color:#333;margin-bottom:15px;line-height:1.5;font-size:.95rem}.keywords{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background-color:#e5e0ff;color:#6A5ACD;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.detail-image{width:100%;max-width:350px;height:auto;border-radius:15px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,.15)}.details-wrapper{transition:max-height .5s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.details-wrapper.collapsed{max-height:0;opacity:0}.details-wrapper.expanded{max-height:300px;opacity:1}.details-inner-content{padding-top:1rem;display:flex;flex-direction:column;gap:.75rem;transition:padding-top .5s ease-in-out}.details-wrapper.collapsed .details-inner-content{padding-top:0}@media only screen and (max-width:714px){.tech-selector-container{padding:20px}}