@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#0a0a0a;--text-color:#f3f4f6;--primary-color:#e11d48;--secondary-color:#1f2937;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.btn{background-color:var(--primary-color);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #e11d4866}@media (width<=768px){.btn{padding:10px 20px;font-size:.9rem}}.app-container{background-color:#050505;width:100vw;height:100vh;position:relative;overflow:hidden}.bg-image-layer{filter:blur(20px)brightness(.3)grayscale(.5);z-index:0;background-image:url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;width:110%;height:110%;position:absolute;top:-5%;left:-5%}.canvas-container{z-index:1;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.fade-overlay{z-index:9999;opacity:0;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.ui-container{z-index:10;pointer-events:none;color:#fff;letter-spacing:1px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto 1fr;width:100%;height:100%;padding:2rem;font-family:Outfit,sans-serif;font-size:.85rem;display:grid;position:absolute;top:0;left:0}.ui-top-left{flex-direction:column;grid-area:1/1;gap:1rem;display:flex}.ui-logo-icon{font-size:1.5rem;font-weight:800}.ui-year-left{margin-top:2rem}.ui-top-center{grid-area:1/2;justify-content:center;align-items:center;gap:4rem;display:flex}.star-icon{font-size:1.2rem}.ui-top-right{flex-direction:column;grid-area:1/3;align-items:flex-end;gap:1rem;display:flex}.ui-contact{cursor:pointer;pointer-events:auto;font-weight:600}.ui-year-right{margin-top:2rem}.ui-mid-left{flex-direction:column;grid-area:2/1;justify-content:center;gap:5px;display:flex}.ui-mid-right{flex-direction:column;grid-area:2/3;justify-content:center;align-items:flex-end;gap:5px;display:flex}.cross-icon{color:#ffffff80;font-size:1rem}.ui-bottom-left{flex-direction:column;grid-area:3/1;justify-content:flex-end;display:flex}.ui-bottom-center{grid-area:3/2;justify-content:center;align-items:center;gap:2rem;display:flex}.ui-bottom-right{flex-direction:column;grid-area:3/3;justify-content:flex-end;align-items:flex-end;display:flex}.label-small{color:#ffffff80;margin-bottom:2px;font-size:.65rem}.liquid-glass-btn{-webkit-backdrop-filter:blur(6px)saturate(110%);color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;pointer-events:auto;z-index:1;background:#fff0;border:1px solid #fff3;border-color:#ffffff80 #fff3 #fff3 #ffffff4d;border-radius:50px;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.liquid-glass-btn:before{content:"";filter:blur(15px);z-index:-1;pointer-events:none;background:linear-gradient(45deg,#ff008026,#00c8ff26,#8000ff26,#ff008026) 0 0/200% 200%;width:200%;height:200%;animation:4s ease-in-out infinite liquidFlow;position:absolute;top:-50%;left:-50%}@keyframes liquidFlow{0%{background-position:0%;transform:rotate(0)scale(1)}50%{background-position:100%;transform:rotate(5deg)scale(1.1)}to{background-position:0%;transform:rotate(0)scale(1)}}.liquid-glass-btn:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d,inset 0 0 15px #fff3}.wp-glass-btn{-webkit-backdrop-filter:blur(10px);color:#fff;pointer-events:auto;background:#25d36626;border:1px solid #25d36666;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.wp-glass-btn:hover{background:#25d3664d;transform:translateY(-2px);box-shadow:0 4px 15px #25d3664d}@media (width<=768px){.ui-container{grid-template-columns:auto 1fr auto;padding:1rem}.ui-top-center,.ui-bottom-center{gap:.5rem}.liquid-glass-btn{letter-spacing:1px;padding:.8rem 1.2rem;font-size:.9rem}.star-icon{font-size:.9rem}.ui-year-left,.ui-year-right{margin-top:1rem}.label-small,.ui-contact,.cross-icon{font-size:.6rem}.ui-logo-icon{font-size:1.2rem}.wp-text{display:none}.wp-glass-btn{border-radius:50%;padding:.6rem}}