.home-header{z-index:50;background-color:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.home-header .header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 16px;display:flex}@media (min-width:640px){.home-header .header-inner{padding:0 24px}}.home-header .brand-link{color:#0f172a;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.home-header .brand-link img{width:28px;height:28px}.home-header .brand-link span{letter-spacing:-.01em}.home-header .header-actions{align-items:center;gap:12px;display:flex}@media (min-width:640px){.home-header .header-actions{gap:16px}}.home-header .header-actions .main-site-link{color:#64748b;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;display:none}@media (min-width:640px){.home-header .header-actions .main-site-link{display:block}}.home-header .header-actions .main-site-link:hover{color:#ff7d00}.home-header .header-actions .create-btn{color:#fff;background-color:#0f172a;border-radius:8px;align-items:center;height:32px;padding:0 12px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}@media (min-width:640px){.home-header .header-actions .create-btn{height:36px;padding:0 16px;font-size:.875rem}}.home-header .header-actions .create-btn:hover{background-color:#334155;transform:translateY(-1px)}
.site-footer{background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:48px 24px}.site-footer .footer-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1400px;margin:0 auto;display:flex}@media (min-width:768px){.site-footer .footer-inner{text-align:left;flex-direction:row;justify-content:space-between}}.site-footer .footer-brand{flex-direction:column;gap:8px;display:flex}.site-footer .footer-brand .brand-name{color:#1e293b;font-size:1.125rem;font-weight:700}.site-footer .footer-brand .brand-slogan{color:#64748b;font-size:.875rem}.site-footer .footer-links{gap:32px;display:flex}.site-footer .footer-links a{color:#64748b;font-size:.9375rem;text-decoration:none;transition:color .2s}.site-footer .footer-links a:hover{color:#ff7d00}
.templates-center-card-link{color:inherit;height:100%;text-decoration:none;display:block}.templates-center-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.templates-center-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001f,0 4px 8px -4px #0000000a}.templates-center-card:hover .templates-center-card-cover{transform:scale(1.02)}.templates-center-card-cover-wrapper{background-color:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.templates-center-card-cover-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000005 100%);position:absolute;inset:0}.templates-center-card-cover{object-fit:contain;width:100%;height:100%;padding:16px;transition:transform .5s}.templates-center-card-empty-cover{color:#94a3b8;background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.templates-center-card-body{background:#fff;flex-direction:column;flex:1;padding:16px;display:flex}.templates-center-card-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:1rem;font-weight:600;line-height:1.4;overflow:hidden}.templates-center-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}