.templates.section{padding:4rem 0;background:#080808}.templates .container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.templates .container{padding:0 1.5rem}}@media (min-width:1024px){.templates .container{padding:0 2rem}}.templates .section-header{text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.templates .section-title{font-family:Space Grotesk,sans-serif;font-size:1.875rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#a3a3a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:640px){.templates .section-title{font-size:2.25rem}}.templates .section-description{font-size:1.125rem;color:#a3a3a3;line-height:1.7}.templates-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.templates-grid{grid-template-columns:repeat(3,1fr)}}.template-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.06);border-radius:1rem;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.template-card:first-child{animation-delay:.1s}.template-card:nth-child(2){animation-delay:.2s}.template-card:nth-child(3){animation-delay:.3s}.template-card:nth-child(4){animation-delay:.4s}.template-card:nth-child(5){animation-delay:.5s}.template-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.template-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.12);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}.template-preview{aspect-ratio:16/9;background:#080808;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.template-info{padding:1.5rem}.template-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#ffffff}.template-description{color:#a3a3a3;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.template-tags{display:flex;gap:.5rem;flex-wrap:wrap}.template-tag{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.spectrum-bars{display:flex;align-items:end;gap:4px;height:80px;padding:10px}.spectrum-bar{width:8px;background:linear-gradient(135deg,#ef4444,#14b8a6);border-radius:2px;animation:spectrumBounce 1.2s ease-in-out infinite}@keyframes spectrumBounce{0%,to{height:20px}50%{height:60px}}.waveform-container{width:90%;height:60%;position:relative}.waveform-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#ef4444,#14b8a6);transform-origin:center;animation:waveformPulse 2s ease-in-out infinite}.waveform-line:before{content:"";position:absolute;top:-10px;left:10%;right:10%;height:20px;background:linear-gradient(90deg,transparent,#ef4444,#14b8a6,transparent);border-radius:10px;opacity:.6;animation:waveformFlow 3s ease-in-out infinite}@keyframes waveformPulse{0%,to{transform:translateY(-50%) scaleY(1)}25%{transform:translateY(-50%) scaleY(3)}75%{transform:translateY(-50%) scaleY(2)}}@keyframes waveformFlow{0%,to{left:-20%;right:80%;opacity:0}50%{left:10%;right:10%;opacity:.8}}.particle-container{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(239,68,68,.03) 0,transparent 70%)}.particle{position:absolute;border-radius:50%;pointer-events:none}.particle-small{width:3px;height:3px;background:linear-gradient(45deg,#ef4444,#14b8a6);animation:particleFloatSmall 4s ease-in-out infinite}.particle-large{width:6px;height:6px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0,#ef4444 30%,#14b8a6 100%);animation:particleFloatLarge 6s ease-in-out infinite}.particle-trail{width:2px;height:2px;background:#ef4444;animation:particleFloatSmall 3s ease-in-out infinite}.background-glow{top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(239,68,68,.1) 0,transparent 70%)}.background-glow,.energy-node{position:absolute;animation:pulse 2s ease-in-out infinite}.energy-node{width:4px;height:4px;background:#14b8a6;border-radius:50%}.connection-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#ef4444,transparent);animation:pulse 3s ease-in-out infinite}@keyframes particleFloatSmall{0%{transform:translateY(110%) translateX(-10px) scale(0) rotate(0deg);opacity:0}10%{opacity:1;transform:translateY(95%) translateX(0) scale(1) rotate(45deg)}50%{transform:translateY(50%) translateX(5px) scale(1.2) rotate(180deg);opacity:.8}90%{opacity:.6;transform:translateY(5%) translateX(-5px) scale(.8) rotate(315deg)}to{transform:translateY(-10%) translateX(-10px) scale(0) rotate(1turn);opacity:0}}@keyframes particleFloatLarge{0%{transform:translateY(110%) translateX(-15px) scale(0) rotate(0deg);opacity:0}8%{opacity:.9;transform:translateY(98%) translateX(-5px) scale(.8) rotate(30deg)}25%{transform:translateY(75%) translateX(5px) scale(1.3) rotate(90deg);opacity:1}50%{transform:translateY(50%) translateX(10px) scale(1.5) rotate(180deg);opacity:.9}75%{transform:translateY(25%) translateX(5px) scale(1.2) rotate(270deg);opacity:.7}95%{opacity:.3;transform:translateY(2%) translateX(-10px) scale(.6) rotate(330deg)}to{transform:translateY(-10%) translateX(-20px) scale(0) rotate(1turn);opacity:0}}.geometric-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.shape{position:absolute;border:2px solid #ef4444;animation:geometricPulse 2s ease-in-out infinite}.hexagon{width:40px;height:40px;background:transparent;transform:rotate(45deg)}.triangle{width:0;height:0;left:20%;animation-delay:.5s;border:none}.circle{width:30px;height:30px;border-radius:50%;right:20%;animation-delay:1s}@keyframes geometricPulse{0%,to{transform:scale(1) rotate(0deg);opacity:.7}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.vinyl-container{width:80px;height:80px;position:relative;margin:auto}.vinyl-record{width:100%;height:100%;border:3px solid #ef4444;border-radius:50%;position:relative;animation:vinylSpin 3s linear infinite}.vinyl-record:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#080808;border:2px solid #14b8a6;border-radius:50%}@keyframes vinylSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.neural-container{width:100%;height:100%;position:relative}.neural-node{position:absolute;width:8px;height:8px;background:radial-gradient(circle at center,rgba(255,255,255,.9) 0,#ef4444 40%,#14b8a6 100%);border-radius:50%;animation:neuralPulse 3s ease-in-out infinite}.neural-connection{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.6) 20%,rgba(20,184,166,.8) 50%,rgba(239,68,68,.6) 80%,transparent);animation:neuralFlow 4s linear infinite;transform-origin:left center}@keyframes neuralPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}@keyframes neuralFlow{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.default-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:14px}