@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.flip-card-container{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--tertiary-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--border-gradient:linear-gradient(135deg,#667eea,#764ba2,#f093fb);--glass-bg:#fffffff2;--glass-border:#677eea4d;--text-shadow:0 2px 4px #0000004d;--glow-color:#677eea66;perspective:1200px;transform-style:preserve-3d;transition:all .3s}.flip-card-container:hover{filter:drop-shadow(0 20px 40px #677eea33);transform:scale(1.02)translateY(-4px)}.flip-card-container .flip-card{width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(white,white)padding-box,var(--border-gradient)border-box;border:2px solid #0000;border-radius:20px;transition:transform .6s ease-in-out;position:relative;box-shadow:0 8px 32px #677eea26,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.flip-card-container .flip-card.flipped-right{transform:rotateY(180deg)}.flip-card-container .flip-card.flipped-left{transform:rotateY(-180deg)}.flip-card-container .card-side{backface-visibility:hidden;border-radius:18px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.flip-card-container .card-front{z-index:2}.flip-card-container .card-back{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffffa 0%,#f8fafc 100%);border:1px solid #677eea33;transform:rotateY(180deg)}.flip-card-container .glow-border{background:var(--border-gradient);z-index:-1;opacity:0;filter:blur(12px);border-radius:23px;transition:opacity .6s;animation:4s linear infinite gentleRotation;position:absolute;inset:-3px}.flip-card-container:hover .glow-border{opacity:.7}@keyframes gentleRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flip-card-container .glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2 0%,#f8fafcfa 100%);border:1px solid #677eea1a;border-radius:18px;position:absolute;inset:0}.flip-card-container .text-container{z-index:10;flex-direction:column;justify-content:flex-start;height:100%;padding:1.8rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.flip-card-container .text-content{color:#1e293b;text-shadow:none;scrollbar-width:thin;scrollbar-color:#677eea66 #f8fafc4d;height:100%;padding-right:8px;font-weight:400;line-height:1.6;overflow-y:auto}.flip-card-container .text-content::-webkit-scrollbar{width:8px}.flip-card-container .text-content::-webkit-scrollbar-track{background:#f8fafc80;border-radius:10px}.flip-card-container .text-content::-webkit-scrollbar-thumb{background:var(--border-gradient);border:1px solid #ffffff4d;border-radius:10px}.flip-card-container .text-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#764ba2,#667eea)}.flip-card-container .text-content{font-size:.85rem}@media (min-width:768px){.flip-card-container .text-content{font-size:.75rem}}@media (min-width:1024px){.flip-card-container .text-content{font-size:.75rem}}.flip-card-container .text-content-body{color:#334155;font-weight:400;line-height:1.8}.flip-card-container .text-content-body p{margin-bottom:.8rem}.flip-card-container .text-content-body p:last-child{margin-bottom:0}.text-content-body span{line-height:1.8;display:block}.flip-card-container .floating-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.flip-card-container .particle{background:#677eea4d;border-radius:50%;width:2px;height:2px;animation:8s ease-in-out infinite gentleFloat;position:absolute}.flip-card-container .particle:first-child{animation-delay:0s;top:20%;left:20%}.flip-card-container .particle:nth-child(2){animation-delay:1.6s;top:40%;left:80%}.flip-card-container .particle:nth-child(3){animation-delay:3.2s;top:70%;left:30%}.flip-card-container .particle:nth-child(4){animation-delay:4.8s;top:60%;left:70%}.flip-card-container .particle:nth-child(5){animation-delay:6.4s;top:30%;left:50%}@keyframes gentleFloat{0%,to{opacity:.2;transform:translateY(0)scale(1)}50%{opacity:.4;transform:translateY(-12px)scale(1.1)}}.flip-card-container .shimmer-wave{background:linear-gradient(90deg,#0000,#fff6,#677eea1a,#fff6,#0000);width:100%;height:100%;animation:1s ease-out elegantShimmer;position:absolute;top:0;left:-100%}@keyframes elegantShimmer{0%{opacity:0;left:-100%}50%{opacity:1}to{opacity:0;left:100%}}.flip-card-container .pin-indicator{z-index:15;color:#ff6b6b;filter:drop-shadow(0 2px 4px #0000004d);animation:2.5s infinite smoothPulse;position:absolute;top:1rem;left:1rem}@keyframes smoothPulse{0%,to{opacity:.8;transform:scale(1)rotate(45deg)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}.flip-card-container .gradient-text{background:var(--border-gradient);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1.2rem;font-weight:600;line-height:1.4;animation:4s ease-in-out infinite smoothGradient}@keyframes smoothGradient{0%,to{background-position:0%}50%{background-position:100%}}.flip-card-container .elegant-separator{background:var(--border-gradient);opacity:.6;border-radius:1px;width:50px;height:1px;animation:3s ease-in-out infinite separatorBreath}@keyframes separatorBreath{0%,to{opacity:.6;width:50px}50%{opacity:.9;width:60px}}@media (max-width:767px){.flip-card-container{perspective:1000px}.flip-card-container .text-container{padding:1.4rem}.flip-card-container .text-content{font-size:.9rem;line-height:1.6}.flip-card-container .flip-card{border-radius:16px;transition:transform .5s ease-in-out}.flip-card-container .card-side{border-radius:14px}.flip-card-container:hover{transform:scale(1.01)translateY(-2px)}.flip-card-container .gradient-text{margin-bottom:1rem;font-size:1.1rem}}@media (min-width:768px) and (max-width:1023px){.flip-card-container .text-container{padding:1.6rem}.flip-card-container .gradient-text{font-size:1.3rem}}@media (prefers-contrast:high){.flip-card-container .text-content,.flip-card-container .text-content-body{color:#000;text-shadow:none}.flip-card-container .card-back{background:#fff;border:2px solid #000}.flip-card-container .gradient-text{background:#000;-webkit-text-fill-color:transparent;-webkit-background-clip:text}}@media (prefers-reduced-motion:reduce){.flip-card-container .flip-card,.flip-card-container,.flip-card-container .particle,.flip-card-container .gradient-text,.flip-card-container .shimmer-wave,.flip-card-container .glow-border,.flip-card-container .elegant-separator{animation:none}.flip-card-container .flip-card{transition:transform .3s}.flip-card-container:hover{transform:scale(1.01)}.flip-card-container .flip-card.flipped-right{transform:rotateY(180deg)}.flip-card-container .flip-card.flipped-left{transform:rotateY(-180deg)}}@media (prefers-color-scheme:dark){.flip-card-container{--glass-bg:#0f172af2;--glass-border:#677eea4d}.flip-card-container .text-content,.flip-card-container .text-content-body{color:#e2e8f0;text-shadow:none}.flip-card-container .card-back{background:linear-gradient(135deg,#0f172afa 0%,#1e293b 100%)}.flip-card-container .glass-content{background:linear-gradient(135deg,#0f172af2 0%,#1e293bfa 100%)}}
.star-rating{gap:2px;font-size:1.2rem;line-height:1;display:inline-flex}.star-rating .star{color:#ccc;transition:color .2s}.star-rating .filled{color:gold}.star-rating [aria-label]{position:relative}.star-rating [aria-label]:hover:after{content:attr(aria-label);color:#fff;white-space:nowrap;background:#333;border-radius:4px;padding:4px 8px;font-size:.8rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}