html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;font-size:1rem;line-height:1.5rem;color:rgb(75 85 99 / var(--tw-text-opacity,1));background-color:#faf8fe}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes waveBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#desktop-menu ul li a{position:relative;transition:all 0.3s ease}#desktop-menu ul li:not(:last-child) a::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#8b5cf6;transform-origin:bottom right;transition:transform 0.3s ease-out}#desktop-menu ul li:not(:last-child) a:hover::after,#desktop-menu ul li:not(:last-child) a.active::after{transform:scaleX(1);transform-origin:bottom left}#mobile-menu ul li a{position:relative;transition:all 0.3s ease}#mobile-menu ul li{padding:.75rem 0}#mobile-menu ul li:not(:last-child) a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#8b5cf6;transition:width 0.3s ease-out}#mobile-menu ul li:not(:last-child) a:hover::after,#mobile-menu ul li:not(:last-child) a.active::after{width:100%}.hero-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);animation:waveBackground 15s ease infinite;background-size:200% 200%}.button-gradient{background:linear-gradient(45deg,#a78bfa,#8b5cf6);transition:all 0.3s ease}.bg-gradient{background:linear-gradient(45deg,#a78bfa,#8b5cf6);transition:all 0.3s ease}.button-gradient:hover{background:linear-gradient(45deg,#8b5cf6,#a78bfa);box-shadow:0 8px 25px rgb(139 92 246 / .4);transform:translateY(-2px)}.card-shadow{box-shadow:0 10px 30px rgb(0 0 0 / .08)}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:9999px;transition:transform 0.3s ease}.icon-circle:hover,.contact-form-section .info_card:hover .icon-circle{transform:scale(1.1)}.img-float{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bg-active{--tw-bg-opacity:1;background-color:#7d52dd}.check-icon{color:#10B981;margin-right:.75rem;font-weight:700}.plan-featured{border:3px solid #8b5cf6;box-shadow:0 15px 45px rgb(139 92 246 / .2)}.feature-icon-wrapper{transition:transform 0.3s ease}.feature-card:hover .feature-icon-wrapper{transform:rotateY(180deg)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(139 92 246 / .7)}70%{transform:scale(1.05);box-shadow:0 0 0 20px #fff0}100%{transform:scale(1);box-shadow:0 0 0 0 #fff0}}.cta-pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(139 92 246 / .7)}70%{transform:scale(1.05);box-shadow:0 0 0 20px #fff0}100%{transform:scale(1);box-shadow:0 0 0 0 #fff0}}.template-card{display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.template-card-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid #e5e7eb}.template-category-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.badge-marketing{background-color:#e0e7ff;color:#4f46e5}.badge-social{background-color:#dbeafe;color:#2563eb}.badge-event{background-color:#fef2f2;color:#dc2626}.badge-presentation{background-color:#ecfdf5;color:#059669}.badge-web{background-color:#fefce8;color:#a16207}.filter-button{@apply px-5 py-2 rounded-full font-medium text-gray-700 bg-gray-100 hover:bg-indigo-100 hover:text-indigo-700 transition-all duration-300}.filter-button.active{@apply bg-primary text-white shadow-md}.filter-button.active:hover{@apply bg-primary}.filter-button.active{background:#8b5cf6;color:#fff;box-shadow:0 5px 15px rgb(102 126 234 / .4);transition:all 0.3s ease-in-out}.filter-button.active:hover{background:#8b5cf6;box-shadow:0 8px 20px rgb(102 126 234 / .6)}.shadow-subtle{--tw-shadow:0 5px 20px rgba(0, 0, 0, 0.05);--tw-shadow-colored:0 5px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-hover:hover{--tw-shadow:0 10px 30px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.duration-400{transition-duration:400ms!important}.blog-card{display:flex;flex-direction:column;overflow:hidden;background-color:#fff;height:100%}.blog-card-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid #e5e7eb}.blog-category-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.badge-design{background-color:#e0e7ff;color:#4f46e5}.badge-marketing-strategy{background-color:#dbeafe;color:#2563eb}.badge-tips-tricks{background-color:#ecfdf5;color:#059669}.badge-news{background-color:#fef2f2;color:#dc2626}.article-content h2,.article-content h3,.article-content h4{margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.article-content p{font-size:1rem;margin-bottom:1.5rem;line-height:1.8}.article-content ul,.article-content ol{font-size:1rem;margin-bottom:1.5rem;padding-left:1.5rem}.article-content ul li{list-style-type:disc;margin-bottom:.5rem}.article-content ol li{list-style-type:decimal;margin-bottom:.5rem}.article-content blockquote{font-size:1rem;border-left:5px solid #8b5cf6;padding-left:1.5rem;margin:2rem 0;font-style:italic;line-height:1.6;padding-top:1rem;padding-bottom:1rem}.article-content img{margin:2rem auto;max-width:100%;height:auto;display:block}.article-content a{text-decoration:underline;font-weight:500}.article-content code{padding:.2em .4em;border-radius:.25rem;font-family:monospace;font-size:.9em}.article-content pre{background-color:#a78bfa;color:#fff;padding:1.5rem;overflow-x:auto;margin:2rem 0;font-family:monospace}.article-content pre code{background-color:#fff0;color:inherit;padding:0;border-radius:0}.sidebar-card{@apply bg-white p-6 rounded-2xl shadow-lg mb-8}.sidebar-card h3{@apply text-xl font-bold text-gray-800 mb-4}.sidebar-search{@apply flex items-center space-x-2}.sidebar-search input{@apply flex-grow p-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all duration-200}.sidebar-search button{@apply flex-shrink-0 px-5 py-3 rounded-xl button-gradient text-white font-semibold shadow-md transition-all duration-300 transform hover:-translate-y-0.5 hover:shadow-lg}.sidebar-list li{@apply mb-2}.sidebar-list a{@apply text-gray-700 hover:text-indigo-600 font-medium transition-all duration-200 block py-1 px-2 rounded-lg}.sidebar-tags a{@apply inline-block bg-indigo-100 text-indigo-700 text-sm font-medium px-3 py-1 rounded-full mr-2 mb-2 hover:bg-indigo-200 transition-all duration-200}.comment-section .comment-box{@apply bg-gray-50 p-4 rounded-xl mb-4 border border-gray-200}.comment-section .comment-author{@apply font-semibold text-gray-800 text-sm mb-1}.comment-section .comment-date{@apply text-gray-500 text-xs mb-2}.comment-section .comment-text{@apply text-gray-700 text-sm leading-snug}.leave-comment-form textarea{@apply w-full p-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all duration-200 mb-3}.leave-comment-form button{@apply w-full p-3 rounded-xl button-gradient text-white font-bold text-lg shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1}.post-actions{@apply flex justify-center space-x-4 mt-6}.post-action-button{@apply flex items-center px-6 py-3 rounded-full text-lg font-bold shadow-md transition-all duration-300 transform hover:-translate-y-1;position:relative;overflow:hidden;z-index:1}.post-action-button::before{content:'';position:absolute;top:50%;left:50%;width:300%;height:300%;background:rgb(255 255 255 / .2);border-radius:50%;transition:all 0.7s ease-out;transform:translate(-50%,-50%) scale(0);z-index:-1}.post-action-button:hover::before{transform:translate(-50%,-50%) scale(1)}.post-action-button.like{@apply bg-indigo-500 text-white hover:bg-indigo-600 hover:shadow-xl}.post-action-button.share{@apply bg-blue-500 text-white hover:bg-blue-600 hover:shadow-xl}.post-action-button svg{@apply w-5 h-5 mr-2}.sidebar-search .search-gradient-bg{background:#eef2ff}.sidebar-search input:focus{outline:none}.signup-form-section{position:relative}.social-login-btn{display:flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:600;transition:background-color 0.3s ease,transform 0.3s ease;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.social-login-btn i{margin-right:10px;font-size:1.2em}.social-login-btn.facebook{background-color:#3b5998;color:#fff}.social-login-btn.facebook:hover{background-color:#2d4373;transform:translateY(-2px)}.social-login-btn.google{background-color:#db4437;color:#fff}.social-login-btn.google:hover{background-color:#c23321;transform:translateY(-2px)}.policy-content h3{margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.policy-content p{margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.policy-content ul,.policy-content ol{margin-bottom:1.5rem;padding-left:1.5rem;color:#333}.policy-content ul li{list-style-type:disc;margin-bottom:.5rem;font-size:1rem;line-height:1.8}.policy-content ol li{list-style-type:decimal;margin-bottom:.5rem;font-size:1rem;line-height:1.8}.policy-content a{color:#8b5cf6;text-decoration:underline;font-weight:500}.policy-content a:hover{color:#a78bfa}.faq-item{margin-bottom:1.5rem}.faq-item:last-child{margin-bottom:0}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;text-align:left;padding:0;cursor:pointer;transition:color 0.3s ease}.faq-question svg{margin-left:1rem;transition:transform 0.3s ease}.faq-question.active{color:#8b5cf6}.faq-question.active svg{transform:rotate(180deg);color:#8b5cf6}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.5s ease-out;padding-top:0;color:#666}.faq-answer.active{max-height:200px;padding-top:1rem}@media screen and (orientation:landscape){@keyframes slideDown{from{max-height:0}to{max-height:300px}}@keyframes slideUp{from{max-height:300px}to{max-height:0}}#mobile-menu{max-height:300px}}@media screen and (orientation:portrait){@keyframes slideDown{from{max-height:0}to{max-height:448px}}@keyframes slideUp{from{max-height:448px}to{max-height:0}}#mobile-menu{max-height:448px}}.mobile-menu-slide-down{animation:slideDown 0.3s ease-out forwards}.mobile-menu-slide-up{animation:slideUp 0.3s ease-in forwards}#mobile-menu{overflow-y:auto;transition:max-height 0.3s ease-out}