*,*:before,*:after{box-sizing:border-box}:root{--color-brand-red: #ff5001}html,body{margin:0;padding:0;background:#fff}body{font-family:Inter,system-ui,sans-serif;color:#282929;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9dbe0;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#c3c6cf}button{font-family:Inter,system-ui,sans-serif}a{text-decoration:none}.card-surface{transition:transform .15s ease,box-shadow .15s ease}.card-hover:hover .card-surface{transform:translateY(-2px);box-shadow:0 8px 24px #00000026!important}.template-type-badge{gap:5px}.template-type-badge__icon{display:inline-flex;align-items:center;flex-shrink:0}.template-type-badge__label{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,opacity .2s ease}.card-hover:hover .template-type-badge__label{max-width:88px;opacity:1}.cat-btn{transition:transform .15s ease,box-shadow .15s ease}.cat-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2b304738!important}.cat-tile{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s ease,border-color .15s ease}.cat-tile:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 24px #17253a1a!important;border-color:#dfe3e8!important}.cat-tile:disabled{cursor:not-allowed}.cat-expand-link{transition:color .15s ease}.cat-expand-link:hover{color:#17253a!important}.format-pill{transition:all .15s ease}.format-pill:hover{opacity:.85}.see-all-link{font-size:13px;font-weight:600;color:#31364c;cursor:pointer;text-decoration:none;white-space:nowrap;opacity:.85;transition:opacity .12s ease}.see-all-link:hover{opacity:1;text-decoration:underline}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px #0000000f,0 4px 14px #00000029;color:#31364c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s ease,transform .12s ease}.scroll-btn:hover{box-shadow:0 0 0 1px #00000014,0 6px 18px #00000038;transform:translateY(calc(-50% - 1px))}.scroll-btn-left{left:-12px}.scroll-btn-right{right:-12px}.load-more-btn:not(:disabled):hover{border-color:#31364c!important;background:#31364c!important;color:#fff!important}.scroll-top-btn{width:44px;height:44px;border-radius:50%;border:0;background:#1a1a1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000002e;transition:opacity .2s ease,transform .2s ease,background .15s ease}.scroll-top-btn--floating{position:fixed;bottom:28px;right:40px;z-index:50}.scroll-top-btn--hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.scroll-top-btn:hover{background:#31364c!important}.request-design-btn:hover{background:#262a3c!important}.chip-filter{transition:all .12s ease}.chip-filter:hover{border-color:#31364c!important}.quick-post-btn:hover{border-color:#31364c!important;background:#f8f8fb!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c14d1;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-box{animation:slideUp .22s ease}.skeleton{background:linear-gradient(90deg,#f0f1f4 25%,#e8e9ec,#f0f1f4 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:13px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floatA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(70px,60px) scale(1.15)}}@keyframes floatB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-90px,50px) scale(1.12)}}@keyframes floatC{0%,to{transform:translate(0) scale(1)}50%{transform:translate(55px,-70px) scale(1.18)}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}