.navbar{position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;box-sizing:border-box;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);transition:all .3s ease}.navbar-inner{margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1280px}.navbar-logo{text-decoration:none;transition:all .3s ease;display:inline-block}.navbar-logo-image{height:6rem;width:auto;display:block}.navbar-logo:hover{transform:scale(1.05)}.navbar-right{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap}.navbar-auth{position:relative;display:flex;align-items:center;flex-shrink:0}.hamburger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary);padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease}.hamburger:hover{background-color:var(--bg-elevated);color:var(--accent-primary)}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-links a{text-decoration:none;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;padding:.5rem 0;position:relative}.navbar-links a:hover{color:var(--brand-primary)}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--brand-primary);transition:width .3s ease}.navbar-links a:hover:after{width:100%}.navbar-auth button{padding:.75rem 1.5rem;border:1px solid var(--border-primary);background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm)}.navbar-auth button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--accent-hover)}.navbar-auth button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.account-button{white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.logout-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-width:max(12rem,100%);max-width:18rem;z-index:1100}.unsubscribe-button{width:100%;border:1px solid var(--border-primary);background-color:transparent;color:var(--text-primary);border-radius:var(--radius-sm);padding:.6rem 1rem;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:none;margin-bottom:.5rem}.unsubscribe-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.unsubscribe-button:disabled{opacity:.6;cursor:not-allowed}.logout-button{width:100%;border:none;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);padding:.6rem 1rem;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:none}.logout-button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1000px){.navbar-inner{padding:1rem 1.5rem}.hamburger{display:block}.navbar-right{display:none;flex-direction:column;align-items:stretch;position:absolute;top:100%;right:1rem;background:var(--bg-elevated);padding:1rem 0;border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-xl);gap:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar-right.active{display:flex}.navbar-links{flex-direction:column;gap:0;width:100%}.navbar-links a{padding:1rem 1.5rem;width:100%;display:block;color:var(--text-primary);border-bottom:1px solid var(--border-primary);font-weight:500}.navbar-links a:last-child{border-bottom:none}.navbar-links a:after{display:none}.navbar-links a:hover{background-color:var(--bg-tertiary);color:var(--brand-primary)}.language-selector{width:100%;padding:1rem 1.5rem;border-top:1px solid var(--border-primary);box-sizing:border-box}.navbar-auth{width:100%;padding:1rem 1.5rem;border-top:1px solid var(--border-primary);position:static;flex-direction:column;align-items:stretch}.navbar-auth button{width:100%;justify-content:space-between;gap:.75rem}.logout-dropdown{position:static;border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem;margin-top:.75rem;gap:.75rem;background:var(--bg-elevated);min-width:100%}.logout-button{border:none;box-shadow:var(--shadow-sm)}}@media (max-width: 480px){.navbar-right{gap:1.25rem}.account-button{font-size:.95rem}.logout-dropdown{padding:.65rem}}.language-selector{position:relative;display:inline-block}.lang-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;color:#fff;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;width:130px;font-weight:600;box-shadow:var(--shadow-sm)}.lang-btn:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.lang-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.lang-text{flex:1;text-align:center;font-size:.95rem}.lang-arrow{margin-left:.5rem;font-size:.8rem;transition:transform .2s ease}.language-selector:hover .lang-arrow{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:110%;left:0;text-align:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);list-style:none;padding:.5rem 0;margin:0;box-shadow:var(--shadow-xl);z-index:1000;min-width:130px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown li{padding:.75rem 1rem;cursor:pointer;color:var(--text-primary);transition:all .2s ease;font-weight:500;font-size:.95rem}.lang-dropdown li:hover{background-color:var(--bg-tertiary);color:var(--brand-primary)}.lang-dropdown li:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lang-dropdown li:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (max-width: 768px){.language-selector{width:100%;display:flex;flex-direction:column}.lang-btn{width:100%;padding:1rem 1.25rem;font-size:1rem}.lang-text{font-size:1rem}.lang-dropdown{position:static;width:100%;margin-top:.75rem;box-shadow:var(--shadow-md)}}@media (max-width: 480px){.lang-btn{padding:.875rem 1.125rem}}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:85vh;padding:4rem 2rem;background:linear-gradient(180deg,#050508,#0a0a15,#0f0a1a 60%,#0a0510);color:var(--text-primary);position:relative;overflow:hidden}.hero-stars{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:star-twinkle ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.hero-orbs{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orb-float 20s ease-in-out infinite}.hero-orb--cyan{width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.4) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.hero-orb--purple{width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,.35) 0%,transparent 70%);top:20%;right:-15%;animation-delay:-7s}.hero-orb--pink{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);bottom:-5%;left:30%;animation-delay:-14s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}.soundwave-bars{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:8px;height:350px;width:90%;max-width:900px;opacity:.6;pointer-events:none;z-index:1;overflow:visible}.soundwave-bar{width:6px;height:100%;background:linear-gradient(to top,var(--accent-pink) 0%,var(--accent-purple) 35%,var(--accent-cyan) 70%,var(--accent-primary) 100%);border-radius:4px;animation:soundwave 1.5s ease-in-out infinite;box-shadow:0 0 10px #22d3ee66,0 0 20px #a855f74d,0 0 30px #ec489933}@keyframes soundwave{0%,to{transform:scaleY(.15);opacity:.3}50%{transform:scaleY(1);opacity:1}}.soundwave-bar:nth-child(2n){animation-duration:1.8s;background:linear-gradient(to top,var(--accent-primary) 0%,var(--accent-cyan) 35%,var(--accent-purple) 70%,var(--accent-pink) 100%)}.soundwave-bar:nth-child(3n){animation-duration:2.1s}.soundwave-bar:nth-child(4n){animation-duration:1.6s}.soundwave-bar:nth-child(5n){animation-duration:2.3s}.soundwave-bar:nth-child(6n){animation-duration:1.9s}.soundwave-bar:nth-child(7n){animation-duration:2.4s}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-title{font-size:clamp(2.5rem,6vw,5rem);color:var(--text-primary);margin:0;line-height:1.1;font-weight:800;letter-spacing:-.03em;animation:heroFadeIn 1s ease-out forwards;text-shadow:0 0 30px rgba(34,211,238,.5),0 0 60px rgba(168,85,247,.3),0 0 90px rgba(236,72,153,.2);background:linear-gradient(135deg,#fff,#22d3ee,#a855f7,#ec4899,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroFadeIn 1s ease-out forwards,gradient-shift 8s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-subtitle{font-size:clamp(1rem,2vw,1.35rem);color:var(--text-secondary);margin:0;max-width:650px;line-height:1.7;animation:heroFadeIn 1s ease-out .2s forwards;opacity:0}.hero-button{position:relative;padding:1.25rem 3rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#22d3ee33,#a855f733,#ec489933);color:#fff;border:2px solid transparent;border-radius:var(--radius-2xl);cursor:pointer;transition:all .4s ease;box-shadow:0 0 20px #22d3ee4d,0 0 40px #a855f733,inset 0 0 20px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;animation:heroFadeIn 1s ease-out .4s forwards;opacity:0;text-transform:none;letter-spacing:.025em}.hero-button:before{content:"";position:absolute;inset:0;border-radius:var(--radius-2xl);padding:2px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(34,211,238,.4) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-button:hover .hero-button-glow{opacity:1}.hero-button-text{position:relative;z-index:1}.hero-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 30px #22d3ee80,0 0 60px #a855f74d,0 0 90px #ec489933,inset 0 0 30px #ffffff1a}.hero-button:active{transform:translateY(-2px) scale(1.01)}.hero-button:focus{outline:none;box-shadow:0 0 0 3px #22d3ee80,0 0 30px #22d3ee80,0 0 60px #a855f74d}@media (max-width: 768px){.hero-section{min-height:80vh;padding:3rem 1.5rem}.soundwave-bars{height:280px;width:100%;max-width:100%;gap:5px}.soundwave-bar{width:4px}.hero-content{gap:1.5rem}.hero-button{padding:1rem 2.5rem;font-size:1.1rem}.hero-orb--cyan{width:300px;height:300px}.hero-orb--purple{width:400px;height:400px}.hero-orb--pink{width:250px;height:250px}}@media (max-width: 480px){.soundwave-bars{height:220px;gap:4px}.soundwave-bar{width:3px}.hero-button{padding:.9rem 2rem;font-size:1rem}}.venn-section{padding:6rem 2rem;background:linear-gradient(180deg,#0a0510,#0a0a15,#050508);position:relative;overflow:hidden}.venn-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(34,211,238,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.05) 0%,transparent 50%);pointer-events:none}.venn-background-circles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.venn-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.1) 0%,rgba(168,85,247,.05) 50%,transparent 100%);animation:float-circle 20s ease-in-out infinite;filter:blur(1px)}.venn-circle:nth-child(odd){width:100px;height:100px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,rgba(34,211,238,.05) 50%,transparent 100%)}.venn-circle:nth-child(2n){width:70px;height:70px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,rgba(168,85,247,.05) 50%,transparent 100%)}.venn-circle:nth-child(3n){width:50px;height:50px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%)}@keyframes float-circle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-50px) scale(1.1);opacity:.5}50%{transform:translate(-20px,-80px) scale(.9);opacity:.4}75%{transform:translate(-40px,-30px) scale(1.05);opacity:.6}}.venn-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}.venn-content{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.venn-content-left,.venn-content-right,.venn-content-middle{display:flex;flex-direction:column;padding:2rem;border-radius:var(--radius-xl);background:#0a0a1499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;position:relative;overflow:hidden}.venn-content-left:before,.venn-content-right:before,.venn-content-middle:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,#3b82f680,#3b82f61a,#3b82f64d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .4s ease}.venn-content-left:hover,.venn-content-right:hover,.venn-content-middle:hover{transform:translateY(-8px)}.venn-content-left:hover:before{background:linear-gradient(135deg,#3b82f6cc,#22d3ee66,#3b82f699);box-shadow:0 0 30px #3b82f64d}.venn-content-left:before{background:linear-gradient(135deg,#3b82f699,#3b82f61a)}.venn-content-left:hover{box-shadow:0 0 40px #3b82f633,inset 0 0 30px #3b82f60d}.venn-content-right:before{background:linear-gradient(135deg,#4ca2b599,#4ca2b51a)}.venn-content-right:hover:before{background:linear-gradient(135deg,#4ca2b5cc,#2dd4bf66,#4ca2b599)}.venn-content-right:hover{box-shadow:0 0 40px #4ca2b533,inset 0 0 30px #4ca2b50d}.venn-content-middle{background:#0f0f1ecc;transform:scale(1.02)}.venn-content-middle:before{padding:2px;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 50%,var(--accent-pink) 100%);animation:border-glow 4s ease-in-out infinite}@keyframes border-glow{0%,to{opacity:.8}50%{opacity:1}}.venn-content-middle:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(34,211,238,.1) 0%,rgba(168,85,247,.05) 30%,transparent 60%);pointer-events:none;animation:glow-pulse 6s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:.8}}.venn-content-middle:hover{transform:scale(1.04) translateY(-8px);box-shadow:0 0 60px #22d3ee4d,0 0 80px #a855f733,0 0 100px #ec48991a,inset 0 0 40px #22d3ee0d}.venn-title-left,.venn-title-right,.venn-title-middle{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center;letter-spacing:-.015em;line-height:1.3}.venn-title-left{color:var(--accent-primary);text-shadow:0 0 20px rgba(59,130,246,.5)}.venn-title-right{color:var(--brand-primary);text-shadow:0 0 20px rgba(76,162,181,.5)}.venn-title-middle{font-size:1.75rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 20px rgba(34,211,238,.4))}.venn-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem;text-align:center;font-weight:500}.venn-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.venn-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);transition:all .2s ease;background:#ffffff05}.venn-list-item:hover{background:#ffffff0d;transform:translate(4px)}.venn-bullet{color:var(--accent-cyan);font-size:1.25rem;font-weight:700;flex-shrink:0;line-height:1.2;margin-top:.1rem}.venn-content-left .venn-bullet{color:var(--accent-primary)}.venn-content-right .venn-bullet{color:var(--brand-primary)}.venn-content-middle .venn-bullet{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.venn-text{flex:1;font-size:.95rem;line-height:1.6;color:var(--text-secondary);font-weight:400}.venn-content-middle .venn-text{color:var(--text-primary);font-weight:500}@media (max-width: 1024px){.venn-content{grid-template-columns:1fr;gap:2rem;max-width:600px;padding:0 1rem}.venn-content-middle{order:-1;transform:scale(1)}}@media (max-width: 768px){.venn-section{padding:4rem 1.5rem}.venn-content{gap:1.5rem;max-width:100%;padding:0}.venn-content-left,.venn-content-right,.venn-content-middle{padding:1.5rem;width:100%}.venn-title-left,.venn-title-right{font-size:1.25rem;margin-bottom:1rem}.venn-title-middle{font-size:1.5rem;margin-bottom:1rem}.venn-description{font-size:.9rem;margin-bottom:1rem}.venn-text{font-size:.9rem}.venn-list{gap:.5rem}.venn-list-item{padding:.5rem}}.templates-section{padding:0 2rem 5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden;width:100%;margin-top:0;box-sizing:border-box}.templates-section:before{content:"";position:absolute;inset:0;width:100%;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.25) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(45,212,191,.25) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.15) 0%,transparent 50%);pointer-events:none;z-index:0;animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.templates-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.templates-particle{position:absolute;width:3px;height:3px;background:#3b82f699;border-radius:50%;box-shadow:0 0 8px #3b82f680;animation:float-particle 20s ease-in-out infinite;opacity:.6}.templates-particle:nth-child(odd){width:4px;height:4px;background:#2dd4bf99;box-shadow:0 0 10px #2dd4bf80}.templates-particle:nth-child(3n){width:2px;height:2px;background:#4ca2b580;box-shadow:0 0 6px #4ca2b566;opacity:.4}.templates-particle:nth-child(5n){animation-duration:25s}.templates-particle:nth-child(7n){animation-duration:18s}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(50px,-80px) scale(1.2);opacity:.7}50%{transform:translate(-30px,-120px) scale(.8);opacity:.5}75%{transform:translate(-60px,-40px) scale(1.1);opacity:.8}}.templates-header{max-width:800px;margin:0 auto 3.5rem;text-align:center;position:relative;z-index:2}.templates-title{font-size:2.75rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2}.templates-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:400}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}@media (max-width: 768px){.templates-section{padding:3rem 1.5rem}.templates-title{font-size:2rem}.templates-subtitle{font-size:1rem}.templates-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.templates-grid{grid-template-columns:repeat(3,1fr)}}.template-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease;position:relative;cursor:pointer;display:flex;flex-direction:column;height:100%}.template-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.template-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#4ca2b50d);opacity:0;transition:opacity .3s ease;pointer-events:none}.template-card:hover:before{opacity:1}.template-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#3b82f61a,#4ca2b51a)}.template-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card:hover .template-image{transform:scale(1.08)}.template-info{padding:1.5rem;position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.template-title{font-weight:700;font-size:1.25rem;margin:0 0 .75rem;color:var(--text-primary);line-height:1.3;letter-spacing:-.015em}.template-description{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.6;font-weight:400}.template-card--clickable:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.template-card--clickable:active{transform:translateY(-2px)}.problem-solution-section{padding:5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative;overflow:hidden}.problem-solution-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(76,162,181,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.problem-solution-waves{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.problem-solution-wave{position:absolute;width:200%;height:200px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),rgba(45,212,191,.15),rgba(59,130,246,.1),transparent);border-radius:50%;animation:wave-flow 8s ease-in-out infinite;filter:blur(40px);transform:translateY(-50%)}.problem-solution-wave:nth-child(odd){top:20%;background:linear-gradient(90deg,transparent,rgba(76,162,181,.12),rgba(59,130,246,.18),rgba(76,162,181,.12),transparent);animation-duration:10s}.problem-solution-wave:nth-child(2n){top:60%;background:linear-gradient(90deg,transparent,rgba(45,212,191,.12),rgba(76,162,181,.18),rgba(45,212,191,.12),transparent);animation-duration:12s;animation-direction:reverse}.problem-solution-wave:nth-child(3n){top:40%;height:150px;animation-duration:9s}@keyframes wave-flow{0%{transform:translate(-50%) translateY(-50%)}50%{transform:translate(0) translateY(-50%)}to{transform:translate(-50%) translateY(-50%)}}.problem-solution-main-title{font-size:2.75rem;font-weight:800;margin-bottom:1rem;text-align:center;color:var(--text-primary);letter-spacing:-.025em;position:relative;z-index:2;line-height:1.2}.problem-solution-subtitle{font-size:1.15rem;color:var(--text-secondary);text-align:center;margin:0 auto 3.5rem;max-width:700px;line-height:1.6;position:relative;z-index:2}.comparison-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.comparison-column{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.comparison-column:before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;transition:opacity .3s ease}.old-way{border:2px solid rgba(239,68,68,.3)}.old-way:before{background:linear-gradient(135deg,rgba(239,68,68,.1),transparent)}.old-way:hover:before{opacity:.15}.musikai-way{border:2px solid rgba(34,197,94,.3)}.musikai-way:before{background:linear-gradient(135deg,rgba(34,197,94,.1),transparent)}.musikai-way:hover:before{opacity:.15}.comparison-column:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.column-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-primary);position:relative}.column-title{font-size:1.75rem;font-weight:700;text-align:center;margin:0;color:var(--text-primary);letter-spacing:-.015em;text-transform:uppercase}.old-way .column-title{color:#ef4444}.musikai-way .column-title{color:#22c55e}.comparison-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.comparison-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:var(--radius-md);transition:all .3s ease;position:relative}.comparison-item:hover{transform:translate(8px)}.problem-item{background:#ef44440d}.problem-item:hover{background:#ef44441a}.solution-item{background:#22c55e0d}.solution-item:hover{background:#22c55e1a}.item-icon{font-size:1.5rem;font-weight:700;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:.1rem}.problem-item .item-icon{color:#ef4444;background:#ef44441a}.solution-item .item-icon{color:#22c55e;background:#22c55e1a}.item-text{flex:1;font-size:1.05rem;line-height:1.6;color:var(--text-primary);font-weight:500}@media (max-width: 768px){.problem-solution-section{padding:3rem 1.5rem}.problem-solution-main-title{font-size:2rem}.problem-solution-subtitle{font-size:1rem;margin-bottom:2.5rem}.comparison-container{grid-template-columns:1fr;gap:2rem}.comparison-column{padding:1.5rem}.column-title{font-size:1.5rem}.item-text{font-size:.95rem}.comparison-item:hover{transform:translate(4px)}}@media (min-width: 769px) and (max-width: 1024px){.comparison-container{gap:2.5rem}}.plans-section{padding:4rem 2rem;text-align:center;background:var(--bg-primary);position:relative}.plans-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em;position:relative}.plans-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;position:relative}.plans-cta{text-align:center;position:relative}.plans-cta-button{display:inline-block;padding:1.125rem 3rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;font-size:1.125rem;font-weight:700;border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-lg);letter-spacing:.025em;border:2px solid transparent}.plans-cta-button:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-3px);box-shadow:var(--shadow-xl);color:#fff;border-color:var(--accent-light)}.plans-cta-button:focus{outline:3px solid var(--accent-primary);outline-offset:3px}@media (max-width: 768px){.plans-section{padding:3rem 1.5rem}.plans-title{font-size:2.25rem}.plans-subtitle{font-size:1.125rem;margin-bottom:2.5rem}.plans-cta-button{padding:1rem 2.5rem;font-size:1rem}}.footer{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);color:var(--text-secondary);padding:2rem;border-top:1px solid var(--border-primary)}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.footer-links h4{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin:.75rem 0}.footer-links a{text-decoration:none;color:var(--text-secondary);transition:all .3s ease;font-weight:500;display:inline-block}.footer-links a:hover{color:var(--brand-primary);transform:translate(4px)}.footer-bottom{text-align:center;margin-top:3rem;font-size:.95rem;border-top:1px solid var(--border-primary);padding-top:2rem;color:var(--text-tertiary);max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.footer{padding:3rem 1.5rem 1.5rem;margin-top:3rem}.footer-links{flex-direction:column;gap:2.5rem;margin-bottom:2rem}.footer-links>div{text-align:left;padding:0 .5rem}.footer-links h4{font-size:1.15rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-primary)}.footer-links ul{text-align:left}.footer-links li{margin:.65rem 0}.footer-links a{font-size:.95rem}.footer-bottom{margin-top:2rem;padding-top:1.5rem;font-size:.85rem;line-height:1.6}}@media (max-width: 480px){.footer{padding:2.5rem 1rem 1.25rem}.footer-links{gap:2rem}.footer-links>div{padding:0}.footer-links h4{font-size:1.1rem}.footer-links a{font-size:.9rem}.footer-bottom{font-size:.8rem;padding-top:1.25rem}}.social-links{display:flex;flex-direction:column;align-items:flex-start}.social-links-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.social-icons{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-tertiary) 100%);color:var(--text-secondary);transition:all .3s ease;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary),var(--brand-primary));opacity:0;transition:opacity .3s ease;z-index:0}.social-link:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.social-link:hover:before{opacity:1}.social-icon{width:22px;height:22px;position:relative;z-index:1;transition:transform .3s ease;color:inherit}.social-link:hover .social-icon{transform:scale(1.1);color:#fff}.social-link:focus{outline:2px solid var(--accent-primary);outline-offset:3px}@media (max-width: 768px){.social-links{align-items:flex-start;width:100%;margin-top:0;padding:0 .5rem}.social-links-title{text-align:left;font-size:1.15rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-primary);width:100%}.social-icons{justify-content:flex-start;gap:.85rem}.social-link{width:42px;height:42px}.social-icon{width:20px;height:20px}}@media (max-width: 480px){.social-links{padding:0}.social-links-title{font-size:1.1rem}.social-link{width:40px;height:40px}.social-icon{width:19px;height:19px}}.library-page{width:100%;padding:3rem 2rem;background-image:radial-gradient(circle at 10% 20%,rgba(45,212,191,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.05) 0%,transparent 40%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,#1a1a2e 100%);min-height:100vh;position:relative;overflow:hidden}.library-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulseGlow 8s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.library-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem 0 1.25rem;position:relative;z-index:1;max-width:1400px;margin-left:auto;margin-right:auto}.library-header-left{display:flex;flex-direction:column;gap:.5rem}.library-header-right{display:flex;align-items:center;gap:1rem}.library-title{font-size:clamp(2.5rem,4vw,3rem);font-weight:800;color:transparent;letter-spacing:-.025em;margin:0;background:linear-gradient(90deg,var(--brand-accent),var(--accent-primary));-webkit-background-clip:text;background-clip:text;text-shadow:0 10px 30px rgba(0,0,0,.35)}.library-subtitle{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.5}.view-toggle{display:flex;background:var(--bg-primary);border-radius:var(--radius-lg);padding:4px;border:1px solid var(--border-primary)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.view-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff}.library-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);white-space:nowrap}.library-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);gap:1rem;position:relative;z-index:1}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative;z-index:1;background:linear-gradient(135deg,#1a1a1dd9,#242428d9);border:1px solid var(--border-primary);border-radius:var(--radius-xl);max-width:600px;margin:2rem auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon{color:var(--text-muted);margin-bottom:1.5rem;opacity:.6}.library-empty h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.library-empty p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1.05rem;line-height:1.5}.library-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;position:relative;z-index:1;max-width:1400px;margin-left:auto;margin-right:auto}.library-projects--list{grid-template-columns:1fr;gap:1rem}.library-card{background:linear-gradient(135deg,#1a1a1dd9,#242428d9);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.library-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-pink),var(--accent-purple),var(--brand-accent),var(--accent-primary));opacity:.85;transition:opacity .3s ease}.library-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.library-card:hover:before{opacity:1}.library-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.library-card__title{margin:0;color:var(--text-primary);font-weight:700;font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card__badge{display:inline-flex;align-items:center;height:26px;padding:0 .75rem;border-radius:999px;border:1px solid rgba(45,212,191,.35);background:linear-gradient(135deg,#2dd4bf24,#3b82f61a);color:var(--text-primary);font-size:.8rem;white-space:nowrap;flex-shrink:0}.library-card__description{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-card__waveform{margin:1rem 0;pointer-events:none;opacity:.9}.library-card__actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.library-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.library-card__date{color:var(--text-tertiary);font-size:.85rem}.library-card__edit-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.library-card__edit-btn:hover{background:var(--accent-primary);color:#fff}.library-card--list{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.library-card--list .library-card__title{font-size:1.05rem}.library-card__list-left{flex:0 0 250px;min-width:0}.library-card__list-info{display:flex;flex-direction:column;gap:.5rem}.library-card__list-meta{display:flex;align-items:center;gap:.75rem}.library-card__list-waveform{flex:1;min-width:0;pointer-events:none;opacity:.9}.library-card__list-actions{flex:0 0 auto;display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.library-page{padding:2rem 1rem}.library-header{flex-direction:column;align-items:stretch;gap:1rem}.library-header-right{justify-content:space-between}.library-projects{grid-template-columns:1fr}.library-card--list{flex-direction:column;align-items:stretch;gap:1rem}.library-card__list-left,.library-card__list-waveform{flex:none}.library-card__list-actions{display:flex;justify-content:flex-end}}.waveform-container{width:100%}.waveform-player{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px}.waveform-play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#4adeff,#3b82f6);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4adeff4d}.waveform-play-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4adeff66}.waveform-play-btn:active{transform:scale(.98)}.waveform-play-btn svg{margin-left:2px}.waveform-track{flex:1;min-width:0}.waveform-wave{width:100%;cursor:pointer}.waveform-time{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-family:SF Mono,Fira Code,monospace;font-variant-numeric:tabular-nums;color:#fff9;min-width:70px;justify-content:flex-end}.waveform-time-current{color:#4adeff;font-weight:500}.waveform-time-separator{color:#ffffff4d}.waveform-time-duration{color:#ffffff80}@media (max-width: 480px){.waveform-player{padding:.5rem .75rem;gap:.75rem}.waveform-play-btn{width:38px;height:38px;min-width:38px}.waveform-play-btn svg{width:16px;height:16px}.waveform-time{font-size:.75rem;min-width:60px}}.waveform-timestamp{text-align:center;font-size:.85rem;color:var(--text-secondary, #9ca3af);margin-top:.5rem;font-variant-numeric:tabular-nums;letter-spacing:.025em}.song-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.song-actions__dropdown{position:relative}.song-actions__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#14141ecc;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.song-actions__btn svg{width:18px;height:18px;flex-shrink:0}.song-actions__btn:hover{background:#1e1e2de6;border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.song-actions__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.song-actions__btn--download{border-color:#22d3ee4d}.song-actions__btn--download:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #22d3ee33}.song-actions__btn--share{border-color:#a855f74d}.song-actions__btn--share:hover{border-color:var(--accent-purple);box-shadow:0 0 15px #a855f733}.song-actions__btn--success{border-color:#22c55e80!important;color:#22c55e!important;box-shadow:0 0 15px #22c55e33}.song-actions__btn--upload{border-color:#ec48994d}.song-actions__btn--upload:hover{border-color:var(--accent-pink);box-shadow:0 0 15px #ec489933}.song-actions__menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:#0f0f19f2;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:.5rem;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0006,0 0 20px #22d3ee1a;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.song-actions__menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease}.song-actions__menu-item:hover{background:#22d3ee1a;color:var(--text-primary)}.song-actions__menu-item:disabled{opacity:.5;cursor:not-allowed}.song-actions__format-icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:.25rem .5rem;background:linear-gradient(135deg,#3b82f633,#22d3ee33);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.05em}.song-actions__format-icon--wav{background:linear-gradient(135deg,#a855f733,#ec489933);color:var(--accent-purple)}.song-actions__format-icon--midi{background:linear-gradient(135deg,#ec489933,#ef444433);color:var(--accent-pink)}.song-actions__converting{margin-left:auto;font-size:.75rem;color:var(--accent-cyan);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.song-actions__spinner{width:18px;height:18px;border:2px solid rgba(34,211,238,.2);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.song-actions{gap:.4rem}.song-actions__btn{padding:.5rem .75rem;font-size:.8rem}.song-actions__btn svg{width:16px;height:16px}.song-actions__btn span:not(.song-actions__spinner){display:none}.song-actions__menu{min-width:180px;left:auto;right:0}}.terms-page{padding:4rem 2rem;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.terms-header{text-align:center;margin-bottom:4rem}.terms-page h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--brand-primary),var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:var(--text-secondary);font-size:1.125rem;margin:0}.terms-content{display:flex;flex-direction:column;gap:0}.terms-section{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-xl);padding:2.5rem;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);margin-bottom:2rem}.terms-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-primary);position:relative}.terms-section h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary))}.terms-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;font-size:1rem}.terms-section ul{color:var(--text-secondary);line-height:1.7;margin:1rem 0;padding-left:1.5rem}.terms-section li{margin-bottom:.75rem;font-size:1rem}@media (max-width: 768px){.terms-page{padding:3rem 1.5rem}.terms-page h1{font-size:2.25rem}.last-updated{font-size:1rem;margin-bottom:3rem}.terms-section{padding:2rem 1.5rem}.terms-section h2{font-size:1.5rem}.terms-section p,.terms-section li{font-size:.95rem}}.contact-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.contact-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(76,162,181,.06) 0%,transparent 50%);pointer-events:none}.contact-header{text-align:center;padding:8rem 2rem 4rem;position:relative;z-index:1}.contact-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--text-primary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.contact-content{max-width:800px;margin:0 auto;padding:0 2rem 6rem;position:relative;z-index:1}.contact-form-container{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);padding:3rem;position:relative}.contact-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary),var(--accent-light));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-status{padding:1rem 1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;animation:fadeIn .3s ease-out}.contact-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.contact-status.success p{color:#22c55e;margin:0;flex:1}.contact-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.contact-status.error p{color:#ef4444;margin:0;flex:1}.status-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s ease;opacity:.7}.status-close:hover{opacity:1;background:#ffffff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.contact-form input,.contact-form textarea{padding:.875rem 1rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand-primary);outline:none;background:var(--bg-tertiary);box-shadow:0 0 0 3px #4ca2b51a}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.6;cursor:not-allowed}.contact-form textarea{resize:vertical;min-height:150px;line-height:1.5}.contact-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.contact-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact-btn:active:not(:disabled){transform:translateY(0)}.contact-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.contact-header{padding:6rem 1.5rem 3rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.125rem}.contact-content{padding:0 1.5rem 4rem}.contact-form-container{padding:2rem}.contact-form{gap:1.25rem}.contact-form input,.contact-form textarea{padding:.75rem}.contact-btn{padding:.875rem 2rem;font-size:1rem}.info-card{padding:1.5rem}}.faq-page{padding:4rem 2rem;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.faq-header{text-align:center;margin-bottom:4rem}.faq-page h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--brand-primary),var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.faq-content{display:flex;flex-direction:column;gap:4rem}.faq-category{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-xl);padding:2.5rem;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.faq-category-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-primary);position:relative}.faq-category-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary))}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all .3s ease}.faq-item:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.5;display:flex;align-items:flex-start;gap:.75rem}.faq-question:before{content:"Q:";color:var(--brand-primary);font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.faq-answer{font-size:1rem;color:var(--text-secondary);line-height:1.7;padding-left:2rem;position:relative}.faq-answer:before{content:"A:";position:absolute;left:0;color:var(--accent-primary);font-weight:700}@media (max-width: 768px){.faq-page{padding:3rem 1.5rem}.faq-page h1{font-size:2.25rem}.faq-subtitle{font-size:1.125rem}.faq-category{padding:2rem 1.5rem}.faq-category-title{font-size:1.75rem}.faq-item{padding:1.25rem}.faq-question{font-size:1rem}.faq-answer{font-size:.95rem;padding-left:1.75rem}}.plan-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary));opacity:0;transition:opacity .3s ease}.plan-popular{position:absolute;top:10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);z-index:1}.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.plan-card:hover:before{opacity:1}.plan-name{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.025em}.plan-tagline{font-size:.9rem;color:var(--text-tertiary);margin-bottom:1rem;font-style:italic;line-height:1.4}.plan-price{font-size:2.5rem;font-weight:800;color:var(--accent-primary);margin:1rem 0;line-height:1}.plan-price-period{font-size:1rem;color:var(--text-tertiary);font-weight:400}.plan-annual-price{font-size:.9rem;color:var(--text-secondary);margin:-.5rem 0 1rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.plan-annual-amount{color:var(--text-secondary)}.plan-annual-savings{color:var(--brand-primary);font-weight:600}.plan-description{text-align:left;margin:1.5rem 0;flex-grow:1;list-style:none;padding:0}.plan-description li{margin-bottom:.75rem;font-size:.95rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.plan-description li:before{content:none}.plan-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));border:none;color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);text-transform:none;letter-spacing:.025em}.plan-btn:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.plan-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.pricing-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.pricing-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(76,162,181,.06) 0%,transparent 50%);pointer-events:none}.pricing-header{text-align:center;padding:8rem 2rem 4rem;position:relative;z-index:1}.pricing-title{font-size:3.5rem;font-weight:800;margin-bottom:2.5rem;color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--text-primary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.5rem}.pricing-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;margin-top:.5rem;line-height:1.8}.pricing-error-message{max-width:600px;margin:2rem auto;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:1rem}.pricing-error-message p{color:#ef4444;margin:0;flex:1}.pricing-error-message button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.pricing-error-message button:hover{background:#ef44441a}.pricing-loading{max-width:600px;margin:2rem auto;padding:1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);text-align:center}.pricing-loading p{color:#3b82f6;margin:0;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.pricing-loading p:before{content:"";display:inline-block;width:20px;height:20px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.pricing-category{padding:4rem 2rem;position:relative;z-index:1}.pricing-category:not(:last-of-type){border-bottom:1px solid var(--border-primary)}.category-header{text-align:center;margin-bottom:3rem}.category-name{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em;position:relative;display:inline-block}.category-name:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary));border-radius:var(--radius-sm)}.category-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:1.5rem auto 0;line-height:1.6}.category-guarantee{font-size:1rem;color:var(--brand-primary);max-width:700px;margin:1.5rem auto 0;line-height:1.6;padding:1rem 1.5rem;background:linear-gradient(135deg,#4ca2b51a,#3b82f60d);border:1px solid rgba(76,162,181,.2);border-radius:var(--radius-lg);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.category-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;align-items:stretch}@media (max-width: 1200px){.category-plans{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.pricing-header{padding:6rem 1.5rem 3rem}.pricing-title{font-size:2.5rem}.pricing-subtitle{font-size:1.125rem}.pricing-category{padding:3rem 1.5rem}.category-name{font-size:2rem}.category-description{font-size:1rem}.category-plans{grid-template-columns:1fr;gap:2rem}}.pricing-faq-cta{text-align:center;padding:5rem 2rem;position:relative;z-index:1;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);margin:4rem 2rem 2rem;border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);max-width:800px;margin-left:auto;margin-right:auto}.pricing-faq-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary),var(--accent-light));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.pricing-faq-cta h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em}.pricing-faq-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.pricing-cta-btn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-md);letter-spacing:.025em}.pricing-cta-btn:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.pricing-cta-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 768px){.pricing-faq-cta{padding:3rem 1.5rem;margin:3rem 1rem 1rem}.pricing-faq-cta h3{font-size:1.5rem}.pricing-faq-cta p{font-size:1rem}}.project-editor{background:linear-gradient(135deg,#1a1a1de0,#242428e0);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);padding:2.25rem 2rem;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;color:var(--text-primary);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-editor:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-pink),var(--accent-purple),var(--brand-accent),var(--accent-primary));opacity:.9;pointer-events:none}.project-editor:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 25% 35%,rgba(168,85,247,.14) 0%,transparent 45%),radial-gradient(circle at 75% 65%,rgba(45,212,191,.12) 0%,transparent 50%),radial-gradient(circle at 80% 25%,rgba(59,130,246,.08) 0%,transparent 52%);transform:rotate(10deg);pointer-events:none;opacity:.65}.project-heading{font-size:1.75rem;font-weight:800;margin:0 0 .25rem;text-align:center;color:transparent;border-bottom:1px solid var(--border-primary);padding-bottom:.75rem;background:linear-gradient(90deg,var(--text-primary) 0%,rgba(255,255,255,.92) 35%,var(--brand-accent) 70%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;position:relative;z-index:1}.provider-selection{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.provider-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.6rem 1.2rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;font-size:.95rem;font-weight:500;box-shadow:var(--shadow-sm)}.provider-btn:hover{background-color:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-primary)}.provider-btn.active{background-color:var(--brand-primary);color:var(--text-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.provider-btn.active:hover{background-color:var(--brand-secondary);border-color:var(--brand-secondary)}.editor-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.project-name-label{flex:1;display:flex;flex-direction:column;font-size:.95rem;color:var(--text-secondary);text-align:center}.project-name-label input{margin-top:.4rem;padding:.6rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;transition:border-color .25s ease;background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.project-name-label input:focus{border-color:var(--accent-primary);outline:none;box-shadow:var(--shadow-md)}.editor-actions{display:flex;gap:.75rem;position:relative;z-index:2}.editor-header{position:relative;z-index:2}.editor-header--right{justify-content:flex-end}.editor-menu-wrap{position:relative}.editor-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:linear-gradient(135deg,#1a1a1df2,#242428f2);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-menu--bottom{top:auto;bottom:calc(100% + .5rem)}.editor-menu-extra{z-index:10000!important}.editor-menu-item{width:100%;padding:.85rem 1rem;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.95rem}.editor-menu-item:hover{background-color:#ffffff0f;transform:none;box-shadow:none}.editor-menu-divider{height:1px;background:var(--border-primary)}.editor-menu--wide{min-width:320px;max-width:400px}.editor-stack{display:flex;flex-direction:column;gap:1rem}.editor-section-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);position:relative;z-index:2}.editor-panel{background:#1111138c;border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-md);position:relative;z-index:2}.editor-callout{margin:1.5rem 0;padding:1.5rem;background:#1111138c;border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);text-align:center;position:relative;overflow:hidden;z-index:2}.editor-callout:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.12) 0%,transparent 55%);transform:rotate(10deg);pointer-events:none;opacity:.8}.editor-callout__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:var(--text-primary)}.editor-callout__text{margin:0 0 1.25rem;color:var(--text-secondary);line-height:1.55}@media (max-width: 720px){.project-editor{padding:2rem 1.25rem}}.editor-bottom-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.dropdown-row{display:flex;gap:1rem;justify-content:space-between;align-items:flex-end}.dropdown-row label,.dropdown-row .project-name-label{flex:1;display:flex;flex-direction:column;font-size:.95rem;color:var(--text-secondary);text-align:center}.dropdown-row select{margin-top:.4rem;padding:.6rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.project-editor .dropdown-row input[type=text]{margin-top:.4rem;padding:.6rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.project-editor .dropdown-row input[type=text]::placeholder{color:var(--text-muted)}.project-editor .dropdown-row input[type=text]:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.duration-slider-container{margin:1.5rem 0}.duration-label{display:flex;flex-direction:column;gap:.75rem;font-size:.95rem;color:var(--text-secondary)}.duration-label .label-text{font-weight:600;font-size:.95rem;color:var(--text-secondary);text-align:center}.duration-label .slider-container{display:flex;align-items:center;gap:1rem}.duration-label .slider{flex:1;height:6px;border-radius:var(--radius-sm);background:var(--border-secondary);outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:inset 0 1px 3px #0006}.duration-label .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 0 0 2px var(--bg-tertiary)}.duration-label .slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.duration-label .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 0 0 2px var(--bg-tertiary)}.duration-label .slider::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.duration-label .number-input{width:80px;padding:.5rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.duration-label .number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.duration-label .number-input::-webkit-outer-spin-button,.duration-label .number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-label .number-input[type=number]{appearance:textfield;-moz-appearance:textfield}.duration-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.feeling-box label{display:flex;flex-direction:column;font-size:.95rem;color:var(--text-secondary);text-align:center}.feeling-box textarea{margin-top:.4rem;padding:1rem;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:1rem;resize:vertical;background-color:var(--bg-tertiary);color:var(--text-primary);min-height:120px;box-shadow:var(--shadow-sm)}.reference-track-section .form-label-hint{font-size:.8rem;color:var(--text-secondary);opacity:.7}.reference-track-upload{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.reference-track-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#4adeff1a;border:1px dashed rgba(74,222,255,.4);border-radius:var(--radius-lg);color:var(--accent-cyan, #4ADEFF);font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.reference-track-btn:hover{background:#4adeff26;border-color:var(--accent-cyan, #4ADEFF);box-shadow:0 0 15px #4adeff33}.reference-track-btn svg{flex-shrink:0}.reference-track-clear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:all .3s ease}.reference-track-clear:hover{background:#ef444433;border-color:#ef4444}.reference-track-preview{margin-top:.75rem;padding:.75rem;background:#0003;border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.reference-track-preview audio{width:100%;height:40px}.boolean-options{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.project-editor .form-group{display:flex;flex-direction:column;margin:0}.project-editor .form-label{font-size:.95rem;color:var(--text-secondary);text-align:center;font-weight:500;margin:0}.project-editor .form-input{margin-top:.4rem;padding:.6rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.project-editor .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.project-editor .form-input::placeholder{color:var(--text-muted)}.yes-no-toggle{margin:.4rem auto 0;position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(240px,100%);max-width:240px;padding:4px;border:1px solid var(--border-secondary);border-radius:999px;background-color:var(--bg-tertiary);box-shadow:var(--shadow-sm);overflow:hidden}.yes-no-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));box-shadow:var(--shadow-sm);transform:translate(100%);transition:transform .2s ease,background .2s ease}.yes-no-toggle.is-yes .yes-no-thumb{transform:translate(0);background:linear-gradient(135deg,var(--accent-primary),var(--accent-light))}.yes-no-option{position:relative;z-index:1;border:none;background:transparent;box-shadow:none;transform:none;color:var(--text-secondary);padding:.5rem .75rem;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:color .2s ease,background-color .2s ease}.yes-no-option:hover{background-color:#ffffff0f;border-color:transparent;box-shadow:none;transform:none}.yes-no-option:active{background-color:#ffffff17;transform:none}.yes-no-toggle.is-yes .yes-no-option:first-of-type:hover,.yes-no-toggle.is-no .yes-no-option:last-of-type:hover{background-color:#ffffff05}.yes-no-toggle.is-yes .yes-no-option:first-of-type,.yes-no-toggle.is-no .yes-no-option:last-of-type{color:#fff}.yes-no-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.yes-no-option:disabled{cursor:not-allowed;opacity:.6}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary);position:relative}.checkbox-label input[type=checkbox]{opacity:0;position:absolute;cursor:pointer}.checkmark{height:20px;width:20px;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);position:relative;transition:all .25s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:var(--brand-primary);border-color:var(--brand-primary)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{display:block}.checkbox-label:hover .checkmark{border-color:var(--accent-primary)}.loading-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}.loading-modal{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:3rem 2.5rem;box-shadow:var(--shadow-xl);text-align:center;max-width:400px;animation:slideUp .3s ease-out;border:1px solid var(--border-primary)}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-primary);border-top:4px solid var(--brand-primary);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.loading-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.loading-text{font-size:1rem;color:var(--text-muted);line-height:1.5;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.editing-fields{margin:2rem 0;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);color:var(--text-primary)}.editing-callout{background:#111113a6;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-tertiary);position:relative;overflow:hidden}.editing-callout:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.12) 0%,transparent 55%);transform:rotate(10deg);pointer-events:none;opacity:.7}.editing-callout__title{display:inline-block;color:var(--text-primary);font-weight:700}.editing-callout__list{margin:.5rem 0 0 1.25rem;padding:0}.editing-option.disabled{opacity:.5;cursor:not-allowed}.editing-empty{padding:2rem;text-align:center}.editing-empty__text{margin:0 0 1rem;font-size:1.05rem;color:var(--text-secondary)}.editing-voice{padding:2rem}.editing-voice__title{margin:0 0 1rem;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.editing-voice__desc{margin:0 0 1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.editing-voice-options{display:flex;flex-direction:column;gap:.9rem}.voice-option{width:100%;padding:1rem;text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:#1111138c;color:var(--text-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:var(--shadow-sm)}.voice-option.active{border-color:var(--brand-accent);box-shadow:0 0 0 2px #2dd4bf2e;background:linear-gradient(135deg,#2dd4bf1f,#3b82f61a)}.voice-option__label{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.voice-option__check{color:var(--brand-accent);font-weight:800}.voice-option__desc{font-size:.92rem;color:var(--text-tertiary)}.editing-submit{margin-top:1rem}.editing-results{margin-top:2rem}.editing-results__title{margin:0 0 .75rem;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.editing-results__subtitle{margin:0 0 1rem;color:var(--text-tertiary);font-size:.95rem}.editing-results__stack{display:flex;flex-direction:column;gap:1rem}.result-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;background:#1111138c;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease;position:relative}.result-card.is-selected{border-color:var(--brand-accent);box-shadow:0 0 18px #2dd4bf2e;background:linear-gradient(135deg,#2dd4bf1a,#3b82f614)}.result-card__badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,var(--brand-accent),var(--accent-primary));color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:800;box-shadow:var(--shadow-md)}.result-card__header{margin-bottom:.75rem;font-weight:800;font-size:1.1rem;color:var(--text-primary)}.result-card.is-selected .result-card__header{color:var(--brand-accent)}.result-card__btn{margin-top:.75rem;width:100%;font-weight:700}.editing-save-selected{margin-top:1.5rem;width:100%;padding:1rem;font-size:1.05rem}.tempo-result{margin-top:2rem}.tempo-result__panel{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;background:#1111138c}.tempo-result__title{margin-bottom:.75rem;font-weight:800;font-size:1.1rem;color:var(--text-primary)}.editing-field{margin-bottom:1.5rem}.editing-label{display:flex;flex-direction:column;gap:.75rem}.label-text{font-weight:600;font-size:.95rem;color:var(--text-secondary)}.slider-container{display:flex;align-items:center;gap:1rem}.slider{flex:1;height:6px;border-radius:var(--radius-sm);background:var(--border-secondary);outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:inset 0 1px 3px #0006}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 0 0 2px var(--bg-tertiary)}.slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 0 0 2px var(--bg-tertiary)}.slider::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.number-input{width:80px;padding:.5rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:1rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{appearance:textfield;-moz-appearance:textfield}.instruments-container{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.editing-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.editing-option{flex:1 1 220px;min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem 1.25rem;gap:.35rem;transition:all .2s ease;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.editing-option.active{border-color:var(--brand-primary);background:linear-gradient(140deg,var(--bg-elevated),rgba(76,162,181,.1));color:var(--text-primary);box-shadow:var(--shadow-md)}.option-label{font-size:1.05rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.option-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);display:inline-block}.option-description{font-size:.85rem;color:var(--text-muted)}.editing-panel{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.75rem;position:relative}.panel-content{display:flex;flex-direction:column;gap:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.panel-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.panel-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.meta-value{font-size:1rem;font-weight:500;color:var(--text-secondary)}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.panel-current-value{display:flex;flex-direction:column;gap:.2rem}.panel-save-btn{padding:.65rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--brand-primary);background:var(--brand-primary);color:var(--text-primary);font-weight:600;letter-spacing:.02em;transition:all .2s ease;box-shadow:var(--shadow-sm)}.panel-save-btn:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);box-shadow:var(--shadow-md)}.panel-save-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--bg-tertiary);border-color:var(--border-secondary);box-shadow:none}.save-status{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius-md);background:#2dd4bf1a;border:1px solid rgba(45,212,191,.25);color:var(--brand-accent);font-size:.9rem;letter-spacing:.01em}.status-indicator{width:10px;height:10px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 10px #2dd4bf99}.status-text{font-weight:500}.instrument-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.instrument-card{position:relative;display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:linear-gradient(145deg,#242428e6,#121214d9);color:var(--text-secondary);text-align:left;transition:all .2s ease;box-shadow:var(--shadow-sm)}.instrument-card.active{border-color:#2dd4bfcc;background:linear-gradient(165deg,#2dd4bf2e,#4ca2b51f);color:var(--text-primary);box-shadow:0 16px 35px #2dd4bf2e}.instrument-emoji{font-size:1.8rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));line-height:1}.instrument-meta{display:flex;flex-direction:column;gap:.25rem;flex:1}.instrument-name{font-weight:600;font-size:1rem;letter-spacing:.01em}.instrument-description{font-size:.8rem;color:var(--text-muted)}.instrument-indicator{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;border:2px solid var(--border-secondary);transition:all .2s ease;box-shadow:0 0 #2dd4bf80}.instrument-indicator.active{border-color:#2dd4bfd9;background:#2dd4bf99;box-shadow:0 0 0 2px #2dd4bf40}@media (max-width: 640px){.instrument-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.instrument-card{padding:.9rem}}.key-grid-wrapper{display:flex;flex-direction:column;gap:1rem}.key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.key-pill{padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.key-pill.active{background:linear-gradient(140deg,var(--brand-primary),rgba(76,162,181,.85));color:var(--text-primary);border-color:var(--brand-secondary);box-shadow:0 12px 25px #3cb4c82e}.key-pill.clear{border-style:dashed;border-color:#3b82f666;color:var(--accent-primary);background:#3b82f614}@media (hover: hover) and (pointer: fine){.voice-option:hover{border-color:#2dd4bf66;box-shadow:var(--shadow-md);background:#2424288c;transform:none}.editing-option:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-primary)}.instrument-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);color:var(--text-primary);background:linear-gradient(145deg,#2d2d37f2,#141416f2);box-shadow:var(--shadow-md)}.instrument-card:hover .instrument-description{color:var(--text-secondary)}.key-pill:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-tertiary);box-shadow:var(--shadow-md)}.key-pill.clear:hover{border-style:solid;background:#3b82f62e;color:var(--text-primary)}}@media (hover: none){.voice-option:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm);background:#1111138c;transform:none}.editing-option:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-secondary);background:var(--bg-elevated);transform:none}.instrument-card:hover{transform:none;border-color:var(--border-primary);color:var(--text-secondary);background:linear-gradient(145deg,#242428e6,#121214d9);box-shadow:var(--shadow-sm)}.instrument-card:hover .instrument-description{color:var(--text-muted)}.key-pill:hover{border-color:var(--border-primary);color:var(--text-secondary);background:var(--bg-elevated);box-shadow:var(--shadow-sm);transform:none}.key-pill.clear:hover{border-style:dashed;border-color:#3b82f666;color:var(--accent-primary);background:#3b82f614;box-shadow:var(--shadow-sm);transform:none}}.key-pill.clear.active{background:#2dd4bf26;border-color:#2dd4bf99;color:var(--brand-accent)}@media (max-width: 540px){.key-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.key-pill{padding:.65rem .85rem;font-size:.9rem}}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:0 1rem}.studio-layout--single{grid-template-columns:1fr;max-width:700px}.preset-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;padding:0 1rem}.preset-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#14141e99;border:1px solid var(--border-primary);border-radius:999px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preset-chip:hover{background:#22d3ee1a;border-color:var(--accent-cyan);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 0 20px #22d3ee33}.preset-chip.active{background:linear-gradient(135deg,#22d3ee33,#a855f733);border-color:var(--accent-cyan);color:var(--text-primary);box-shadow:0 0 15px #22d3ee4d}.preset-chip__icon{font-size:1rem}.glass-panel{background:#0a0a14b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,#22d3ee4d,#a855f733,#ec48994d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-panel__title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary)}.glass-panel__title-icon{width:28px;height:28px;color:var(--accent-cyan)}.create-panel .glass-panel__title{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.output-panel{min-height:400px}.output-panel .glass-panel__title{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generate-btn{width:100%;padding:1.25rem 2rem;margin-top:1.5rem;font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-cyan) 50%,var(--accent-purple) 100%);background-size:200% 200%;color:#fff;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .4s ease;box-shadow:0 0 20px #3b82f64d,0 0 40px #22d3ee33;position:relative;overflow:hidden}.generate-btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 0 30px #3b82f666,0 0 60px #22d3ee4d}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-btn--generating{animation:gradient-flow 2s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;text-align:center;gap:2rem}.generating-waveform{display:flex;align-items:center;justify-content:center;gap:6px;height:120px}.generating-bar{width:8px;height:100%;border-radius:4px;animation:generating-wave 1.2s ease-in-out infinite}.generating-bar:nth-child(1){background:linear-gradient(to top,var(--accent-cyan),var(--accent-purple));animation-delay:0s}.generating-bar:nth-child(2){background:linear-gradient(to top,var(--accent-purple),var(--accent-pink));animation-delay:.1s}.generating-bar:nth-child(3){background:linear-gradient(to top,var(--accent-pink),var(--accent-cyan));animation-delay:.2s}.generating-bar:nth-child(4){background:linear-gradient(to top,var(--accent-cyan),var(--accent-purple));animation-delay:.3s}.generating-bar:nth-child(5){background:linear-gradient(to top,var(--accent-purple),var(--accent-pink));animation-delay:.4s}.generating-bar:nth-child(6){background:linear-gradient(to top,var(--accent-pink),var(--accent-cyan));animation-delay:.5s}.generating-bar:nth-child(7){background:linear-gradient(to top,var(--accent-cyan),var(--accent-purple));animation-delay:.6s}.generating-bar:nth-child(8){background:linear-gradient(to top,var(--accent-purple),var(--accent-pink));animation-delay:.7s}@keyframes generating-wave{0%,to{transform:scaleY(.2);opacity:.5}50%{transform:scaleY(1);opacity:1}}.generating-status{display:flex;flex-direction:column;gap:.5rem}.generating-status__text{font-size:1.1rem;color:var(--text-primary);font-weight:500}.generating-status__subtext{font-size:.9rem;color:var(--text-tertiary)}.cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;text-align:center;color:var(--text-tertiary)}.output-empty__icon{width:80px;height:80px;margin-bottom:1.5rem;opacity:.4}.output-empty__text{font-size:1.1rem;margin:0}.versions-panel{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.versions-panel__title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem}.version-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff05;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.version-item:hover{background:#ffffff0d}.version-item.active{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3)}.version-item__play{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:50%;color:#fff;flex-shrink:0}.version-item__info{flex:1;min-width:0}.version-item__name{font-size:.95rem;font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-item__time{font-size:.8rem;color:var(--text-tertiary);margin:0}.advanced-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;margin-top:1rem;background:transparent;border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%}.advanced-toggle:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.advanced-toggle__icon{transition:transform .2s ease}.advanced-toggle.open .advanced-toggle__icon{transform:rotate(180deg)}.advanced-options-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.advanced-options-row .form-group{flex:1;margin-bottom:0}@media (max-width: 1024px){.studio-layout{grid-template-columns:1fr}.output-panel{min-height:auto}}@media (max-width: 768px){.preset-chips{gap:.5rem}.preset-chip{padding:.5rem 1rem;font-size:.85rem}.glass-panel{padding:1.5rem}.advanced-options-row{flex-direction:column;gap:1.5rem}.advanced-options-row .form-group{margin-bottom:1.5rem}}.studio-shell{width:100%;padding:3rem 2rem;background-image:radial-gradient(circle at 10% 20%,rgba(45,212,191,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.05) 0%,transparent 40%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,#1a1a2e 100%);min-height:100vh;position:relative;overflow:hidden}.studio-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:studioShellGlow 8s ease-in-out infinite}.studio-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 70%,rgba(76,162,181,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:studioShellGlow 10s ease-in-out infinite reverse}@keyframes studioShellGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.studio-shell__content{position:relative;z-index:1;max-width:1400px;margin:0 auto}@media (max-width: 720px){.studio-shell{padding:2.5rem 1.25rem}}.payment-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:2rem}.payment-success-container{max-width:700px;width:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-xl);text-align:center}.payment-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0}.loading-spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.payment-loading h2{color:var(--text-primary);font-size:1.5rem;margin:0}.payment-loading p{color:var(--text-secondary);margin:0}.payment-success-icon{margin-bottom:2rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.payment-success-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.025em}.payment-success-message{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.subscription-details{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2.5rem;text-align:left}.subscription-details h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.subscription-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary);font-size:1rem}.info-value{color:var(--text-primary);font-weight:500;font-size:1rem;text-transform:capitalize}.subscription-active{color:#10b981;font-weight:700}.payment-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.btn-primary{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);letter-spacing:.025em}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{padding:1rem 2.5rem;background:transparent;color:var(--text-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.025em}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-2px)}.payment-next-steps{background:linear-gradient(135deg,#3b82f61a,#4ca2b51a);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:2rem;text-align:left}.payment-next-steps h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-align:center}.payment-next-steps ul{list-style:none;padding:0;margin:0}.payment-next-steps li{padding:.75rem 0;color:var(--text-secondary);display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1.5}.payment-next-steps li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}@media (max-width: 768px){.payment-success-page{padding:1rem}.payment-success-container{padding:2rem 1.5rem}.payment-success-title{font-size:2rem}.payment-success-message{font-size:1.125rem}.payment-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.subscription-details,.payment-next-steps{padding:1.5rem}}.plan-checkout-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:6rem 2rem 4rem;display:flex;justify-content:center;align-items:center}.plan-checkout-container{max-width:700px;width:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-xl);position:relative}.back-button{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.back-button:hover{color:var(--text-primary)}.checkout-header{text-align:center;margin-bottom:3rem}.plan-category-badge{display:inline-block;padding:.375rem 1rem;background:linear-gradient(135deg,#3b82f626,#4ca2b526);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);color:var(--accent-primary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.plan-checkout-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.025em}.plan-checkout-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0}.checkout-error-message{margin-bottom:2rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:1rem}.checkout-error-message p{color:#ef4444;margin:0;flex:1}.checkout-error-message button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.checkout-error-message button:hover{background:#ef44441a}.billing-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.billing-option{position:relative;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden}.billing-option:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.billing-option.selected{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(59,130,246,.05) 100%);box-shadow:var(--shadow-md)}.billing-option.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light))}.billing-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,var(--brand-primary),var(--accent-light));color:#fff;padding:.375rem .875rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.billing-option-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.billing-option input[type=radio]{margin-top:.25rem;width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.billing-option-info h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.billing-option-info p{font-size:.95rem;color:var(--text-secondary);margin:0}.billing-option-price{display:flex;align-items:baseline;gap:.25rem;padding-left:2.25rem}.price-amount{font-size:2rem;font-weight:800;color:var(--accent-primary)}.price-period{font-size:1rem;color:var(--text-secondary);font-weight:500}.checkout-summary{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.checkout-summary h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:var(--text-secondary);font-size:1rem}.summary-price{color:var(--text-primary);font-weight:700;font-size:1.125rem}.summary-savings{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-primary);color:var(--brand-primary);font-weight:600;text-align:center}.checkout-button{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.checkout-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.checkout-note{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:1.5rem 0 0}@media (max-width: 768px){.plan-checkout-page{padding:5rem 1rem 2rem}.plan-checkout-container{padding:2rem 1.5rem}.plan-checkout-title{font-size:2rem}.plan-checkout-subtitle{font-size:1rem}.billing-option{padding:1.25rem}.billing-option-header{flex-direction:column;gap:.75rem}.billing-option-price{padding-left:0}.price-amount{font-size:1.75rem}.checkout-button{padding:1rem 1.5rem;font-size:1rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #050508;--bg-secondary: #0a0a10;--bg-tertiary: #12121a;--bg-elevated: #1a1a25;--bg-overlay: rgba(5, 5, 8, .95);--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-tertiary: #a3a3a3;--text-muted: #737373;--accent-primary: #3b82f6;--accent-secondary: #1d4ed8;--accent-hover: #2563eb;--accent-light: #60a5fa;--accent-cyan: #22d3ee;--accent-pink: #ec4899;--accent-purple: #a855f7;--brand-primary: #4ca2b5;--brand-secondary: #3a8a99;--brand-accent: #2dd4bf;--border-primary: #1e1e2a;--border-secondary: #2a2a3a;--border-accent: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--glow-cyan: 0 0 20px rgba(34, 211, 238, .3), 0 0 40px rgba(34, 211, 238, .1);--glow-purple: 0 0 20px rgba(168, 85, 247, .3), 0 0 40px rgba(168, 85, 247, .1);--glow-pink: 0 0 20px rgba(236, 72, 153, .3), 0 0 40px rgba(236, 72, 153, .1);--glow-blue: 0 0 20px rgba(59, 130, 246, .3), 0 0 40px rgba(59, 130, 246, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,#0a0a15 50%,#0f0a1a 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--accent-hover)}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{border-color:var(--accent-primary);background-color:var(--bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-md)}.studio-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.studio-btn:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.studio-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.studio-btn.secondary:hover{background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.studio-btn.generate{font-size:1.1rem;padding:.8rem 1.5rem}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(58,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(76,162,181,.1) 0%,transparent 50%);pointer-events:none}.auth-container{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);color:var(--text-primary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:3.5rem;box-shadow:var(--shadow-xl);width:100%;max-width:520px;min-height:700px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-title{font-size:2.75rem;font-weight:800;color:var(--brand-primary);margin:0 0 .75rem;line-height:1.1;letter-spacing:-.025em}.auth-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.5}.auth-tabs{display:flex;background:var(--bg-primary);border-radius:var(--radius-lg);padding:6px;margin-bottom:2.5rem;border:1px solid var(--border-primary)}.auth-tab{flex:1;padding:.875rem 1.25rem;border:none;background:transparent;color:var(--text-tertiary);font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;position:relative}.auth-tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-tab:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.auth-form{display:flex;flex-direction:column;gap:1.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.025em}.form-input{padding:1rem 1.25rem;border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:1rem;transition:all .3s ease;background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;background-color:var(--bg-secondary)}.form-input::placeholder{color:var(--text-muted);font-weight:400}.form-options{display:flex;justify-content:space-between;align-items:center;margin:-.5rem 0}.checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary);font-weight:500}.checkbox{width:20px;height:20px;accent-color:var(--accent-primary);cursor:pointer;border-radius:var(--radius-sm)}.forgot-password{color:var(--accent-primary);text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s ease}.forgot-password:hover{color:var(--accent-hover);text-decoration:underline}.auth-submit-btn{padding:1.25rem 2rem;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg);margin-top:.75rem;text-transform:none;letter-spacing:.025em}.auth-submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary))}.auth-submit-btn:active{transform:translateY(-1px)}.auth-submit-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-divider{position:relative;text-align:center;margin:2rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-primary)}.auth-divider span{background:var(--bg-tertiary);padding:0 1.5rem;color:var(--text-tertiary);font-size:.95rem;font-weight:500;position:relative;z-index:1}.social-auth{display:flex;flex-direction:column;gap:1rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.social-btn:hover{border-color:var(--accent-primary);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.google-btn:hover{border-color:#4285f4;background:#4285f40d}.github-btn:hover{border-color:var(--text-primary);background:var(--bg-elevated)}.social-icon{width:22px;height:22px}.auth-footer{text-align:center;margin-top:2rem;color:var(--text-tertiary);font-size:1rem;line-height:1.5}.auth-link{background:none;border:none;color:var(--accent-primary);font-weight:700;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0;transition:all .3s ease}.auth-link:hover{color:var(--accent-hover)}@media (max-width: 640px){.auth-page{padding:1rem}.auth-container{padding:2.5rem 1.5rem;border-radius:var(--radius-lg)}.auth-title{font-size:2.25rem}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;gap:1.25rem;align-items:flex-start}.social-auth{gap:.75rem}.social-btn{padding:.875rem 1rem;font-size:.95rem}}.auth-form{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input:focus,.auth-tab:focus,.auth-submit-btn:focus,.social-btn:focus,.auth-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--bg-elevated);color:var(--text-muted)}.auth-submit-btn:disabled:hover{transform:none;box-shadow:var(--shadow-lg);background:var(--bg-elevated)}.auth-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;animation:slideIn .3s ease-out}.auth-error-box--credentials{background:#fbbf241a;border-color:#fbbf244d}.auth-success-box{background:#22c55e1a;border-color:#22c55e4d}.auth-info-box{background:#3b82f61a;border-color:#3b82f64d}.auth-error-message{color:var(--text-primary);font-size:.95rem;margin:0 0 .75rem;line-height:1.5}.auth-error-hint{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 0;font-style:italic}.auth-error-action-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-error-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-error-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.awaiting-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,#1a1a2e 100%)}.verification-container{max-width:600px;width:100%;padding:3rem 2.5rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);text-align:center;position:relative;overflow:hidden}.verification-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--brand-primary),var(--accent-purple));animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.verification-icon-container{position:relative;display:inline-block;margin-bottom:2rem}.mail-icon{width:80px;height:80px;margin:0 auto;color:var(--brand-primary);position:relative;z-index:2;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mail-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(76,162,181,.3))}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:2px solid var(--brand-primary);border-radius:50%;opacity:0;animation:pulse 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:1s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.verification-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--brand-primary),var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.verification-message{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.verification-info{text-align:left;margin:2.5rem 0}.info-section{margin-bottom:2rem}.info-section:last-child{margin-bottom:0}.info-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.info-section h3:before{content:"→";color:var(--brand-primary);font-size:1.5rem}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{padding:.75rem 0;color:var(--text-secondary);display:flex;align-items:flex-start;gap:1rem;line-height:1.6;border-bottom:1px solid var(--border-primary)}.info-section li:last-child{border-bottom:none}.step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--accent-primary),var(--brand-primary));color:#fff;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-md)}.info-section:last-child li{padding-left:2rem;position:relative}.info-section:last-child li:before{content:"•";position:absolute;left:.5rem;color:var(--brand-primary);font-size:1.5rem;line-height:1}.verification-actions{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.verification-btn{padding:.875rem 2rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;border:none;cursor:pointer}.verification-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:var(--shadow-md)}.verification-btn.primary:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.verification-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.verification-btn.secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.verification-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 640px){.verification-container{padding:2rem 1.5rem}.verification-title{font-size:2rem}.verification-message{font-size:1rem}.verification-actions{flex-direction:column}.verification-btn{width:100%}.mail-icon{width:60px;height:60px}.pulse-ring{width:80px;height:80px}}.listen-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#020410,#0a0a1a,#020410)}.listen-loading,.listen-error{text-align:center;color:#fff}.listen-loading .loading-spinner{width:48px;height:48px;border:3px solid rgba(74,222,255,.2);border-top-color:#4adeff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.listen-error .error-icon{color:#a855f7;margin-bottom:1rem}.listen-error h2{font-size:1.5rem;margin-bottom:.5rem}.listen-error p{color:#fff9}.listen-container{width:100%;max-width:600px}.listen-card{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000004d}.listen-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.listen-card__title{font-size:1.75rem;font-weight:700;color:#fff;margin:0;flex:1}.listen-card__badge{background:linear-gradient(135deg,#4adeff,#a855f7);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.listen-card__meta{display:flex;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;color:#fff9}.listen-card__creator{color:#4adeff}.listen-card__player{background:#0000004d;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.listen-card__actions{display:flex;gap:1rem;margin-bottom:1.5rem}.listen-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}.listen-card__btn svg{width:18px;height:18px}.listen-card__btn--download{background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff;box-shadow:0 4px 15px #3b82f64d}.listen-card__btn--download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.listen-card__btn--share{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.listen-card__btn--share:hover{background:#ffffff26;border-color:#4adeff}.listen-card__branding{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.listen-card__branding p{font-size:.75rem;color:#fff6;margin:0}.listen-card__branding a{color:#4adeff;text-decoration:none;font-weight:600}.listen-card__branding a:hover{text-decoration:underline}@media (max-width: 480px){.listen-page{padding:1rem}.listen-card{padding:1.5rem}.listen-card__title{font-size:1.25rem}.listen-card__actions{flex-direction:column}}