body{background-color:#0f0f11;color:#e4e4e7;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}.font-human{font-feature-settings:"ss01","ss02","cv01"}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#52525b}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b556380}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%}.template-card{position:relative;z-index:1;border-radius:16px;overflow:visible;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;cursor:pointer;will-change:transform}.template-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(60% 60% at 20% 20%,rgba(147,197,253,.18),rgba(196,181,253,.12) 30%,transparent 60%);filter:blur(28px);transform:translateY(6px) scale(1);opacity:0;transition:opacity .36s ease,transform .36s ease;pointer-events:none;z-index:0}.template-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.template-card:hover:before{opacity:1;transform:translateY(0) scale(1.04)}.template-card:hover{transform:translateY(-10px);box-shadow:0 18px 40px #14b8a60d,0 0 50px #93c5fd1f}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1280px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}@media (max-width: 1024px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width: 640px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width: 420px){.template-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.template-card{padding:16px}.template-card .template-card-content h3{font-size:1.05rem}.template-card .template-card-content p{font-size:.9rem}}
