.modern-container{background-color:#efc3bc;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.modern-container:before{content:"";z-index:5;pointer-events:none;opacity:.8;position:fixed;inset:0;box-shadow:inset 0 0 150px 100px #dd7d7d99}.image-background-placeholder{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:90%;height:90%;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-image{opacity:1;object-fit:contain;width:auto;max-width:60%;height:auto}@media (max-width:1024px){.logo-image{max-width:75%}}@media (max-width:768px){.image-background-placeholder{width:95%}.logo-image{max-width:85%}}.content-card{z-index:10;-webkit-backdrop-filter:blur(20px);text-align:center;border-radius:40px;max-width:600px;padding:4rem;position:relative}.intro-title{color:#333;letter-spacing:-1px;margin-bottom:2rem;font-size:3rem;font-weight:800}.intro-placeholder-box{color:#fff;border-radius:20px;padding:2rem;font-size:1.1rem;font-weight:900;line-height:1.8}body{transition:background-color .3s}.fixed-button-containers{z-index:100;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.tooltip-bubble{color:red;opacity:0;pointer-events:none;white-space:nowrap;background-color:#fff;border-radius:12px;margin-left:100px;padding:6px 12px;font-size:.75rem;transition:all .4s ease-in-out;position:relative;top:13px;transform:translate(15px);box-shadow:0 4px 10px #0000001a}.tooltip-bubble:after{content:"";border:6px solid #0000;border-right-color:#fff;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.tooltip-bubble.is-visible{opacity:1;transform:translate(0)}.heart-button{width:100px;height:100px;clip-path:path("M12 4.435c-1.989-5.399-12-4.597-12 3.568 0 4.06 3.06 6.06 12 14.125 8.94-8.065 12-10.065 12-14.125 0-8.165-10.011-8.967-12-3.568z");color:#fff;cursor:pointer;background-color:red;border:none;justify-content:center;align-items:center;font-weight:700;animation:1.5s ease-in-out infinite pulse-heart;display:flex}@keyframes pulse-heart{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.heart-button:hover{background-color:#ff69b4}@keyframes popin{0%{transform:translate(-50%)translateY(10px)}to{transform:translate(-50%)translateY(0)}}.heart-button{position:relative}@media (max-width:768px){.heart-button,.tooltip-bubble{display:none}}
