@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");.flip-card-container{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--tertiary-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--border-gradient:linear-gradient(135deg,#667eea,#764ba2,#f093fb);--glass-bg:rgba(255,255,255,0.95);--glass-border:rgba(103,126,234,0.3);--text-shadow:0 2px 4px rgba(0,0,0,0.3);--glow-color:rgba(103,126,234,0.4);perspective:1200px;transform-style:preserve-3d;transition:all .3s ease}.flip-card-container:hover{transform:scale(1.02) translateY(-4px);filter:drop-shadow(0 20px 40px rgba(103,126,234,.2))}.flip-card-container .flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;border-radius:20px;border:2px solid transparent;background:linear-gradient(white,white) padding-box,var(--border-gradient) border-box;box-shadow:0 8px 32px rgba(103,126,234,.15),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}.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{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:18px;overflow:hidden}.flip-card-container .card-front{z-index:2}.flip-card-container .card-back{transform:rotateY(180deg);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,1));backdrop-filter:blur(15px);border:1px solid rgba(103,126,234,.2)}.flip-card-container .glow-border{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:var(--border-gradient);border-radius:23px;z-index:-1;opacity:0;transition:opacity .6s ease;filter:blur(12px);animation:gentleRotation 4s linear infinite}.flip-card-container:hover .glow-border{opacity:.7}@keyframes gentleRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flip-card-container .glass-content{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.98));backdrop-filter:blur(20px);border:1px solid rgba(103,126,234,.1);border-radius:18px}.flip-card-container .text-container{position:relative;height:100%;padding:1.8rem;display:flex;flex-direction:column;justify-content:flex-start;z-index:10;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.flip-card-container .text-content{color:#1e293b;text-shadow:none;line-height:1.6;font-weight:400;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(103,126,234,.4) rgba(248,250,252,.3);padding-right:8px}.flip-card-container .text-content::-webkit-scrollbar{width:8px}.flip-card-container .text-content::-webkit-scrollbar-track{background:rgba(248,250,252,.5);border-radius:10px}.flip-card-container .text-content::-webkit-scrollbar-thumb{background:var(--border-gradient);border-radius:10px;border:1px solid rgba(255,255,255,.3)}.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{line-height:1.8;color:#334155;font-weight:400}.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{display:block;line-height:1.8}.flip-card-container .floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.flip-card-container .particle{position:absolute;width:2px;height:2px;background:rgba(103,126,234,.3);border-radius:50%;animation:gentleFloat 8s ease-in-out infinite}.flip-card-container .particle:first-child{top:20%;left:20%;animation-delay:0s}.flip-card-container .particle:nth-child(2){top:40%;left:80%;animation-delay:1.6s}.flip-card-container .particle:nth-child(3){top:70%;left:30%;animation-delay:3.2s}.flip-card-container .particle:nth-child(4){top:60%;left:70%;animation-delay:4.8s}.flip-card-container .particle:nth-child(5){top:30%;left:50%;animation-delay:6.4s}@keyframes gentleFloat{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-12px) scale(1.1);opacity:.4}}.flip-card-container .shimmer-wave{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),rgba(103,126,234,.1),rgba(255,255,255,.4),transparent);animation:elegantShimmer 1s ease-out}@keyframes elegantShimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.flip-card-container .pin-indicator{position:absolute;top:1rem;left:1rem;z-index:15;color:#ff6b6b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:smoothPulse 2.5s infinite}@keyframes smoothPulse{0%,to{transform:scale(1) rotate(45deg);opacity:.8}50%{transform:scale(1.15) rotate(45deg);opacity:1}}.flip-card-container .gradient-text{background:var(--border-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:smoothGradient 4s ease-in-out infinite;font-weight:600;margin-bottom:1.2rem;line-height:1.4}@keyframes smoothGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.flip-card-container .elegant-separator{width:50px;height:1px;background:var(--border-gradient);border-radius:1px;opacity:.6;animation:separatorBreath 3s ease-in-out infinite}@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{font-size:1.1rem;margin-bottom: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:#000000;text-shadow:none}.flip-card-container .card-back{background:#ffffff;border:2px solid #000000}.flip-card-container .gradient-text{background:#000000;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@media (prefers-reduced-motion:reduce){.flip-card-container,.flip-card-container .elegant-separator,.flip-card-container .flip-card,.flip-card-container .glow-border,.flip-card-container .gradient-text,.flip-card-container .particle,.flip-card-container .shimmer-wave{animation:none}.flip-card-container .flip-card{transition:transform .3s ease}.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:rgba(15,23,42,0.95);--glass-border:rgba(103,126,234,0.3)}.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,rgba(15,23,42,.98),rgba(30,41,59,1))}.flip-card-container .glass-content{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.98))}}.star-rating{display:inline-flex;gap:2px;font-size:1.2rem;line-height:1}.star-rating .star{color:#cccccc;transition:color .2s}.star-rating .filled{color:#ffd700}.star-rating [aria-label]{position:relative}.star-rating [aria-label]:hover:after{content:attr(aria-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#333;color:white;padding:4px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap}