@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.demo-layout{position:relative;overflow-x:hidden}.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.15)}.premium-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;animation:gradient-shift 15s ease infinite}.premium-button{position:relative;overflow:hidden;transition:all .3s ease}.premium-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.premium-button:hover:before{width:300px;height:300px}.float-animation{animation:float 6s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#50917b,#6eafae);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#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{position:relative;height:20px;margin:2rem 0;overflow:hidden}.decorative-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.decorative-divider:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;background-color:var(--secondary-color,#f5f5f5);padding:0 1rem}.artsy-heading{text-shadow:1px 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.elegant-card{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;background-color:rgba(255,255,255,.8);backdrop-filter:blur(5px)}.elegant-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.gradient-border{position:relative;border-radius:8px;overflow:hidden}.gradient-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(45deg,var(--primary-color,#6a4f8f),var(--accent-color,#8A6FB0),var(--primary-color,#6a4f8f));background-size:200% 200%;animation:gradient-animation 3s ease infinite;border-radius:10px}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.subtle-hover{transition:all .3s ease}.subtle-hover:hover{filter:brightness(1.05);transform:scale(1.02)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color,#6a4f8f);border-radius:10px;opacity:.7}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-color,#8A6FB0)}.fade-in{animation:fadeIn .8s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-fade-in>*{opacity:0;animation:fadeIn .5s ease-in-out forwards}.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{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary-color,#f5f5f5) 0,var(--primary-color,#6a4f8f)10 100%)}.splash-content{text-align:center;padding:2rem;max-width:400px;width:100%}.splash-logo{margin-bottom:2rem;position:relative}.splash-logo-spinning{animation:splash-spin 2s linear infinite}@keyframes splash-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-progress{width:100%;height:8px;background-color:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-bottom:1rem}.splash-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color,#6a4f8f),var(--accent-color,#8A6FB0));border-radius:4px;transition:width .3s ease}@media (max-width:768px){.splash-content{padding:1.5rem;max-width:320px}.splash-logo{margin-bottom:1.5rem}}.splash-transition-enter{opacity:0;transform:scale(.9)}.splash-transition-enter-active{opacity:1;transform:scale(1);transition:opacity .8s ease-out,transform .8s ease-out}.splash-transition-exit{opacity:1;transform:scale(1)}.splash-transition-exit-active{opacity:0;transform:scale(1.1);transition:opacity .8s ease-in,transform .8s ease-in}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(45,55,72,.4)}70%{box-shadow:0 0 0 10px rgba(45,55,72,0)}to{box-shadow:0 0 0 0 rgba(45,55,72,0)}}.tap-to-start-pulse{animation:pulse-glow 2s infinite;pointer-events:auto;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:768px){.tap-to-start-pulse{min-height:64px;min-width:220px;font-size:1.125rem;padding:1.25rem 2.5rem}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.aspect-square{aspect-ratio:1/1}@media (max-width:768px){button{min-height:44px;min-width:44px}.touch-target{min-height:48px;min-width:48px}}