.experiences-page{padding:40px 20px;max-width:1200px;margin:0 auto}.experiences-content{margin-top:30px;display:flex;flex-direction:column;gap:15px}.experiences-page h1{color:#2c3e50;border-bottom:3px solid #3498db;padding-bottom:10px}.experience-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;overflow:hidden}.experience-container:hover{box-shadow:0 4px 8px rgba(52,152,219,.2);transform:translateY(-2px)}.experience-compact{display:flex;align-items:center;gap:20px;padding:20px}.company-logo-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:white;padding:10px;border-radius:8px;border:2px solid #e0e0e0}.company-logo{object-fit:contain}.experience-meta{display:flex;flex-direction:column;gap:5px;flex-grow:1}.experience-position{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0}.experience-location{color:#7f8c8d;font-size:.95rem;font-weight:500;margin:0}.experience-period{color:#7f8c8d;font-size:.9rem;margin:0;font-style:italic}.experience-details{padding:0 20px 20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-top:10px;border-top:2px solid #e0e0e0;flex-wrap:wrap;gap:10px}.experience-header h2{color:#3498db;font-size:1.5rem;margin:0}.company-link{color:#3498db;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.company-link:hover{color:#2980b9;text-decoration:underline}.experience-description{color:#2c3e50;font-size:1rem;margin-bottom:15px;font-weight:500;line-height:1.6}.experience-responsibilities{list-style:none;padding:0;margin:0 0 15px}.experience-responsibilities li{padding:8px 0 8px 20px;position:relative;color:#2c3e50;line-height:1.6}.experience-responsibilities li:before{content:"▸";position:absolute;left:0;color:#3498db;font-weight:700}.experience-tools{padding-top:15px;border-top:1px solid #e0e0e0}.experience-tools strong{color:#3498db;font-size:.95rem;display:block;margin-bottom:10px}.tools-grid{display:flex;flex-wrap:wrap;gap:10px}.tool-item{display:flex;align-items:center;justify-content:center;background-color:white;border:2px solid #e0e0e0;border-radius:6px;padding:8px;transition:all .3s ease;text-decoration:none;width:56px;height:56px;position:relative}.tool-item:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#2c3e50;color:white;padding:6px 10px;border-radius:4px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:6px}.tool-item:hover{border-color:#3498db;box-shadow:0 2px 4px rgba(52,152,219,.2);transform:translateY(-2px)}.tool-item:hover:after{opacity:1}.tool-logo{object-fit:contain}@media (max-width:768px){.experiences-page{padding:20px 15px}.experience-compact{padding:15px;gap:15px}.experience-details{padding:0 15px 15px}.company-logo-container{padding:8px}.company-logo{width:60px;height:30px}.experience-position{font-size:1.1rem}.experience-location{font-size:.85rem}.experience-period{font-size:.8rem}}@media (max-width:480px){.experiences-page h1{font-size:1.8rem}.experience-compact{gap:10px}.experience-compact,.experience-header{flex-direction:column;align-items:flex-start}.experience-header h2{font-size:1.2rem}.experience-description{font-size:.95rem}.experience-responsibilities li{font-size:.9rem}.experience-tools strong{font-size:.85rem}.tool-item{width:48px;height:48px;padding:6px}.tool-logo{width:32px;height:32px}.experience-position{font-size:1rem}.experience-location{font-size:.8rem}.experience-period{font-size:.75rem}.company-logo{width:50px;height:25px}}