.container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.flipBox{width:280px;height:320px;perspective:1000px;position:relative}.flipBox.flipped .box:first-child{transform:rotateY(-180deg)}.flipBox.flipped .box:last-child{transform:rotateY(0deg)}.box{width:100%;height:100%;position:absolute;backface-visibility:hidden;transition:transform .8s cubic-bezier(.4,0,.2,1);border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.box:first-child{transform:rotateY(0deg);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.box:last-child{transform:rotateY(180deg);background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.profileCard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.profileImage{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:3px solid #3b82f6;box-shadow:0 8px 24px rgba(59,130,246,.3)}.profileName{font-size:18px;font-weight:700;color:#1F2937;margin-bottom:16px}.profileDetails{width:100%;space-y:8px}.detail{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(156,163,175,.2)}.detailLabel{font-size:14px;color:#6B7280;font-weight:500}.detailValue{font-size:14px;color:#1F2937;font-weight:600}.centeredImageContainer{flex:1;display:flex;justify-content:center;align-items:center;margin:0 40px}.canopyImage{max-width:400px;max-height:300px;object-fit:contain;filter:drop-shadow(0 25px 50px rgba(0,0,0,.15))}@media (max-width:768px){.container{flex-direction:column;gap:40px}.flipBox{width:250px;height:280px}.centeredImageContainer{order:-1;margin:0}.canopyImage{max-width:300px;max-height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flipBox{animation:scaleIn .6s ease-out}.profileCard{animation:fadeInUp .8s ease-out}