@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%{box-shadow:0 0 #2d374866}70%{box-shadow:0 0 0 10px #2d374800}to{box-shadow:0 0 #2d374800}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.demo-layout{position:relative;overflow-x:hidden}.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3;box-shadow:0 8px 32px #1f268726}.premium-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 0 0/200% 200%;animation:15s infinite gradient-shift}.premium-button{transition:all .3s;position:relative;overflow:hidden}.premium-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-button:hover:before{width:300px;height:300px}.float-animation{animation:6s ease-in-out infinite float}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(#50917b,#6eafae);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#45806b,#50917b)}.artsy-background{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" width=\"100\" height=\"100\"><path d=\"M50,5 C65,5 70,15 70,25 S65,45 50,45 S35,45 30,25 S35,5 50,5 M50,45 C50,60 55,70 65,70 S80,60 80,50 S75,30 65,30 S50,40 50,45 M50,45 C50,60 45,70 35,70 S20,60 20,50 S25,30 35,30 S50,40 50,45 M50,45 C35,45 30,55 30,65 S35,85 50,85 S65,85 70,65 S65,45 50,45\" fill=\"none\" stroke=\"%23A7C9C0\" stroke-width=\"1\" opacity=\"0.15\"/></svg>");background-size:150px 150px}.decorative-divider{height:20px;margin:2rem 0;position:relative;overflow:hidden}.decorative-divider:before{content:"";opacity:.3;background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.decorative-divider:after{content:"✦";background-color:var(--secondary-color,#f5f5f5);padding:0 1rem;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.artsy-heading{text-shadow:1px 1px 2px #0000001a;letter-spacing:.5px}.elegant-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #0000000d}.elegant-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.gradient-border{border-radius:8px;position:relative;overflow:hidden}.gradient-border:before{content:"";z-index:-1;background:linear-gradient(45deg,var(--primary-color,#6a4f8f),var(--accent-color,#8a6fb0),var(--primary-color,#6a4f8f));background-size:200% 200%;border-radius:10px;animation:3s infinite gradient-animation;position:absolute;inset:-2px}@keyframes gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.floating{animation:3s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.subtle-hover{transition:all .3s}.subtle-hover:hover{filter:brightness(1.05);transform:scale(1.02)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color,#6a4f8f);opacity:.7;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-color,#8a6fb0)}.fade-in{animation:.8s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-fade-in>*{opacity:0;animation:.5s ease-in-out forwards fadeIn}.stagger-fade-in>:first-child{animation-delay:.1s}.stagger-fade-in>:nth-child(2){animation-delay:.2s}.stagger-fade-in>:nth-child(3){animation-delay:.3s}.stagger-fade-in>:nth-child(4){animation-delay:.4s}.stagger-fade-in>:nth-child(5){animation-delay:.5s}.stagger-fade-in>:nth-child(6){animation-delay:.6s}.stagger-fade-in>:nth-child(7){animation-delay:.7s}.stagger-fade-in>:nth-child(8){animation-delay:.8s}.stagger-fade-in>:nth-child(9){animation-delay:.9s}.stagger-fade-in>:nth-child(10){animation-delay:1s}.splash-screen{z-index:9999;background:linear-gradient(135deg,var(--secondary-color,#f5f5f5)0%,var(--primary-color,#6a4f8f)10 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content{text-align:center;width:100%;max-width:400px;padding:2rem}.splash-logo{margin-bottom:2rem;position:relative}.splash-logo-spinning{animation:2s linear infinite splash-spin}@keyframes splash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-progress{background-color:#fff3;border-radius:4px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.splash-progress-bar{background:linear-gradient(90deg,var(--primary-color,#6a4f8f),var(--accent-color,#8a6fb0));border-radius:4px;height:100%;transition:width .3s}@media (max-width:768px){.splash-content{max-width:320px;padding:1.5rem}.splash-logo{margin-bottom:1.5rem}}.splash-transition-enter{opacity:0;transform:scale(.9)}.splash-transition-enter-active{opacity:1;transition:opacity .8s ease-out,transform .8s ease-out;transform:scale(1)}.splash-transition-exit{opacity:1;transform:scale(1)}.splash-transition-exit-active{opacity:0;transition:opacity .8s ease-in,transform .8s ease-in;transform:scale(1.1)}.tap-to-start-pulse{pointer-events:auto;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;animation:2s infinite pulse-glow}@media (max-width:768px){.tap-to-start-pulse{min-width:220px;min-height:64px;padding:1.25rem 2.5rem;font-size:1.125rem}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.aspect-square{aspect-ratio:1}@media (max-width:768px){button{min-width:44px;min-height:44px}.touch-target{min-width:48px;min-height:48px}}
